[wiki] the wiki can fight me
#1
Ughhhhh okay so I can't code, as most of you know, and the wiki is making me want to die. Basically, I want to put this image here:



(and take out the previous optime too, forgot to do that oops)

And then move the palette section beneath the image. Cidro's wiki is here if anyone wants to take a crack at it.

Thank youuuu <3
[html]
<style>
@import url('http://fonts.googleapis.com/css?family=Alegreya+SC');
@import url('/images/icons/postsig/signature-icons.css');
#signature-icons a.permanent-disability { background-image: url('http://i.imgur.com/XVMFfdB.png'); /* this is necessary for the Disability icon to work! */}

.Cidro6SigOuter {width: 550px; margin: 0 auto; text-align: center; background-image:url('https://i.imgur.com/tpdL8WZ.png'); background-repeat: no-repeat; background-position: top center; background-size: contain; padding-top: 250px;}

.Cidro6SigSplit {border-bottom: 1px solid black; margin-bottom: 5px; margin-top: -5px;} #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; }

.Cidro6SigOuter #signature-icons a:hover, .Cidro6SigOuter #signature-icons a:focus, .Cidro6SigOuter #signature-icons a:active { opacity:1; filter:alpha(opacity=100%); border-bottom: 3px solid #E5879A; /* change the color under the icons when you hover over them on this line */ }

</style>



<div class="Cidro6SigOuter">


<div id="signature-icons">
<a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#!" class="permanent-disability" title="Cidro has been blind since birth."></a>
<a href="#!" target="_blank" title="He is fluent in Spanish and English and speaks with a light mexican accent. He's proficient in French, and is dabbling in Japanese."class="foreign-language"></a>
<a href="#!" class="apparel-accessories" title="He often has flowers in his hair, and either wears his cougar pelt vest or grey wool dress."></a>
<a href="#!" class="injury" title="His right cheek is scarred, he has a slur carved into his chest, and has an older scar of a bite mark on his left shoulder."></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.CidroAmatoDeLaPe%C3%B1a" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Abby2" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="#!" class="references-okay" title="OOC references welcome!"></a>
<a href="#!" title="I will roleplay LASKY." class="will-lasky"></a>
<a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
</div>

</div>

[/html]
  Reply
#2
If you can wait until I get Dogmeat reapproved, I'll take a crack at it.
  Reply
#3
I edited it, though, I'm not sure if you want the pixels (Lupus, Secui, Optime) to remain as they are or not?
[html]
<style>
@import url('/images/icons/postsig/signature-icons.css');
.AsuraSiggy {width:500px; text-align:center; margin:0 auto; padding-top:20px; padding-bottom:10px;}
.AsuraName {font:20px georgia; font-weight:bold; color:#000; letter-spacing:2px; word-spacing:2px; text-transform:uppercase; text-align:center; text-shadow:#fff 0 0 1px; padding-bottom: 3px;}

.AsuraInfo {margin-right:190px;}

#AsuraPP 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;}

#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; }
.AsuraSiggy #signature-icons a:hover, .AsuraSiggy #signature-icons a:focus, .AsuraSiggy #signature-icons a:active {opacity:1; filter:alpha(opacity=100%); border-bottom: 4px solid #76d4ab;  box-shadow: 0px 0px 2px #000;}

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

.AsuraExtra {text-align:center; padding-top:100px; padding-bottom:5px;}

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

<div class="AsuraSiggy">
<img src="https://images3.imgbox.com/a4/5a/582z7Tfk_o.png" style="margin-bottom:-200px; margin-left:190px;">

<div class="AsuraInfo">
<div class="AsuraName">Asura Creo</div>

<div id="signature-icons">
<a href="#!" title="I prefer if you do NOT use tables with small fonts or ones with dark/black backgrounds and light/white lettering. Thanks!" class="no-tables"></a>
<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.AsuraCreo" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Songbird#roleplaying" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<br>
<a href="#!" class="secui-preference" title="Equally uses Optime and Lupus; see OOC comments for details."></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.AsuraCreo#clothing" class="apparel-accessories" title="Character typically wears clothes, a satchel, and weaponry."></a>
<a href="#!" target="_blank" title="Bilingual, fluent in Dutch (denoted by hovertext or <>)" class="foreign-language"></a>
<a href="#!" class="skill-medic" title="Character is a skilled medic."></a>
<a href="#!" class="skill-fighting" title="Character is a skilled hunter and knife-user."></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.AsuraCreo#npcs" class="accompaniment" title="Character may be accompanied by multiple NPCs."></a>
</div>
<div id="AsuraPP"> </div>
</div>

<div class="AsuraExtra">
<div class="AsuraCredit">Avatar by <a href="https://remarin.deviantart.com/">Remarin</a></div>
</div>

</div>
[/html]
  Reply
#4
No that's perfect! I'll add his measurements in there later so the awkward space is fine for now. Tsym!! <3<3<3
[html]
<style>
@import url('http://fonts.googleapis.com/css?family=Alegreya+SC');
@import url('/images/icons/postsig/signature-icons.css');
#signature-icons a.permanent-disability { background-image: url('http://i.imgur.com/XVMFfdB.png'); /* this is necessary for the Disability icon to work! */}

.Cidro6SigOuter {width: 550px; margin: 0 auto; text-align: center; background-image:url('https://i.imgur.com/tpdL8WZ.png'); background-repeat: no-repeat; background-position: top center; background-size: contain; padding-top: 250px;}

.Cidro6SigSplit {border-bottom: 1px solid black; margin-bottom: 5px; margin-top: -5px;} #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; }

.Cidro6SigOuter #signature-icons a:hover, .Cidro6SigOuter #signature-icons a:focus, .Cidro6SigOuter #signature-icons a:active { opacity:1; filter:alpha(opacity=100%); border-bottom: 3px solid #E5879A; /* change the color under the icons when you hover over them on this line */ }

</style>



<div class="Cidro6SigOuter">


<div id="signature-icons">
<a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#!" class="permanent-disability" title="Cidro has been blind since birth."></a>
<a href="#!" target="_blank" title="He is fluent in Spanish and English and speaks with a light mexican accent. He's proficient in French, and is dabbling in Japanese."class="foreign-language"></a>
<a href="#!" class="apparel-accessories" title="He often has flowers in his hair, and either wears his cougar pelt vest or grey wool dress."></a>
<a href="#!" class="injury" title="His right cheek is scarred, he has a slur carved into his chest, and has an older scar of a bite mark on his left shoulder."></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.CidroAmatoDeLaPe%C3%B1a" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Abby2" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="#!" class="references-okay" title="OOC references welcome!"></a>
<a href="#!" title="I will roleplay LASKY." class="will-lasky"></a>
<a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
</div>

</div>

[/html]
  Reply


Forum Jump: