image hosting sites for signatures
I can find one that works
#1
So I am trying to use a gif that I made for my signature, but I cant find one that seems to work, can anyone help?
[html]<div class="addlerSig">
<div class="title">ADDLER</div>

<div class="bottom">
<div class="sigicons" id="signature-icons">
<a href="#!" class="apparel-accessories" title="Wears only a pair of Green Shorts in Optime"></a>
<a href="#!" title="I will roleplay LASKY." class="will-lasky"></a>
<a href="http://soulsrpg.com/forum/viewtopic.php?f=13&t=28816" target="_blank" title="POST LOG" class="post-log"></a>
<a href="#!" class="character-note" title="Isn’t very good in social interactions with women"></a>
<a href="#!" class="skill-fighting" title="Character is a skilled fighter."></a>
<a href="#!" class="references-okay" title="OOC references okay."></a>
<a href="#!" class="reply-fast" title="REPLY SPEED: FAST"></a>
<a href="#!" class="reply-fast" title="REPLY SPEED: FAST"></a>
<a href="#!" class="scent-warning" title="Character disguises their scent with Pine leaf and earth."></a>
<a href="#!" class="lupus-preference" title="LUPUS unless otherwise stated."></a>
<a href="#!" class="skill-generic" title="Character is a skilled Tracker."></a>
<a href="#!" class="skill-hunting" title="Character is a skilled hunter."></a>
</div>

</div>
</div>

<style>
@import url('http://sleepyglow.net/rp/icons/signature-icons.css');
</style>
<style type="text/css">
.addlerSig {
width:60%;
margin:0px auto;
background-image:url('http://i.imgur.com/Q4wkEK5.gif'); background-repeat:no-repeat; background-position:top center;
padding-top:45px;
}
.addlerSig .title {
margin:0px auto;
text-align:center;
padding:0px 5px;
font-family:'Garamond', serif;
font-size:18pt;
text-shadow:0px 0px 3px rgba(0, 0, 0, 0.75);
letter-spacing:2px;
word-spacing:4px;
text-transform:uppercase;
}
.addlerSig #signature-icon {margin:0px auto; text-align:center;}
.addlerSig .sigicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.addlerSig .packicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.addlerSig a {
border-radius:10px;
-webkit-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.addlerSig a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>
[/html]
  Reply
#2
<!-- m --><a class="postlink" href="http://www.imgur.com">http://www.imgur.com</a><!-- m --> is a very popular one c:

there is also more information here if you need it!
[html]<div class="silvsig2">
  <div class="title">SILVANO SADIRA</div>
<span style="font-family:'Amatic SC', serif;">Now, I've learned it's better living in the moment. Enjoy youth, cause it doesn't last.</span><br>
<a href="http://wiki.soulsrpg.com/index.php?n=Packs.CDMAdoptables"><img src="http://cdm.soulsrpg.com/public/adopts/cdmadopt.png" title="Adopt in CdM"></a><a href="https://cdm.soulsrpg.com/"><img src="http://i.imgur.com/TBrx5.png"></a><a href="http://wiki.soulsrpg.com/index.php?n=Packs.CDMAdoptables"><img src="http://cdm.soulsrpg.com/public/adopts/smallrotate.png" title="Adopt in CdM"></a><br>
<a href="https://wiki.soulsrpg.com/index.php?n=Players.Gen">Player Wiki</a> • <a href="https://soulsrpg.com/forum/viewtopic.php?f=35&t=730">Commissions</a> • <a href="https://wiki.soulsrpg.com/index.php?n=Characters.SilvanoSadira">Character Wiki</a>
  <br><span style="font-size:12px;opacity:.7;">avatar by <a href="memberlist.php?mode=viewprofile&u=3823">Lin</a></span>
</div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
.silvsig2 {
  width:100%; margin:0px auto;font-family:garamond;text-align: center; font-size:15pt;}
.silvsig2 .title {
  margin:0px auto;
  margin-bottom: 1px;
  padding-bottom:2px;
  text-align:center;
  font-family:'Open Sans Condensed', arial, sans serif;
  font-size:22pt;
  letter-spacing:15px;
  word-spacing:4px;}
.silvsig2 a {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.silvsig2 a:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}</style>
[/html]
  Reply
#3
Imgur is a good site for hosting images. Small URLs, free, and easy to use!

I think it's against forum policy to have moving signatures though? :O So, as long as it's a still GIF within the forum's size limits, all will be good!


Ninja'd me, Gen xD
[html]
<style>
@import url('/images/icons/postsig/signature-icons.css');
.SkanaSiggy {width:500px; text-align:center; margin:0 auto;}
.SkanaName {font:20px georgia; font-weight:bold; color:#000; letter-spacing:2px; word-spacing:2px; text-transform:uppercase; text-align:right; text-shadow:#fff 0 0 1px; margin-top:-7px; margin-right:100px;}

.SkanaSiggy #signature-icons a {background-repeat: no-repeat; display:inline-block; position:relative; margin:0; opacity:.35; filter:alpha(opacity=35%); transition:200ms linear all; -moz-transition:200ms linear all; border-bottom: 3px solid transparent; }

#SkanaPP a {background-repeat: no-repeat; display:inline-block; position:relative; margin:0; opacity:.35; filter:alpha(opacity=35%); transition:200ms linear all; -moz-transition:200ms linear all;}

.SkanaSiggy #signature-icons a:hover, .SkanaSiggy #signature-icons a:focus, .SkanaSiggy #signature-icons a:active {opacity:1; filter:alpha(opacity=100%); border-bottom: 4px solid #9adef1; box-shadow: 0px 0px 2px #000;}

.SkanaSiggy #SkanaPP a:hover, .SkanaSiggy #SkanaPP a:focus, .SkanaSiggy #SkanaPP a:active {opacity:1; filter:alpha(opacity=100%);}

.SkanaCredit {font:10px verdana; color:#000;}
</style>

<div class="SkanaSiggy">
<img src="http://i.imgur.com/xBbNBIO.png" style="margin-bottom:-55px; margin-right:8px;">

<div class="SkanaName">Skana Creo</div>

<div id="SkanaPP"><a href="http://sapient.soulsrpg.com/policies/joining/" title="Become a Sapien!"><img src="http://sapient.soulsrpg.com/public/Pride/SP_Pride1.png"></a></div>

<div id="signature-icons">
<a href="http://soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=4308" class="player-contact" title="CONTACT: PM ASURA"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Songbird" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.SkanaCreo" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Songbird" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="#!" class="secui-preference" title="Equally uses both Optime and Lupus, see comments for details."></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.SkanaCreo#toc4" class="apparel-accessories" title="Character typically wears bandages on her hands, and carries a seal-skin satchel."></a>
<a href="#!" class="skill-fighting" title="Character is a skilled feral fighter and hunter."></a>
<a href="#!" class="skill-stealth" title="Character is skilled in stealth."></a>
<a href="#!" class="skill-medic" title="Character is a skilled medic."></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.NPCsofSongbird" class="accompaniment" title="Character may be accompanied by multiple NPCs."></a>
</div>

<div class="SkanaCredit">Avatar by <a href="http://wiki.soulsrpg.com/index.php?n=Players.San">San</a> | Siggy Chibi by <a href="http://wiki.soulsrpg.com/index.php?n=Players.Alaine">Alaine</a></div>

</div>
[/html]
  Reply
#4
Since Imgur has said they dont allow RP forum related images, I personally suggest using Imgbox, which has an easier interface IMO and I think it has albums like Imgur does.

I'm not sure whst dictates an RP image being taken down on Imgur and I haven't had any problems with it yet, but I've started using other sites just to be safe!

here is a thread about RP galleries on Imgur on rpnation.com
[html]
<center>
<div id="signature-icons" class="kite">
<span style="font-family:'Arial'; text-transform:uppercase; font-size:11px; letter-spacing:1px; text-shadow:0px 0px 2px #fff;">Give your immortality to me</span><br>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Kite" target="_blank" title="PLAYER WIKI" class="player-wiki"></a> <a href="http://wiki.soulsrpg.com/index.php?n=Characters.CinareaeEternity" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a> <a href="#!" class="reply-fast" title="REPLY SPEED: FAST"></a> <a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a> <a href="#!" class="skill-trade" title="Cinareae is skilled in trade."></a> <a href="#!" class="scent-warning" title="Cinareae ALWAYS disguises her scent with various strong-smelling herbs when outside of Salsola!"></a> <a href="#!" class="character-note" title="Cinareae goes by the name Gertrude Lockehart when outside of Salsola"></a><br>
<span style="font-family:'Arial'; text-transform:uppercase; font-size:11px; letter-spacing:1px; text-shadow:0px 0px 3px #fff;">I'll set you up against the stars</span>
</div></center>
<style>
@import url('http://sleepyglow.net/rp/icons/signature-icons.css');
</style>
<style type="text/css">
.kite { background-image:url('http://i.imgbox.com/WabwoZza.png'); background-repeat:no-repeat; height:200px; background-size:35%; width:400px; padding-top:25px; background-opacity:.5; }
.kite a { opacity:.5; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
.kite a:hover { opacity:1; box-shadow:0px 0px 3px #000; }
</style>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Libre+Baskerville">
[/html]
  Reply
#5
If you wanna keep your photos up on Imgur, all you have to do is set your account to private so that the only people who can view your photos are those that have the links. That is what I normally do with my profiles because I've tons of RP stuff on Imgur and if I lost it, then I'd basically lose all the art anyone's ever done for me.
[html]
<div class="BasiSig">
<img src="http://i.imgur.com/Qgb2UcH.png" style="height:200px; z-index:-1; margin:0px 0px -40px;" />
<div class="buttonblock">
<a href="http://wiki.soulsrpg.com/index.php?n=Packs.InferniAdoptable#adoptables"><img src="http://pile.randimg.net/0/87/21920/inferni-adoptables.png"></a>
<a href="http://soulsrpg.com/forum/viewforum.php?f=14"><img src="http://inferni.soulsrpg.com/public/images/pride/inferni88x31_kae.gif"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Hope Lykoi"><img src="http://i.imgur.com/MtwN9oZ.png"></a>
</div>
<div id="signature-icons" class="iconblock">
<a href="#" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#" class="apparel-accessories" title="Japanese style katana and leather armor"></a>
<a href="http://soulsrpg.com/forum/viewtopic.php?f=11&t=23468" class="external-link" title="Player UPDATE"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.BasilioLykoi" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Dread" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
</div>

</div>

<style>
@import url('http://sleepyglow.net/rp/icons/signature-icons.css');
.BasiSig {margin:0 auto; text-align:center; margin:0 auto; }
.BasiSig .buttonblock { margin:0 auto; }
.BasiSig .buttonblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.BasiSig .buttonblock a:hover, .BasiSig .buttonblock a:active, .BasiSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.BasiSig .iconblock { font-size:0; margin:0 auto; }
.BasiSig .iconblock { font-size:0; margin:0 auto; }
.BasiSig .iconblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.BasiSig .iconblock a:hover, .BasiSig .iconblock a:active, .BasiSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000; }
</style>

[/html]
  Reply
#6
Basilio Lykoi Wrote:If you wanna keep your photos up on Imgur, all you have to do is set your account to private so that the only people who can view your photos are those that have the links. That is what I normally do with my profiles because I've tons of RP stuff on Imgur and if I lost it, then I'd basically lose all the art anyone's ever done for me.

The new ToS says they will delete the pictures if they see they are being hotlinked to on any RP forums in sigs, avatars, etc. (basically if you are linking the image's url they can delete it), so this wouldn't work o:
[html]
<center>
<div id="signature-icons" class="kite">
<span style="font-family:'Arial'; text-transform:uppercase; font-size:11px; letter-spacing:1px; text-shadow:0px 0px 2px #fff;">Give your immortality to me</span><br>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Kite" target="_blank" title="PLAYER WIKI" class="player-wiki"></a> <a href="http://wiki.soulsrpg.com/index.php?n=Characters.CinareaeEternity" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a> <a href="#!" class="reply-fast" title="REPLY SPEED: FAST"></a> <a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a> <a href="#!" class="skill-trade" title="Cinareae is skilled in trade."></a> <a href="#!" class="scent-warning" title="Cinareae ALWAYS disguises her scent with various strong-smelling herbs when outside of Salsola!"></a> <a href="#!" class="character-note" title="Cinareae goes by the name Gertrude Lockehart when outside of Salsola"></a><br>
<span style="font-family:'Arial'; text-transform:uppercase; font-size:11px; letter-spacing:1px; text-shadow:0px 0px 3px #fff;">I'll set you up against the stars</span>
</div></center>
<style>
@import url('http://sleepyglow.net/rp/icons/signature-icons.css');
</style>
<style type="text/css">
.kite { background-image:url('http://i.imgbox.com/WabwoZza.png'); background-repeat:no-repeat; height:200px; background-size:35%; width:400px; padding-top:25px; background-opacity:.5; }
.kite a { opacity:.5; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
.kite a:hover { opacity:1; box-shadow:0px 0px 3px #000; }
</style>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Libre+Baskerville">
[/html]
  Reply
#7
As Kite suggested, I don't recommend using Imgur anymore, at all. Directly from their Terms and Conditions...

Quote:Also, don't use Imgur to host image libraries you link to from elsewhere, content for your website, advertising, avatars, or anything else that turns us into your content delivery network. If you do – and we will be the judge – or if you do anything illegal, in addition to any other legal rights we may have, we will ban you along with the site you're hotlinking from, delete all your images, report you to the authorities if necessary, and prevent you from viewing any images hosted on Imgur.com. We mean it.

Apparently they think they're not an image hosting site anymore and are more about social media.
[html]<br /><br />
<div class="ScorSiggy"><img src="http://i.imgbox.com/gYZ8n84Y.png" style="margin-bottom:-60px;">
<div id="signature-icons" class="ScorIcons">
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Eve" target="_blank" class="player-wiki" title="PLAYER WIKI"></a>
<a href="http://soulsrpg.com/forum/viewtopic.php?t=29468" target="_blank" class="post-log" title="POST LOG"></a>
<a href="http://soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=2494" target="_blank" class="player-contact" title="CONTACT: PM"></a>
<a href="#!" class="will-mature" title="I will roleplay mature material."></a>
<a href="#!" title="Please DO NOT use graphical tables in our threads. Thanks!" class="no-tables"></a><br />
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.ScorpiusDAngelo" target="_blank" class="character-wiki"  title="CHARACTER WIKI"></a>
<a href="#!" class="foreign-language" title="Scorpius speaks a few other languages, denoted by italic bold. Hover for specific language and English translation."></a>
<a href="#!" class="skill-hunting" title="Scorpius is a master hunter and trapper."></a>
<a href="#!" class="skill-fighting" title="Scorpius is a master unarmed, feral, and sword fighter."></a>
<a href="#!" class="skill-medic" title="Scorpius is a master healer and poison maker."></a>
<a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a>
</div>
<a href="http://salsola.soulsrpg.com/"><img src="http://i.imgbox.com/wd2vNxK1.png" border="0"></a>
<a href="http://wiki.soulsrpg.com"><img src="http://soulsrpg.com/images/pride/promo/soulswiki_80x15_7.png" border="0"></a>
<br />
Avatar by Eve; Siggy by Songbird
</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');

.ScorSiggy {
width:300px;
font-size:10px;
font-family:verdana;
text-align:center;
margin:0 auto;}

.ScorSiggy a {
opacity:.4;
filter:alpha(opacity=40%);}

.ScorSiggy a:hover, .ScorSiggy a:focus, .ScorSiggy a:active {
opacity:1;
filter:alpha(opacity=100%);}

.ScorIcons a {
display:inline-block;
position:relative;
margin:0 auto;
opacity:.4;
filter:alpha(opacity=40%);
transition:200ms linear all;
-moz-transition:200ms linear all;
border-top: 4px solid #303030;}

.ScorIcons a:hover, .ScorIcons a:focus, .ScorIcons a:active {
opacity:1;
filter:alpha(opacity=100%);
border-top: 4px solid #cb0000;}
</style>
[/html]
  Reply
#8
As a note for those who are going to potentially be re-hosting, Imgur has an option to download all of your images for you in a handy little .zip file! It's under account settings (the first page that pops up, I'm pretty sure) and at the bottom (should be called 'Download your Gallery/Images' or something along those lines) — if you have a lot of images, they will just email you a download link :> it is super handy and then if you don't really want your images cluttering up the computer they'll all be in a file already! yay
[html]
<center>
<div id="signature-icons" class="kite">
<span style="font-family:'Arial'; text-transform:uppercase; font-size:11px; letter-spacing:1px; text-shadow:0px 0px 2px #fff;">Give your immortality to me</span><br>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Kite" target="_blank" title="PLAYER WIKI" class="player-wiki"></a> <a href="http://wiki.soulsrpg.com/index.php?n=Characters.CinareaeEternity" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a> <a href="#!" class="reply-fast" title="REPLY SPEED: FAST"></a> <a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a> <a href="#!" class="skill-trade" title="Cinareae is skilled in trade."></a> <a href="#!" class="scent-warning" title="Cinareae ALWAYS disguises her scent with various strong-smelling herbs when outside of Salsola!"></a> <a href="#!" class="character-note" title="Cinareae goes by the name Gertrude Lockehart when outside of Salsola"></a><br>
<span style="font-family:'Arial'; text-transform:uppercase; font-size:11px; letter-spacing:1px; text-shadow:0px 0px 3px #fff;">I'll set you up against the stars</span>
</div></center>
<style>
@import url('http://sleepyglow.net/rp/icons/signature-icons.css');
</style>
<style type="text/css">
.kite { background-image:url('http://i.imgbox.com/WabwoZza.png'); background-repeat:no-repeat; height:200px; background-size:35%; width:400px; padding-top:25px; background-opacity:.5; }
.kite a { opacity:.5; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
.kite a:hover { opacity:1; box-shadow:0px 0px 3px #000; }
</style>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Libre+Baskerville">
[/html]
  Reply


Forum Jump: