Go Back   vb.org Archive > vBulletin Styles and Graphics > vBulletin Styles > vBulletin 4.x Styles
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
[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)
Version: 1.00, by ThevBNinja ThevBNinja is offline
Developer Last Online: Mar 2012 Show Printable Version Email this Page

Category: Suite Style - Version: 4.1.8 Rating:
Released: 11-17-2011 Last Update: 11-20-2011 Installs: 113
Template Edits
Additional Files  
No support by the author.

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:
  • Fixed and Fluid (Note: the Fixed version works best - recommended).
  • Theme made for vbulletin 4.1.8 but it should works with ealier 4.1.x versions as well. (Report me if you found any conflict).
  • Suite compatiable - CMS / Forum / Blogs
  • Custom layout
  • Custom logo (included text font and PSD).
  • Custom icons.

Theme add-ons:
  • Countdown to christmas
  • Snow effect
  • Christmas Light

Screenshot: via attachment
Live demo : here
Live demo Fluid: here

Installations
  • Download and unzip the attachment from vbulletin.org
  • Upload folder "xmas" to your forum/ images/styles
  • Import the XML, remember to stick "ignore style version" if needed.
  • Mark as installed.

Add-ons Installations
1. Snow on your forum with options to control: Demo
Using jquery snowfall from here
  • Uninstall the old snow add-on if you did the install by remove this line from "headinclude' template

    Code:
    <script type="text/javascript" src="images/styles/xmas/snow/snow.js"></script>
  • Download and unrar snow2.zip from attachment.
  • Upload the folder "snow2" to yourforum/ images/styles/xmas/
  • Go to your ACP/ Styles & Templates/ Search in template/ Search for "headinclude".
  • In the end of template headinclude add these line
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 -->
In template "forumhome" search for

Code:
{vb:raw template_hook.forumhome_wgo_pos5}
add above it:

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>
You are done. Use the options at the end of statistic box to change the snow.

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>
In your header template:

After:

Code:
<div class="above_body"> <!-- closing tag is in template navbar -->
Add:

Code:
<div id="lights">
 <!-- lights go here -->
</div>
Add the following css to your additional.css

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;
}
In the same additional.css

find

Code:
.toplinks {
right: 90px;
}
change it to

Code:
.toplinks {
right: 90px;
z-index:999999;
}
You are done!

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">
Add below:

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>
Done!


Copyright:
  • Used some graphics from site5. We have approval from them to do that.
  • Template designe and code by thevbninja.com. You are free to re-post, releases it anywhere outside vb.org but you Must keep the copyright text in the footer of theme.


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

File Type: zip snow.zip (5.5 KB, 327 views)
File Type: zip thevbninja-pure-xmas-2012.zip (1.97 MB, 579 views)
File Type: zip thevbninja-pure-xmas-2012-fluid.zip (2.39 MB, 931 views)
File Type: zip light.zip (50.9 KB, 504 views)
File Type: zip snow2.zip (10.9 KB, 454 views)

Screenshots

File Type: jpg Forum-PureXmas.jpg (75.8 KB, 0 views)
File Type: jpg CMS-PureXmas.jpg (65.9 KB, 0 views)
File Type: jpg Pure Xmas Fluid.jpg (113.5 KB, 0 views)
File Type: jpg Christmas light with snow.jpg (33.3 KB, 0 views)
File Type: png snowoptions.png (81.7 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #112  
Old 11-29-2011, 02:59 AM
CouponWCents CouponWCents is offline
 
Join Date: Jun 2011
Posts: 164
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Nevermind...I found it. But the blue in the header is cutting off on the left
Reply With Quote
  #113  
Old 11-29-2011, 10:30 AM
Mamma Scarlett Mamma Scarlett is offline
 
Join Date: Aug 2011
Location: Norway
Posts: 28
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Mamma Scarlett View Post
I'm sorry Ninja, but I liked the first snow best.. And now i removed it and cant remember how to get it back. I have downloadet and uploaded snow folder but cant remember what to add where.. And now it's gone from your installation-guide.. Help...
Nevermind. After a good night sleep I figured out what I did wrong. My bad.
Reply With Quote
  #114  
Old 11-29-2011, 10:56 AM
GMan55 GMan55 is offline
 
Join Date: Jun 2011
Posts: 61
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by CouponWCents View Post
Nevermind...I found it. But the blue in the header is cutting off on the left
Post a screenshot what it looks like for you. Because it looks fine here and is not cutting off to the left. I believe it is the screen resolution issue. You can jusr remove the margins if need be, but first post what it looks like and what you need.
Reply With Quote
  #115  
Old 11-29-2011, 12:07 PM
ThevBNinja ThevBNinja is offline
 
Join Date: Oct 2011
Posts: 51
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Script are being tested again in live demo at

http://thevbninja.com/forum.php?styleid=4
http://thevbninja.com/forum.php?styleid=3

Light and countdown is there, snow is being rewritten.

I will try to put all the above add-on on live site, then write down exactly step to step how I did it on the demo here on next release (today) at vbulletib.org

Also I received a lot of PM and Email with feedback of the style and add-on which I really much appreciated.

All of them will be consider and test carefully before releasing any fix for update.

Regards,
ThevBNinja
Reply With Quote
  #116  
Old 11-29-2011, 01:28 PM
ThevBNinja ThevBNinja is offline
 
Join Date: Oct 2011
Posts: 51
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Fix for Christmas Light and Countdown added.

Please follow the new guide to add light and countdown to your site.

Demo: above links.

Snows and background is being added.

Quote:
Originally Posted by CouponWCents
Nevermind...I found it. But the blue in the header is cutting off on the left
Can you PM me with a link to your site? I don't see the issue here.

Regards,
ThevBNinja
Reply With Quote
  #117  
Old 11-29-2011, 02:17 PM
GMan55 GMan55 is offline
 
Join Date: Jun 2011
Posts: 61
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by ThevBNinja View Post

Can you PM me with a link to your site? I don't see the issue here.

Regards,
ThevBNinja
He already posted his link here vbninja - I don't see a problem there on the left either, check it out.
Reply With Quote
  #118  
Old 11-29-2011, 04:36 PM
Mr_Running Mr_Running is offline
 
Join Date: May 2010
Posts: 536
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Countdown to Christmas appears to be off by 24 hours ( 1 day )

How to fix?
Edit: This started as a Question but here is the Answer.

Find

Code:
dateFuture = new Date(2011,11,24,0,00,0); //set time
Change

Code:
dateFuture = new Date(2011,11,25,0,00,0); //set time
Reply With Quote
2 благодарности(ей) от:
GMan55, idhk
  #119  
Old 11-29-2011, 05:17 PM
kfyonur kfyonur is offline
 
Join Date: Apr 2008
Posts: 177
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

only Countdown is working
Reply With Quote
  #120  
Old 11-29-2011, 06:48 PM
GMan55 GMan55 is offline
 
Join Date: Jun 2011
Posts: 61
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Mr_Running View Post
Countdown to Christmas appears to be off by 24 hours ( 1 day )

How to fix?
Edit: This started as a Question but here is the Answer.

Find

Code:
dateFuture = new Date(2011,11,24,0,00,0); //set time
Change

Code:
dateFuture = new Date(2011,11,25,0,00,0); //set time
Thanks for that. I didn't even realize the timer was wrong, LOL!
Reply With Quote
  #121  
Old 11-30-2011, 11:23 AM
Mamma Scarlett Mamma Scarlett is offline
 
Join Date: Aug 2011
Location: Norway
Posts: 28
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by GMan55 View Post
Thanks for that. I didn't even realize the timer was wrong, LOL!
It depends.. For me christmas is the 24th, and if I have counted correct it's right for me. The timer hits zero 24.00 when the date turns 24th. Is'nt that correct? Do you guys say it's christmas the 25th?
Reply With Quote
Благодарность от:
GMan55
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:16 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.08253 seconds
  • Memory Usage 2,391KB
  • Queries Executed 28 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (16)bbcode_code
  • (6)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (2)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (3)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (10)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete