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 |
#72
|
|||
|
|||
You are welcome, also thank you or your feedback and support.
Regards, |
#73
|
||||
|
||||
@ RobbieZ - You are bringing the wrong kind of attention here. Would you just back off and lay off the guy for a minute and let people just enjoy his theme during the holiday period?
And Yes, I know the xmas lights aren't his work, but he made some work on the script to make it work or whatever. copyright this watermark that, fine print this and that. how many users do you think care about that. Most people here just want a great style. |
#74
|
|||
|
|||
Quote:
this is a support thread so lets keep it at that... excellent work ThevBNinja keep it up... |
3 благодарности(ей) от: | ||
GMan55, kylek, The Rocketeer |
#75
|
|||
|
|||
Quote:
|
Благодарность от: | ||
GMan55 |
#76
|
||||
|
||||
so vBNinja, Where are those backgrounds you were working on the other day?
I am kidding..no rush.. but I'm very keen to see how they look though. Waiting for all the updates so that I can install the theme and hide it until xmax |
#77
|
|||
|
|||
Hi guys,
Thank you for your support, I really much appericated. Copyright is important as I repesct and expect to be repescted by others. However sharing is caring, especially with this style, it was made for the only goal "christmas celebration" so I would be more than happy to see you guys enjoy my style and use it on your board than trying to complain you "where's my style copyright?" . Next xmas I will put the copyright as "Design by Santa Claus in a winter night" and see if he will come to visit me to complain in christmas night We are going to have a wonderful time, an awesome dinner with our family and expecting a brand-new year then whatever happens, it happened, let's it go. I will keep improve this style until christmas time as much as possible just so you guys can bring to your member a real feeling that "I feel it in my fingers, I feel it in my toes, Christmas is all around me, and so the feeling grows". (I love this song so bady from the movie Love actually ). Backgrounds will come as I set it will be a set of background, then please be a little patience and keep on touch, it will be on it's ready. Regards, THevBNinja |
#78
|
|||
|
|||
Yeah I have same issue on fluid, I can either have lights or snow2 Depending on what I put in headinclude. If I put both in snow doesn't work I only have lights.
Looking forward to see what is coming next. Keep up the really great work. |
#79
|
|||
|
|||
i still cant get snow to work or the count down
|
#80
|
|||
|
|||
The lights are superb!!!
but how can I make the light go to the entire right side of the forum? |
#81
|
|||
|
|||
Be patience, an improved script with bug-free will be released soon with background, I will need time to test in in both version fixed and fluid, also browser compatiable.
Thanksgiving then black fridays, give me some time then Regards, |
Thread Tools | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|