ScratchPad (Coding Resource)
#2
Oh wow how did I miss this in the chat last night? O: Thanks for posting this! should be super helpful for some
[html]<style>
@import url('https://fonts.googleapis.com/css?family=Alegreya+SC');
@import url('/images/icons/postsig/signature-icons.css');
.KasiluSigOuter {width: 400px; margin: 0 auto; text-align: center; padding-top: 0px;}
.KasiluSigName {font-family: 'Alegreya SC'; font-size: 28px; text-shadow: 0 0 5px #fff; margin-bottom: -30px;}
.KasiluSigSplit {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;

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

.KasiluSigPackIcons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}

.KasiluSigPackIcons a {
-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;
}
.KasiluSigPackIcons a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>

<div class="KasiluSigOuter">
<span class="KasiluSigName">kasilu</span>

<div class="KasiluSigSplit"></div>

<div id="signature-icons">
<a href="https://soulsrpg.com/forum/ucp.php?i=pm&mode=compose&u=4489" class="player-contact" title="CONTACT: via PM, or Discord @ Tilu#0180"></a><a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a><a href="http://wiki.soulsrpg.com/index.php?n=Players.Tilu" target="_blank" title="PLAYER WIKI" class="player-wiki"></a><a href="viewtopic.php?f=13&t=34063" target="_blank" title="POST LOG : For with that grand collision, came a grave consequence" class="post-log"></a><a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a><a href="#!" class="apparel-accessories" title="Character typically has feathers stuck in his fur behind one or both ears."></a><a href="#!" class="character-typical-location" title="Character is typically found in the Western Forefront or Northern Tides area."></a><a href="#!" target="_blank" title="Character speaks Jeþìsi, hover over the words for translation. When they speak English, it is mildly accented." class="foreign-language"></a><a href="http://wiki.soulsrpg.com/index.php?n=Characters.Kasilu" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a><a href="https://ibb.co/album/dOYJdv" target="_blank" title="CHARACTER GALLERY &amp; CREDITS" class="ic-gallery"></a> <!-- Add any other icons you want here, and remove whichever ones you want -->
</div>

<div class="KasiluSigPackIcons">

<a href="https://soulsrpg.com/forum/openthreads.php"><img src="http://soulsrpg.com/images/pride/promo/openthreads_88x31_3.png" style="border:0px;" title="Check out the Open Threads List!" title="Check out the Open Threads List!" /></a>

</div>
</div>[/html]
  Reply


Messages In This Thread

Forum Jump: