The Arcive of Official vBulletin Modifications Site.

Snowflakes for your forum · **Released**: 12-03-2007

This little hack uses an HTML marquee to add snowflakes to your header template. It is fully customizable unlike the java one I have seen on this forum.

Instructions:

- Upload snow.gif to /forum/images/SKIN/misc

- Check snowflakes.txt for instructions

---------------------

TO ADD MORE SNOW AND ADJUST POSITION.

Add this code under the rest of the code.

Code:

<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:200px; top:20px; width:25px; height:230px; z-index:1;"><span class="snowflakes"><img src="$stylevar[imgdir_misc]/snow.gif"></span></marquee>

NOTE: THAT CODE IS FOR ONE SNOWFLAKE! KEEP REPEATING THE CODE TO ADD MORE.

- To adjust the snowflakes position, adjust "left" and "top" option shown in green below. To adjust the speed of the snowflake adjust the "scrollamount" shown in red below.

Quote:

Add the code multiple times and adjust the options to get an awesome snowfall! It is a bit time consuming but it's worth it!

For a skin with this code used check here: [Winter Snowfall]

Updates:

v2: Did the code to get most users started on it. Instead of having to do ALL of the code, most of it is written for you.

Konstantinos · #12 12-11-2007, 07:46 PM

but why dont they go down to the footer and how to ??

ChU v2 · #13 12-13-2007, 04:45 AM

Quote:

Originally Posted by Konstantinos

but why dont they go down to the footer and how to ??

Adjust the

Code:

top:20px;

to however far you want it to go down.

MotMann · #14 12-15-2007, 12:52 PM

My snowflakes dont faling down to the footer. Only in the header...

princeedward · #15 12-16-2007, 12:04 AM

thanks for this one...nice christmas spirit idea...

Quote:

Originally Posted by MotMann

My snowflakes dont faling down to the footer. Only in the header...

all i know is you have to adjust the height: not the top: coz' top setting is the horizontal line position of all snowflakes images..

i add snowballs gif image also to my site...
Please View It Here!

for much better look...if someone interested...i attach my images below...

snowballs 15x15
Attachment 73222
snowballs_small 10x10
Attachment 73223

MotMann · #16 12-16-2007, 09:37 AM

what i must do, that the flakes comes down over the browserwindow with and High? Something with 100 % ?

princeedward · #17 12-16-2007, 11:22 AM

Quote:

Originally Posted by MotMann

what i must do, that the flakes comes down over the browserwindow with and High? Something with 100 % ?

adjust the numbers of height... eg: height:1000px for a test ...and look where it goes disappear...adjust more...until it reach your forum footer...

Code:

<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:15px; top:20px; width:25px; height:320px; z-index:1;"><span class="snowflakes"><img src="$stylevar[imgdir_misc]/snow.gif"></span></marquee>

goodluck and best regards....

Robert Paulson · #18 12-23-2007, 01:52 AM

I need to shift the whole pattern to the left a bit. How can I do that?

Here's the board.

And here's the header template:


<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:200px; top:20px; width:25px; height:230px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:250px; top:10px; width:25px; height:251px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:300px; top:20px; width:25px; height:230px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:350px; top:10px; width:25px; height:251px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:400px; top:20px; width:25px; height:230px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:450px; top:10px; width:25px; height:251px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:500px; top:20px; width:25px; height:215px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:550px; top:10px; width:25px; height:251px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:600px; top:20px; width:25px; height:215px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:650px; top:10px; width:25px; height:251px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:700px; top:20px; width:25px; height:215px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:750px; top:10px; width:25px; height:251px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:800px; top:10px; width:25px; height:251px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:850px; top:20px; width:25px; height:215px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:900px; top:10px; width:25px; height:251px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:950px; top:10px; width:25px; height:251px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:1000px; top:20px; width:25px; height:215px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:1050px; top:10px; width:25px; height:251px; z-index:1;"><img src="$stylevar[imgdir_misc]/snow.gif"></marquee>


<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]">
 
</td>
</tr>
</table>



$spacer_open

$_phpinclude_output

Robert Paulson · #19 12-23-2007, 01:54 AM

Whoa. This could be awesome!

I can think of no reason why I couldn't have bombs or turkeys falling from the sky, too. Right?

Robert Paulson · #20 12-23-2007, 02:20 AM

Quote:

Originally Posted by Robert Paulson

Whoa. This could be awesome!

I can think of no reason why I couldn't have bombs or turkeys falling from the sky, too. Right?

Nevermind. This is AWESOME!!!!

Keesa · #21 12-24-2007, 10:12 PM

I love it!!!

If you want to see...

http://www.tokiohotelamerica.com/forum

THANK YOU! Marked as installed.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06988 seconds Memory Usage 2,319KB Queries Executed 25 (?)
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 (3)bbcode_code (5)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (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_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 post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!