[wiki] Shadowing letters?
Possible or no?
#1
So, I swear that when I was playing Ayasha when the wiki was newish (or I was first using it) that someone had posted about being able to basically create a shadow under words so if you were using lighter colors for fur, you could using the hex codes in the body of the wiki and see the words/colors. But without giving it a background. In Alex's wiki, under the coloration next to his color palette, I wanted to have his lighter colors be on the page but show better. Was I imagining this was possible or was there a different technique that did that (I do NOT want a full highlighted/colored background underneath the colors)?
  Reply
#2
mmmm can't say I've ever seen anything like what you're describing, but here's the entire wiki markup list. Maybe you can find something there that'll help with your idea?
[html]<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Raleway|Mrs+Saint+Delafield" rel="stylesheet">
<div class="Izzysig">
<div class="lyrics1">I looked through your frame
</div>
<div class="name">Izual Massacre
</div>
<div class="lyrics2">and watched death go by
</div>

<div id="signature-icons" class="iconblock">
<a class="optime-preference" title="OPTIME unless otherwise stated"></a>
<a class="scent-warning" title="Character disguises their scent with pine and sawdust when outside Inferni."></a>
<a class="skill-social" title="Character is skilled in social skills."></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.IzualMassacre" target="_blank" title="Izual's Wiki" class="character-wiki"></a>
<a class="mature-character" title="MATURE CHARACTER. Threads often include violence/gore. Viewer discretion is advised."></a>
<a title="I will roleplay mature material." class="will-mature"></a>

<a class="reply-medium" title="Reply speed varies"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Players.SammiieAdopts" class="adoptables-available" title="Adoptables available!"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Players.Sammiie" target="_blank" title="Sammiie's Wiki" class="player-wiki"></a>
</div>

<div class="button-block">
<a href="https://wiki.soulsrpg.com/index.php?n=Players.SammiieAdopts" target="_blank" title="Check out my adoptables!">
<img src="http://pile.randimg.net/0/91/22980/Adoptable%20Buttons.png">
</a>
<a href="https://inferni.soulsrpg.com/policies/joining/" target="_blank" title="Join Inferni!">
<img src="http://inferni.soulsrpg.com/public/images/pride/if.gif">
</a>
<a href="https://wiki.soulsrpg.com/index.php?n=Packs.InferniAdoptables" target="_blank" title="Adopt a Massacre!">
<img src="http://pile.randimg.net/1/191/110365/Massacre%20n%20Addiction.png">
</a>
</div>
</div>

<style>
@import url('https://www.soulsrpg.com/images/icons/postsig/signature-icons.css');
.Izzysig {
text-align:center;
margin:50px 0 10px 0;
height:125px;
}
.Izzysig .button-block {
margin:2px auto;
}
.Izzysig .name {
text-align:center;
color:#000000;
font-family:'Raleway';
font-size:35px;
line-height:32px;
letter-spacing:6px;
text-transform:uppercase;
margin-top:-9px;
}
.Izzysig .lyrics1 {
text-align:center;
color:#9F000F;font-family:'Mrs Saint Delafield';
font-size:40px;
line-height:29px;
letter-spacing:4px;
text-transform:lowercase;
margin-top:-12px;
}
.Izzysig .lyrics2 {
text-align:center;
color:#9F000F;
font-family:'Mrs Saint Delafield';
font-size:40px;line-height:29px;
letter-spacing:4px;
text-transform:lowercase;
margin:-11px 0px -7px 0px;
}
.Izzysig .button-block a {
background-repeat: no-repeat;
display:inline-block;
position:relative;
margin:0;
opacity:.50;
filter:alpha(opacity=35%);
transition:200ms linear all;
-moz-transition:200ms linear all;
}
.Izzysig .button-block a:hover, .Izzysig .button-block a:active, .Izzysig .button-block a:focus {
opacity:1;
filter:alpha(opacity=100%);
}
.Izzysig .iconblock {
font-size:0;
margin:0 auto;
}
.Izzysig .iconblock a {
display:inline-block;
position:relative;
margin:1px;
margin-right:4px;
icons_wrap:.8;
filter:alpha(opacity=35%);
transition:.3s ease-in all;
-moz-transition:.3s ease-in all;
border:2px solid #9F000F;
}
.Izzysig .iconblock a:hover, .Izzysig .iconblock a:active, .Izzysig .iconblock a:focus {
border:2px solid #000;
}
</style>
[/html]
  Reply


Forum Jump: