Icons not showing in sig
#1
Sometimes Gar's icons don't show in certain posts. Here's the code
Code:
[html]
<center>
    <div class="Garrett">
    <p>
    <font style="font-family: 'Italianno', cursive; font-size:35px;"><Br>G</font>
    <font style="font-family: 'Clicker Script', cursive; font-size:35px;">a</font>
    <font style="font-family: 'Lovers Quarrel', cursive; font-size:40px;">r</font>
    <font style="font-family: 'Ruthie', cursive; font-size:30px;">r</font>
    <font style="font-family: 'Spirax', cursive; font-size:19px;">e</font>
    <font style="font-family: 'Great Vibes', cursive; font-size:25px;">t</font>
    <font style="font-family: 'Griffy', cursive; font-size:17px;">t</font>
    </p>
    <p>
    <font style="font-family: 'Rouge Script', cursive ; font-size:35px;">M</font>
    <font style="font-family: 'Monsieur La Doulaise', cursive; font-size:55px;">a</font>
    <font style="font-family: 'Butterfly Kids', cursive; font-size:25px;">s</font>
    <font style="font-family: 'Sevillana', cursive; font-size:20px;">q</font>
    <font style="font-family: 'Miss Fajardose', cursive; font-size:55px;">u</font>
    <font style="font-family: 'Princess Sofia', cursive; font-size:25px;">e</font>
    <font style="font-family: 'Qwigley', cursive; font-size:30px;">r</font>
    <font style="font-family: 'Elsie Swash Caps', cursive; font-size:12px;">a</font>
    <font style="font-family: 'Rochester', cursive; font-size:14px;">d</font>
    <font style="font-family: 'Bonbon', cursive; font-size:15px;">e</font>
    </p>
    </div>

    <center>
        <div id="signature-icons">
          <a href="LINK" class="adoptables-available" title="ADOPTABLES available!"></a>
        <a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a>
        <a href="http://wiki.soulsrpg.com/index.php?n=Players.Silverfrost" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
        <a href="viewtopic.php?f=13&t=1" target="_blank" title="POST LOG" class="post-log"></a>
        <a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
        <a href="#!" title="I will roleplay LASKY." class="will-lasky"></a>
        <a href="#!" title="I will roleplay mature material." class="will-mature"></a> <br>
        <a href="#!" class="apparel-accessories" title="Garrett typically wears a leather jacket. Pants and shirts may change"></a>
        <a href="http://wiki.soulsrpg.com/index.php?n=Characters.Garrett Masquerade" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
        <a href="#!" target="_blank" title="Garrett speaks  French, Italian, German, Latin and Spanish denoted by italics and bold." class="foreign-language"></a>
        <a href="#!" class="mature-character" title="MATURE CHARACTER. Prone to swearing."></a>
        <a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a>
        <a href="#!" class="skill-fighting" title="Garrett is a skilled fighter; trained assassin."></a>
        <a href="#!" class="skill-animals" title="Garrett is skilled with animals; accompanied with an eagle and cheetah."></a>
        <a href="#!" class="skill-scholar" title="Garrett is a skilled scholar."></a>
        <a href="#!" class="skill-stealth" title="Garrett is skilled in stealth."></a>
        <a href="#!" class="skill-trade" title="Garrett is skilled in trade."></a>
    </div>
    </center>


    <style>

    .Garrett {width:400px; text-align:center; float: center; background-image:url('http://oi66.tinypic.com/6j0ob9.jpg'); background-position:top center; background-repeat:no-repeat; background-size: 225px 200px; padding-top:150px;}


    @import url('http://sleepyglow.net/rp/icons/signature-icons.css');
    </style>
    <link href="https://fonts.googleapis.com/css?family=Italianno|Clicker+Script|Lovers+Quarrel|Ruthie|Spirax|Great+Vibes|Griffy|Rouge+Script|Monsieur+La+Doulaise|Butterfly+Kids|Sevillana|Miss+Fajardose|Princess+Sofia|Qwigley|Elsie+Swash+Caps|Rochester|Bonbon" rel="stylesheet">
    [/html]
[html]
<div class="GarSig">
<img src="http://i.imgur.com/99kparv.png" style="height:200px; z-index:-1; margin:0px 0px -70px;" />
<div class="buttonblock">
<a href="http://cdc.soulsrpg.com/policies/joining"><img src="http://i.imgur.com/NorWp6t.png" style="padding:2px;"></a><a href="https://wiki.soulsrpg.com/index.php?n=Packs.CasaDiCavalieriAdoptions"><img src="http://pile.randimg.net/1/158/102180/NEW%20Casa%20Adopt%20Buttons%203.png" style="padding:2px;"></a><br>
<img src="http://i.imgur.com/zhu020f.png"style="padding:2px;">
</div>
<div id="signature-icons" class="iconblock">
<center><a href="LINK" class="adoptables-available" title="ADOPTABLES available!"></a><a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a><a href="http://wiki.soulsrpg.com/index.php?n=Players.Silverfrost" target="_blank" title="PLAYER WIKI" class="player-wiki"></a><a href="viewtopic.php?f=13&t=1" target="_blank" title="POST LOG" class="post-log"></a><a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a><a href="#!" title="I will roleplay LASKY." class="will-lasky"></a><a href="#!" title="I will roleplay mature material." class="will-mature"></a><br><a href="#!" class="apparel-accessories" title="Garrett typically wears a leather jacket. Pants and shirts may change"></a><a href="http://wiki.soulsrpg.com/index.php?n=Characters.Garrett Masquerade" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a><a href="#!" target="_blank" title="Garrett speaks French and Italian denoted by italics and bold." class="foreign-language"></a><a href="#!" class="mature-character" title="MATURE CHARACTER. Prone to swearing."></a><a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a><a href="#!" class="skill-fighting" title="Garrett is a skilled fighter; trained assassin."></a><a href="#!" class="skill-animals" title="Garrett is skilled with animals; accompanied with an eagle and cheetah."></a><a href="#!" class="skill-scholar" title="Garrett is a skilled scholar."></a><a href="#!" class="skill-stealth" title="Garrett is skilled in stealth."></a><a href="#!" class="skill-trade" title="Garrett is skilled in trade."></a></center>
</div>

</div>

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

[/html]
  Reply
#2
Code:
<style>
    @import url('http://sleepyglow.net/rp/icons/signature-icons.css');
    .Garrett {width:400px; text-align:center; float: center; background-image:url('http://oi66.tinypic.com/6j0ob9.jpg'); background-position:top center; background-repeat:no-repeat; background-size: 225px 200px; padding-top:150px;}
    </style>

corrected style tag c: see if that helps
  Reply
#3
I think it did! Thanks Gen! <3
[html]
<div class="GarSig">
<img src="http://i.imgur.com/99kparv.png" style="height:200px; z-index:-1; margin:0px 0px -70px;" />
<div class="buttonblock">
<a href="http://cdc.soulsrpg.com/policies/joining"><img src="http://i.imgur.com/NorWp6t.png" style="padding:2px;"></a><a href="https://wiki.soulsrpg.com/index.php?n=Packs.CasaDiCavalieriAdoptions"><img src="http://pile.randimg.net/1/158/102180/NEW%20Casa%20Adopt%20Buttons%203.png" style="padding:2px;"></a><br>
<img src="http://i.imgur.com/zhu020f.png"style="padding:2px;">
</div>
<div id="signature-icons" class="iconblock">
<center><a href="LINK" class="adoptables-available" title="ADOPTABLES available!"></a><a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a><a href="http://wiki.soulsrpg.com/index.php?n=Players.Silverfrost" target="_blank" title="PLAYER WIKI" class="player-wiki"></a><a href="viewtopic.php?f=13&t=1" target="_blank" title="POST LOG" class="post-log"></a><a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a><a href="#!" title="I will roleplay LASKY." class="will-lasky"></a><a href="#!" title="I will roleplay mature material." class="will-mature"></a><br><a href="#!" class="apparel-accessories" title="Garrett typically wears a leather jacket. Pants and shirts may change"></a><a href="http://wiki.soulsrpg.com/index.php?n=Characters.Garrett Masquerade" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a><a href="#!" target="_blank" title="Garrett speaks French and Italian denoted by italics and bold." class="foreign-language"></a><a href="#!" class="mature-character" title="MATURE CHARACTER. Prone to swearing."></a><a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a><a href="#!" class="skill-fighting" title="Garrett is a skilled fighter; trained assassin."></a><a href="#!" class="skill-animals" title="Garrett is skilled with animals; accompanied with an eagle and cheetah."></a><a href="#!" class="skill-scholar" title="Garrett is a skilled scholar."></a><a href="#!" class="skill-stealth" title="Garrett is skilled in stealth."></a><a href="#!" class="skill-trade" title="Garrett is skilled in trade."></a></center>
</div>

</div>

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

[/html]
  Reply
#4
@imports gotta go before any css, so it loads it first before the coding, etc..
[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


Forum Jump: