• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Glowing and Sparkling Style Chooser

DRE

Well-known member
#1
This is basic CSS that most people on here probably know. Some don't know though so here's a quick guide. I went really overboard with this so you can tone it down as much as you like. I will add a sparkles pack later. I made this template modification because I have really BLIND friends who do not know where the style chooser is when I ask them to check out my new skins. You can see an example of it in the Black and Blue skin at www.blackgamer.net/b

Quick resource for font and glow html code: http://html-color-codes.info/

In footer template find this:
Code:
<dd><a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}"{xen:phrase style_chooser}:{$visitorStyle.title}</a></dd>
Right before {$visitorStyle.title}

Insert this: <span class="choose-style">Choose Style: </span>

Then put this in the bottom of your footer.css template:

Glow Only
Code:
.choose-style {
color: white;
font-weight: bold;
text-shadow: 2px 2px 2px #0404B4;
}
color:white is the font color.
text-shadow: #0404B4 is your glow color.

Glow and Sparkles
Code:
.choose-style {
color: white;
font-weight: bold;
text-shadow: 2px 2px 2px #0404B4;
background: url(http://www.the8thlegion.com/images/stars1.gif);
}
Sparkles only
Code:
.choose-style {
background: url(http://www.the8thlegion.com/images/stars1.gif);
}
You should upload the sparkles to your own server btw.