Welcome to Our Community

Registration on our forums are now open for some days! Feel free to sign up today.

Glowing And Sparkling Style Chooser 1.0

Glowing And Sparkling Style Chooser

  1. DEXTER
    Compatible XF Versions:
    • 1.0
    • 1.1
    • 1.2
    • 1.3
    • 1.4
    This is a little template modification I made a long time ago for friends who had trouble finding the style chooser. The zip pack includes 14 sparkles. Quick resource for font and glow

    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>

    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.yoursite.com/images/sparkles/stars1.gif);
    }
    Sparkles only
    Code:
    .choose-style {
    background: url(http://www.yoursite.com/images/sparkles/stars1.gif);
    }
    Screenshot:
    spark.PNG

    Images

    1. ?thumbnail=1.jpg
    2. ?thumbnail=1.jpg
    3. ?thumbnail=1.jpg
    4. ?thumbnail=1.jpg