Snow effect in sidebar v1

[Shelley]

Shelley submitted a new resource:

Snow effect in sidebar (version v1) - Snow effect in sidebar

This tip will allow you to display a snow or any other effect you desire to appear in your sidebar blocks. In this example were are decorating the sidebar for the festive season.

View attachment 26167

First, upload the image found in the attachment into your /overlay folder then paste the following css into your EXTRA.CSS template and your done.

.sidebar .section:before {
    content: "";...

Read more about this resource...

 

[snoopy5]

Does this not work with XF 1.2.3?

 

[Shelley]

Does this not work with XF 1.2.3?

I shouldn't see why not. Test it and find out.

 

[oman]

Yeah, it works.

 

[oO5 Dynasty]

how do you color the side bar panels like that?

 

[Rho Delta]

Will this work on 1.4?

 

[oman]

Tested on 1.4.2 with the default style. It works:

 

[New Joe]

Anyone know how to alter the code so the image can sit on top of the Categories?

 

[TJA]

Anyone know how to alter the code so the image can sit on top of the Categories?

.nodeList .node.level_1:before {
    content: "";
    display: block;
    height: 25px;
    margin-top: 5px;
    background: url("@imagePath/xenforo/overlay/sidebar_xmas.png") no-repeat scroll left transparent;
}

 

[marissa Desanta]

What is a overlay?

 

[TJA]

What is a overlay?

overlay
verb
verb: overlay; 3rd person present: overlays; past tense: overlaid; past participleverlaid; gerund or present participle: overlaying
əʊvəˈleɪ/

1. 1.
   cover the surface of (something) with a coating.
   "their fingernails were overlaid with silver or gold"
   synonyms: cover, face, surface, veneer, inlay, laminate; More
   
   • lie on top of.
     "a third screen which will overlay the others"
2. 2.
   (of a quality or feeling) become more prominent than (a previous quality or feeling).
   "his openness had been overlaid by his new self-confidence"

noun
noun: overlay; plural noun: overlays
ˈəʊvəleɪ/

1. 1.
   something laid as a covering over something else.
   "a durable, cost-effective floor overlay"
   synonyms: covering, layer, face, surface, veneer, lamination, encrustation,carpet, blanket, sheet, curtain, canopy, cover, cloak, veil, pall,shroud, screen, mask, cloud, envelope; More
   
   antonyms: underlay, base
   • a transparent sheet placed over artwork or something such as a map, giving additional information or detail.
     "full-colour aerial photographs with overlays showing suggested routes"
2. 2.
   COMPUTING
   the process of transferring a block of program code or other data into internal memory, replacing what is already stored.
   • a block of code or other data transferred during the overlay process.

 

[Brad P]

can anyone help me on this thread in regards to this christmas image for the side bar https://xenforo.com/community/threads/sidebar.88069/

 

[TJA]

can anyone help me on this thread in regards to this christmas image for the side bar https://xenforo.com/community/threads/sidebar.88069/

Answered in your thread!!

 

[Brad P]

Answered in your thread!!

you star thank you

 

[Mr Lucky]

I love this, even though people on my forum say it looks like a christmassy white slug!

 

[malachiel]

dont work

 

[mcatze]

dont work

These two words say so much about your Problem. Can you explain it a little bit more ??

 

[malachiel]

These two words say so much about your Problem. Can you explain it a little bit more ??

Sorry i missed the second part of message, well i remember time ago it was working with older version, now it stopped to work, i am using 1.4.8, and UIX
icon: http://www.trollandia.it/styles/uix/xenforo/overlay/sidebar_xmas.png
code in EXTRA.CSS

.sidebar .section:before {
    content: "";
    display: block;
    height: 25px;
    margin-top: 5px;
    background: url("http://www.trollandia.it/styles/uix/xenforo/overlay/sidebar_xmas.png") no-repeat scroll left transparent;

site themed: Trollandia Network

 

[mcatze]

I tested it in Xenforo 1.5.0 B1 and UI.X and it works, maybe you had forget to close the tag. Copy and Replace this one with yours..

.sidebar .section:before {
        content: "";
        display: block;
        height: 25px;
        margin-top: 5px;
        background: url("http://www.trollandia.it/styles/uix/xenforo/overlay/sidebar_xmas.png") no-repeat scroll left transparent;
}

 

[mcatze]

It should also work at your forum. I tested it..