X-mas Snow Effect

[roco]

Hi All!

hehe I have this script from many years.. no autor found on the top.. so.., butt you can take from oryginal..

And I write one line code:

Code Select Expand

<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/snow.js"></script>

..before "</body></html>..

For example default Theme:

Before:

Code Select Expand

// The following will be used to let the user know that some AJAX process is running
echo '
<div id="ajax_in_progress" style="display: none;', $context['browser']['is_ie'] && !$context['browser']['is_ie7'] ? 'position: absolute;' : '', '">', $txt['ajax_in_progress'], '</div>
';
// TinyPortal
     if($context['TPortal']['fixed_width']!=0)
             echo '</td></tr></table>';
// end
echo '
//< - hier come the script, only one line..
</body></html>';
}

After with the one line code..:

Code Select Expand

// The following will be used to let the user know that some AJAX process is running
echo '
<div id="ajax_in_progress" style="display: none;', $context['browser']['is_ie'] && !$context['browser']['is_ie7'] ? 'position: absolute;' : '', '">', $txt['ajax_in_progress'], '</div>
';
// TinyPortal
     if($context['TPortal']['fixed_width']!=0)
             echo '</td></tr></table>';
// end
echo '
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/snow.js"></script>
</body></html>';
}

And you mast copy "snow.js" in to ../Themes/default/ -> here!

And you can write so.. in every Theme..

I have diferent snow image: and this script from me, show - thise "snow image" direct from me.. butt its ok

For the efect can You look here in my forum: http://ricoroco.com/forum or on test subdomain for my TinyPortal here: http://tp.ricoroco.com/index.php?theme=66 and choose Theme: "TPstyle_11" where is the efect..

In the Attach ist complete..

cheers
roco

[Xarcell]

I'm not sure that script works in Firefox.

[roco]

hehe upss..

fact, I have now tested and ..no way! in FF not work, wont a fix..
ok really sorry, I wona only help, butt I have not proov ok can You forgot..
I'm sorry, bat I have no time for write fix for this! I must go to another server machine and I'm 20h/day by my comp hehe

Okay, next time I look for better script.. Thank's & Sorry for All :]

roco

EDIT:

..butt hehe I have the fix..   

I taked from oryginal (Dinamic Drive..) + is my snow.gif and little rewrite + speed config in the script! Please change only the "snow.js"

I have proov under FireFox and is realy OK!  :up:

Look here now wiht fix: http://tp.ricoroco.com/index.php?theme=66

And in the Attach is the FIX (only new javascript: "snow.js")

Now is much better and go under FireFox to.., and I thank You!

roco

.

[keith021773]

I use firefox 2.0.0.11 and it worked..  I saw the snow falling.

[G6Cad]

Yes it's falling, but it's not fitted within the screen so you get scrollbars when it fall down to the bottom of the page

[roco]

Hi!

And whats a browser have You?

OK. Can You tested ins the script - config.. for example:

After the "Stop Config":

Code Select Expand

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600;

Maby can You test "var i, doc_width = 770, doc_height = 570;"
Maby You have small display?

And maby You can prooven in this config:

Code Select Expand

// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";
  //Configure the speed - more is slower!
  var speed = 30

///////////Stop Config//////////////////////////////////


..to -> var snowdistance = "windowheight";

Well I see scrollbar only in small window.. and maby its small problem?

roco

.

EDIT

Is that posible, You have mor place after:

Code Select Expand

theme_copyright(), ' <br />', tportal_version() , or to many

Code Select Expand

<br />
Can You tested this line code write not befor </body></html> -> so only after:
</head><body>... ?

..or here:

Code Select Expand

...
<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"><img id="valid-css" src="', $settings['images_url'], '/valid-css.gif" alt="', $txt['valid_css'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
</td>
</tr>
</table>
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/snow.js"></script>
';

[Crip]

Cool but isn't snow White..lol.

[roco]

Yeah! Now You have me! lol

..butt what whit the people who have'nt dark background, or wont another color, or grafik?

A maby so?:

In the script, on top section whit config ist:

Code Select Expand

******************************************/
 
  //Configure below to change URL path to the snow image
  var snowsrc="http://ricoroco.com/forum/Themes/default/t_snow.gif"

And this is from me, You can copy another image in to Your for example default Theme folder and given diferent direct link..

for example:

Code Select Expand

******************************************/
 
  //Configure below to change URL path to the snow image
  var snowsrc="http://www.jr62.com/tp/Themes/default/anotherxxx_snow.gif"

And buttle juice! hehe


Okay..
I give for All my priv little colletion of snowflake small pictures.., (on the Attach), & please welcom!



I have idee, maby self little Art-improvision with The Photoshop?

http://www.adobetutorialz.com/articles/2533/1/Christmas-Tree

http://www.photoshoptrail.com/articleview-aid-45-tit-Cool-Latest-free-photo-shop-cs2-tutorial-how-to-make-octagon-snowflake-design-or-banner-image.htm

http://www.pyropixel.com/tut007.php

http://www.myjanee.com/tuts/snow/snow.htm

hehe its easy.. or? 

See ya

[poisom]

its wordefull thnx! check it in my site :-D http://www.designcad.gr !!!
thnx again!!

[dreamy_me]

Well done poisom,

The site looks great too!