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. 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. Code: .sidebar .section:before { content: ""; display: block; height: 25px; margin-top: 5px; background: url("@imagePath/xenforo/overlay/sidebar_xmas.png") no-repeat scroll left transparent; }
Although this doesn't quite sit right on the Social theme it still looks awesome. Thanks for the great work.
I did attempt to reply to this and it came up with a database error. I think it didn't look right because I have had an early start to my christmas party that starts tomorrow. The link is http://community.sports-force.net.au - I am pretty sure it looks right and that I was just being an idiot.
That is odd. I noticed your using the xfrocks framework add-on? Somehow it's conflicting or atleast it's not sitting before your .section. That said, it's working perfectly fine on Azhria's sideblocks at adminExtra who's using the same framework add-on.
So what your saying is your pictures are discriminating against me because I am Australian? LOL no worries I will look into it and play around a little bit I am glad that someone else is seeing the issue though haha.
The way I added padding to the sidebar in the Social theme is making the snow display weird. Simple fix really. Add this to the EXTRA.css near the top after "/* Custom Properties */": Code: /* Custom Properties */ .sidebar .secondaryContent { padding: 0 5px 5px 5px; } Add to Shelleys sidebar_xmas CSS class: Code: margin-left: 5px; That will get you this..
I did originally tinker around (through firebug) and do what you posted when I visited merks site but I assumed he wanted it above outside the container block. But nice of you posting this. *needs to add the rest of the smilies*
How can i add it so it can only show it for the visitor panel, members online , share this page, and recent threads or topics.
I wouldn't know how to add it specifically to your latest threads sidebar because I don't know the class names I'm using a custom latest-x add-on . You could follow the example below and find out what class they are and add them in and insert the css into your Extra.css. Code: .sidebar .membersOnline:before, .sidebar .sharePage:before, .sidebar .visitorPanel:before { background: url("styles/test/xenforo/overlay/sidebar_xmas.png") no-repeat scroll left center transparent; content: ""; display: block; height: 25px; margin-top: 5px; }
Thank you it worked, would be nice if i had an idea what the class name for the recent thread was, you wouldn't know ? im using the bd widget framework.
Can you link me to your board I might be able to get what class it uses but knowing the framework it's a bit of a bitch doing anything to it which is why I had custom latest add-ons made here at bbsmiley.
