Rotating Avatars?
#1
Hey all, quick question, (which I'm sure has been asked before, I'm just a dumb and cannot find it/the answer) where can I find the website or code or whatever is it I see many of you guys using that allows for the rotating avatar image function? I should much like to utilize it meself, please and thank you very much! :3
[Image: zIH2uYm.png]
[html]<div id="signature-icons">
<a href="https://soulsrpg.com/forum/ucp.php?i=pm&mode=compose&u=3865" class="player-contact" title="PM"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Westy" target="_blank" title="Westy's Wiki" class="player-wiki"></a>
<a href="https://soulsrpg.com/forum/viewtopic.php?p=318502#p318502" class="adoptables-available" title="ADOPTABLES available!"></a>
<a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.KarriaFeatherwright" target="_blank" title="Karria's Wiki" class="character-wiki"></a>
<br>
<a href="#!" class="apparel-accessories" title="Almost always has her archery equipment."></a>
<a href="#!" class="foreign-language" title="Has a mild British accent. Thoughts are denoted by italics; spoken word is bold."></a>
<a href="#!" class="optime-preference" title="In OPTIME unless otherwise stated."></a>
<a href="#!" class="skill-hunting" title="Character is a skilled hunter with a bow."></a>
<a href="#!" class="skill-medic" title="Character is a skilled medic."></a>
</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');
</style>[/html]
  Reply
#2
I've used randimg in the past. It allows you to create multiple "folders" -- so you can have a folder for one character's avatars, one for another character's, etc.

The only minor issue is that if you do have rotating avatars, make sure you size them all 200 x 200 (making use of transparent "white space" if needed) -- otherwise they'll end up stretched to those dimensions due to 'Souls code. C:
[html]<div class="vicisig">

<div class="bottom">
</div>
<div class="text">
their lips the secret kept, if <span class="if">in ashes</span> the fire-seed slept
</div>

</div>

<style>
@import url('https://soulsrpg.com/images/icons/postsig/signature-icons.css');
</style>
<style type="text/css">
.vicisig {
max-width:600px;
margin:0px auto;
}
.vicisig .bottom {
background-image:url('https://i.imgur.com/iwcd7Gm.png');
background-position:top center;
background-repeat:no-repeat;
background-size:460px;
height:190px;
border-bottom:1px solid;
padding-top:20px;}

.vicisig .text {
font-family:'Gaegu', cursive, serif;
font-size:23px;
text-align:center;
padding:5px;
}
</style>
<link href="https://fonts.googleapis.com/css?family=Gaegu" rel="stylesheet">
[/html]
  Reply
#3
Okie dokie! Awesomeness! Thanks Raze! <3 I'll be sure to check it out and if I don't have them already resized to 200x200 I'll do so! Appreciate the help! :D
[Image: zIH2uYm.png]
[html]<div id="signature-icons">
<a href="https://soulsrpg.com/forum/ucp.php?i=pm&mode=compose&u=3865" class="player-contact" title="PM"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Westy" target="_blank" title="Westy's Wiki" class="player-wiki"></a>
<a href="https://soulsrpg.com/forum/viewtopic.php?p=318502#p318502" class="adoptables-available" title="ADOPTABLES available!"></a>
<a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.KarriaFeatherwright" target="_blank" title="Karria's Wiki" class="character-wiki"></a>
<br>
<a href="#!" class="apparel-accessories" title="Almost always has her archery equipment."></a>
<a href="#!" class="foreign-language" title="Has a mild British accent. Thoughts are denoted by italics; spoken word is bold."></a>
<a href="#!" class="optime-preference" title="In OPTIME unless otherwise stated."></a>
<a href="#!" class="skill-hunting" title="Character is a skilled hunter with a bow."></a>
<a href="#!" class="skill-medic" title="Character is a skilled medic."></a>
</div>

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


Forum Jump: