1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. 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.
    Dismiss Notice
  3. 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

Discussion in 'Template Modifications [Archive]' started by DRE, Sep 22, 2011.

  1. DRE

    DRE Well-Known Member

    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.
     
    Vilandra likes this.
  2. Vilandra

    Vilandra Active Member

    That is pretty cool - thanks for sharing :)
     
    The8thLegion likes this.

Share This Page