The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
[ThevBNinja.com] Pure Christmas 2012 (Add-ons Snow with options, light, countdown) Details »» | |||||||||||||||||||||||||||||||||||||||||||||||
[ThevBNinja.com] Pure Christmas 2012 (Add-ons Snow with options, light, countdown)
Developer Last Online: Mar 2012
Hello everyone,
Christmas is coming and we've decided to bring you guys here an early gift. The very first Christmas Style that offer you totally flexibility to custom the style with many value add-ons and you got them all for FREE! Theme features:
Theme add-ons:
Screenshot: via attachment Live demo : here Live demo Fluid: here Installations
Add-ons Installations 1. Snow on your forum with options to control: Demo Using jquery snowfall from here
Code:
<!-- Snow by thevBNinja.com --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src='images/styles/xmas/snow2/snowfall.min.jquery.js'></script> <script type='text/javascript'> $(document).ready(function(){ //Start the snow default options you can also make it snow in certain elements, etc. $(document).snowfall(); $("#clear").click(function(){ $(document).snowfall('clear'); // How you clear }); $("#round").click(function(){ $(document).snowfall('clear'); $(document).snowfall({round : true, minSize: 5, maxSize:8}); // add rounded }); $("#shadows").click(function(){ $(document).snowfall('clear'); $(document).snowfall({shadow : true, flakeCount:200}); // add shadows }); $("#roundshadows").click(function(){ $(document).snowfall('clear'); $(document).snowfall({shadow : true, round : true, minSize: 5, maxSize:8}); // add shadows }); $("#collection").click(function(){ $(document).snowfall('clear'); $(document).snowfall({collection : '.collectonme', flakeCount : 250}); }); }); </script> <!-- End Snow by ThevBNinja.com --> Code:
{vb:raw template_hook.forumhome_wgo_pos5} Code:
<div id="wgo_snow" class="wgo_subblock section"> <h3 class="blocksubhead"><img src="images/styles/xmas/snow2/snow.png" alt="{vb:rawphrase x_statistics, {vb:raw vboptions.bbtitle}}" />Snow Effect Options</h3> <input style="background:#FFF;border: 0 none;" type="button" id="clear" value="+ Click to clear"/> <input style="background:#FFF;border: 0 none;" type="button" id="round" value="+ Rounded"/> <input style="background:#FFF;border: 0 none;" type="button" id="shadows" value="+ Shadows"/> <input style="background:#FFF;border: 0 none;" type="button" id="roundshadows" value="+ Rounded Shadows"/> <input style="background:#FFF;border: 0 none;" type="button" id="collection" value="+ Snow Collection"/> </div> 2. Christmas Light: Demo - Using christmas light from Schillmania Download and unrar light.zip from attachment Upload the folder "light" to yourforum/images/styles/xmas Go to your ACP/ Styles & Templates/ Search in template/ Search for "headinclude". In the end of template headinclude add this line Code:
<!-- for the Snowstorm homepage, allow the demo to run on iPhone and mobile devices. --> <script>snowStorm.excludeMobile = false;</script> <script src="images/styles/xmas/light/soundmanager2-nodebug-jsmin.js"></script> <script src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script> <script src="images/styles/xmas/light/christmaslights.js"></script> After: Code:
<div class="above_body"> <!-- closing tag is in template navbar --> Code:
<div id="lights"> <!-- lights go here --> </div> Code:
/* Christmas Light for vBulleti by thevBNinja */ #lights { position:absolute; border-top:1px solid #006600; left:0px; top:0px; width:100%; height:205px; overflow:hidden; z-index:1; display:none; } .xlsf-light { position:absolute; margin-top:-1px; } .xlsf-fragment { position:absolute; background:transparent url(images/styles/xmas/light/bulbs-50x50-fragments.png) no-repeat 0px 0px; width:50px; height:50px; } .xlsf-fragment-box { position:absolute; left:0px; top:0px; width:50px; height:50px; *width:100%; *height:100%; display:none; } .xlsf-cover { position:fixed; left:0px; top:0px; width:100%; height:100%; background:#fff; opacity:1; z-index:999; display:none; } .special { display:none; font-size:x-small; color:#999; } find Code:
.toplinks { right: 90px; } Code:
.toplinks { right: 90px; z-index:999999; } 3. Countdown to Christmas: Demo This will add a very simple countdown on your site, it made it to fit this xmas skin and I love it to be simply, if you are looking for more fancy countdown (bigger with effect), just wait, I'm working on a template modification for this.. Now here we go In your "header" template: Find: Code:
<div id="header" class="floatcontainer doc_header"> Code:
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript"> <!-- dateFuture = new Date(2011,11,24,0,00,0); //set time function GetCount(){ dateNow = new Date(); //grab current date amount = dateFuture.getTime() - dateNow.getTime(); //calc milliseconds between dates delete dateNow; // time is already past if(amount < 0){ document.getElementById('countbox').innerHTML="Merry Christmas!"; } // date is still good else{ days=0;hours=0;mins=0;secs=0;out=""; amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs days=Math.floor(amount/86400);//days amount=amount%86400; hours=Math.floor(amount/3600);//hours amount=amount%3600; mins=Math.floor(amount/60);//minutes amount=amount%60; secs=Math.floor(amount);//seconds if(days != 0){out += days +" day"+((days!=1)?"s":"")+", ";} if(days != 0 || hours != 0){out += hours +" hours"+((hours!=1)?"":"")+", ";} if(days != 0 || hours != 0 || mins != 0){out += mins +" min"+((mins!=1)?"":"")+", ";} out += secs +" until Christmas!"; document.getElementById('countbox').innerHTML=out; setTimeout("GetCount()", 1000); } } window.onload=function(){GetCount();}//call when everything has loaded //--> </script> <div style="color:#FFF;font-weight:bold;margin-left:110px;margin-top:10px;position:absolute;z-index:20000;" id="countbox"><!-- Countdown by thevBNinja --></div> Copyright:
We've worked hard on this to bring you a real good theme so if you enjoy and use it in your forum, please like or even a thanks is means a lot to us so we can continues release free themes here at vb.org. Also donation is very welcome, we can't not give you any extras thing as we're giving out all the features here as free, but we will give you a warm thank you and the right to remove our copyright text on the theme. Lastly, Merry Christmas Early and Wish you a Merry Christmas and may this festival bring abundant joy and happiness in your life!. Regards, ThevBNinja Group Q&A [S]Q: Why don't you make a more fancy background? A: We don't want your site will be something with load of graphics and full of colors. You may want to do the background yourself with related content to your site. Anw if the request is high, I will make it.[/S] As requested, a SET of background will be available soon, mark as install to get the latest update. Q: Does these add-ons slow down my forum? YES and YES. I do not recommend you to use it expect the count down script. Or you can put it in your site just for one day like Xmas. It should be better. Q: Why don't you intergate all these add-on to the style, it save us ton of time! A: Because I want you are the one who decide what's needed for your site, each of add-ons here can be release as a seperate template mod but I included them all here for you, you can get exactly what you need faster and easier. History: 21.11: Addon Snow version 2 with the options to turn on/ off, rounded snow, add shadow to snow. 20.11: Addon Countdown to Christmas 20.11: Addon Christmas Light added. 19.11: Addon Snow falling on your forum added. 19.11: Update fluid version 18.11: Releases Download Now
Screenshots
Show Your Support
|
Comments |
#152
|
|||
|
|||
Loving the style, setting it up on my forum and want to use it ASAP! BUT.... problem. Have edited the logo psd, uploaded it and I can see this:
How to I 'line up' the logo? Thanks guys. |
#153
|
|||
|
|||
I edited the logo.png file, which was just the text. You might have to reupload the default left header image after editing the .png file.
|
#154
|
|||
|
|||
As Mojosoft says, use the logo.png file to make your logo. You wil find it here: thevbninja-pure-xmas-2012-fluid\Upload\images\styles\xmas and the file logo.png. This is a pic that is just the text and a transparent background.
Upload the new .png-file and you wil no longer have the problem. |
#155
|
|||
|
|||
Quote:
Quote:
I have cleared my cache and history etc but I'm still seeing it.... could you please do me a favour and let me know if you can see it? or is it just on my computer? http://www.friendscircle.co.uk/forum.php?styleid=64 I'm going to work now.... will TRY and sort it again later. |
#156
|
|||
|
|||
Quote:
[QUOTE="vbulletin.org" 14DH01, you do not have permission to access this page. This could be due to one of several reasons: 1.Your user account may not have sufficient privileges to access this page. Are you trying to edit someone else's post, access administrative features or some other privileged system? 2.If you are trying to post, the administrator may have disabled your account, or it may be awaiting activation. [/QUOTE] Your style exelent *** Rate it 5stars *** for you |
#157
|
|||
|
|||
Quote:
|
#158
|
||||
|
||||
Quote:
Tks for the try tho |
#159
|
|||
|
|||
Ok that's great thanks!! I have just changed the logo... what do you see now? Hope you don't mind helping. I have just tried it off my partners phone, who doesn't even access FC, and even he is seeing the old FriendsCircle logo, this is doing my head in haha
|
#160
|
|||
|
|||
Hi all,
Thanks for the style, Its awsome! Is there anyway to get the lights and snow working at the same time? I can only seam to get one to work at a time.. Thanks Joe. |
#161
|
|||
|
|||
Quote:
I don't mind helping. |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|