Welcome to Our Community

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

[xenForo Tips/Guide] 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