Advertisement
melaniesfantasie

TERRIBLED THEME

Aug 12th, 2013
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.26 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5.  
  6. <script type="text/javascript">
  7. <!--
  8.  
  9. // Disable Right Click Script
  10.  
  11. function IE(e)
  12. {
  13. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  14. {
  15. return false;
  16. }
  17. }
  18. function NS(e)
  19. {
  20. if (document.layers || (document.getElementById && !document.all))
  21. {
  22. if (e.which == "2" || e.which == "3")
  23. {
  24. return false;
  25. }
  26. }
  27. }
  28. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  29.  
  30. //-->
  31. <!----------------------------------------------
  32. code by themesbycapvlet.tumblr.com
  33.  
  34. //DO NOT REMOVE CREDIT
  35. // YOUR ACCOUNT WILL BE SUSPENDED
  36. ----------------------------------------------->
  37. </script>
  38. <!--
  39.  
  40. original coding by judy - (http://tic.tumblr.com) - buzz bee theme guys
  41.  
  42. edited heavily by yours truly (http://terribled.tumblr.com) - renamed to - bean theme
  43. -->
  44.  
  45. <script type="text/javascript"
  46. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47.  
  48. <title>patooty</title>
  49.  
  50. <link rel="shortcut icon" href="http://31.media.tumblr.com/avatar_234503ff1d98_128.png">
  51. <link rel="alternate" type="application/rss+xml" href="http://bruken.tumblr.com/rss">
  52.  
  53. <meta name="description" content="{metadescription}" />
  54.  
  55. <meta name="color:Background" content="#eeeeee"/>
  56. <meta name="color:Text" content="#000000"/>
  57. <meta name="color:Hover" content="#000000"/>
  58. <meta name="color:Link" content="#000000"/>
  59. <meta name="image:Background" content="1"/>
  60. <meta name="color:Selection" content="#ffaabb"/>
  61.  
  62. <meta name="text:Custom Link One Title" content= >
  63. <meta name="text:Custom Link One" content="" />
  64. <meta name="text:Custom Link Two Title" content= >
  65. <meta name="text:Custom Link Two" content="" />
  66. <meta name="text:Custom Link Three Title" content= >
  67. <meta name="text:Custom Link Three" content="" />
  68. <meta name="text:Custom Link Four Title" content= >
  69. <meta name="text:Custom Link Four" content="" />
  70. <meta name="text:Custom Link Five Title" content= >
  71. <meta name="text:Custom Link Five" content="" />
  72.  
  73. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  74. <script>
  75. (function($){
  76. $(document).ready(function(){
  77. $("[title]").style_my_tooltips({
  78. tip_follows_cursor:true,
  79. tip_delay_time:200,
  80. tip_fade_speed:300
  81. }
  82. );
  83. });
  84. })(jQuery);
  85. </script>
  86.  
  87. <style type="text/css">
  88.  
  89. #s-m-t-tooltip{
  90. max-width:300px;
  91. margin:15px;
  92. padding:2px 8px;
  93. border:1px solid #DDD;
  94. border-radius:4px;
  95. background:#FFF;
  96. color:#AAA;
  97. z-index:999999;
  98. font-size:8px;
  99. font-style:consolas;
  100. text-transform:lowercase;
  101. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  102.  
  103. ::-webkit-scrollbar {width: 5px; height: 4px; background: white; }
  104.  
  105. ::-webkit-scrollbar-thumb { background-color:black; }
  106.  
  107. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  108.  
  109. #tumblr_controls{
  110. position:fixed !important;
  111. -webkit-filter: invert(100%)
  112. }
  113. }
  114.  
  115. .wrapper{
  116. margin: 0px auto;
  117. width: 900px;
  118. }
  119.  
  120. .header{
  121. float: left;
  122. width: 100%;
  123. }
  124.  
  125. .left{
  126. float: left;
  127. margin-right: 20px;
  128. width: 802px;
  129. }
  130.  
  131. .right{
  132. float: right;
  133. width: 200px;
  134. background-color: {color:Background};
  135. }
  136.  
  137. body {
  138. padding: 0px;
  139. margin: 0px;
  140. color:{color:text};
  141. font-family: consolas;
  142. font-size: 10px;
  143. line-height:12px;
  144. background-color: {color:Background};
  145. background-image:url();
  146. background-size: cover;
  147. background-attachment: fixed;
  148. background-repeat: repeat
  149. text-align: justify;
  150. }
  151.  
  152. a:link, a:active, a:visited{
  153. color:{color:link};
  154. text-decoration: none;
  155. -webkit-transition: color 0.4s ease-out;
  156. -moz-transition: color 0.4s ease-out;
  157. }
  158.  
  159. a:hover{
  160. color:{color:Hover};
  161. -webkit-transition: color 0.4s ease-out;
  162. -moz-transition: color 0.4s ease-out;
  163. }
  164.  
  165. .entry {
  166. float:left;
  167. margin:8px;
  168. overflow:hidden;
  169. text-align: justify;
  170. background-color: white;
  171. border:1px solid #eee;
  172. border-radius:5px;
  173. padding-top:10px;
  174. padding-left:10px;
  175. padding-right:10px;
  176. padding-bottom:10px;
  177. {block:IndexPage}
  178. width:200px;
  179. {/block:IndexPage}
  180. {block:PermalinkPage}
  181. width:440px;
  182. {/block:PermalinkPage}
  183. border-radius:5px
  184. max-width:100%;;
  185. }
  186.  
  187. .entry img {
  188. border-radius:5px;
  189. max-width:100%;
  190. -webkit-transition: opacity 0.8s linear;
  191. opacity: 0.60;}
  192.  
  193. img:hover{
  194. -webkit-transition: opacity 0.8s linear;
  195. opacity: 1;
  196. }
  197.  
  198.  
  199. .twerk{
  200. width:205px;
  201. height: 20px;
  202. font-family: consolas;
  203. font-size: 9px;
  204. text-transform:none;
  205. position: absolute;
  206. line-height: 10px;
  207. text-align: center;
  208. overflow:hidden;
  209. color: #999999;
  210. text-transform:uppercase;
  211. letter-spacing:1px;
  212. padding:8px 3px 8px 4px;
  213. opacity: 0.0;
  214. border-top:1px #eee solid;
  215. border-bottom:1px #eee solid;
  216. padding-right: 10px;
  217. background-color:#ffffff;
  218. bottom:20px;
  219. margin-left: -10px;
  220. margin-top:-1px;
  221. opacity: 0.0;
  222. -webkit-transition: opacity 0.6s ease-out;
  223. -webkit-transition: all 0.6s ease-out;
  224. -moz-transition: all 0.6s ease-out;
  225. transition: all 0.6s ease-out;
  226. }
  227.  
  228. .entry:hover .twerk {
  229. bottom: 30px;
  230. -webkit-transition: opacity 0.6s ease-out;
  231. -webkit-transition: all 0.6s ease-out;
  232. -moz-transition: all 0.6s ease-out;
  233. transition: all 0.6s ease-out;
  234. opacity: 1.0;
  235. }
  236.  
  237. .twerk a:hover{
  238. color:{color:hover};
  239. padding:1px 0px 0px 0px;
  240. -webkit-transition: opacity 0.3s ease-out;
  241. -webkit-transition: all 0.3s ease-out;
  242. -moz-transition: all 0.3s ease-out;
  243. transition: all 0.3s ease-out;}
  244.  
  245. ::selection {
  246. background:{color:selection};
  247. color: {color:link};
  248. }
  249.  
  250. ::-moz-selection {
  251. background:{color:selection};
  252. color: {color:link};
  253. }
  254.  
  255. #s-m-t-tooltip{
  256. max-width:300px;
  257. margin-top:10px;
  258. margin-left:15px;
  259. padding-left:4px;
  260. padding-right:4px;
  261. border:1px solid #eee;
  262. border-radius:2px;
  263. z-index:1000;
  264. opacity:.4;
  265. background-color:#fff;
  266. color:#aaa;
  267. font-family:calibri;
  268. z-index:999999999;
  269. font-size:8px;
  270. letter-spacing:1px;
  271. text-transform:uppercase;
  272. line-height:;
  273. }
  274.  
  275. #sidebar{
  276. z-index:99999999999;
  277. position:fixed !important;
  278. opacity:1;
  279. height:auto;
  280. padding:7px;
  281. background-color:white;
  282. border-right:1px solid #eee;
  283. border-left:1px solid #eee;
  284. margin-left:400px;
  285. margin-top:-5x;
  286. font-size: 10px;
  287. line-height:11px;
  288. letter-spacing:0px;
  289. font-family: calibri;
  290. overflow:hidden;
  291. text-align:center;
  292. width:475px;
  293. -webkit-transition: all .4s ease;
  294. -moz-transition: all .4s ease;
  295. -o-transition: all .4s ease;
  296. transition: all .4s ease;
  297. }
  298.  
  299.  
  300.  
  301.  
  302. #bannerrr {
  303. z-index:1;
  304. background-image:url('http://static.tumblr.com/ootbdxc/iRRmqutiz/opwekdcf.png');
  305. repeat:repeat-x;
  306. margin-left:400px;
  307. width:489px;
  308. margin-top: 84px;
  309. height:18px;
  310. position: fixed;
  311. z-index: 1;
  312. opacity:0.60;
  313. border-right:1px solid #eee;
  314. border-left:1px solid #eee;
  315. }
  316.  
  317. @font-face {
  318. font-family:tic;
  319. src: url('http://static.tumblr.com/ootbdxc/jOimqwyxr/theonlyexception.ttf');,
  320. }
  321.  
  322. .blogtitle {
  323. font-family:tic;
  324. font-size: 30px;
  325. line-height: 20px;
  326. text-align: center;
  327. letter-spacing:2px;
  328. color: {color:link};
  329. margin-top:4px;
  330. padding: 4px;
  331. padding-bottom:9px;
  332. }
  333.  
  334.  
  335. #posts {
  336. width: 479px;
  337. border-right:1px solid #eee;
  338. border-left:1px solid #eee;
  339. float:center;
  340. margin-left:400px;
  341. margin-top:94px;
  342. padding:5px;
  343. }
  344.  
  345.  
  346.  
  347.  
  348.  
  349. .bubble {
  350. align:right;
  351. background: #eee;
  352. margin:1px 0px 1px 60px;
  353. padding:10px;
  354. position: relative;
  355. }
  356.  
  357. .bubble p {
  358. margin:-5px 0px;
  359. }
  360.  
  361. .bubble span {
  362. display:block;
  363. position:absolute;
  364. width:1px;
  365. height:1px;
  366. font-size: 0;
  367. line-height: 1px;
  368. left:-10px;
  369. top:5px;
  370. border-top:7px solid transparent;
  371. border-bottom:7px solid transparent;
  372. border-right:10px solid #eee;
  373. }
  374.  
  375. .stymest {
  376. text-align:center;
  377. padding-right:5px;
  378. font-style:italic;
  379. font-size:10px;
  380. line-height: 115%;
  381. letter-spacing:1px;
  382. }
  383.  
  384. .title{
  385. font-family: consolas;
  386. font-size: 15px;
  387. line-height: 15px;
  388. color: {color:text};
  389. font-weight: normal;
  390. text-transform:uppercase;
  391. }
  392.  
  393.  
  394.  
  395.  
  396.  
  397. #wallflower {
  398. z-index:1;
  399. background-image:url('http://static.tumblr.com/ootbdxc/iRRmqutiz/opwekdcf.png');
  400. repeat:repeat-x;
  401. margin-left:400px;
  402. width:489px;
  403. top:18px;
  404. margin-top: 75px;
  405. height:18px;
  406. position: fixed;
  407. z-index: 1;
  408. opacity:0.60;
  409. border-right:1px solid #eee;
  410. border-left:1px solid #eee;
  411. }
  412.  
  413.  
  414.  
  415.  
  416. </style>
  417.  
  418. {block:indexpage}
  419. <script type="text/javascript"
  420. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  421. <script type="text/javascript"
  422. src="http://static.tumblr.com/ootbdxc/k1gmqx1jh/infinite_scroll.txt"></script>
  423. <script type="text/javascript"
  424. src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  425.  
  426.  
  427. <script type="text/javascript">
  428. $(window).load(function () {
  429. var $content = $('#posts');
  430. $content.masonry({itemSelector: '.entry'}),
  431. $content.infinitescroll({
  432. navSelector : 'div#pagination',
  433. nextSelector : 'div#pagination a#nextPage',
  434. itemSelector : '.entry',
  435. loading: {
  436. finishedMsg: '',
  437. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  438. },
  439. bufferPx : 600,
  440. debug : false,
  441. },
  442. // call masonry as a callback.
  443. function( newElements ) {
  444. var $newElems = $( newElements );
  445. $newElems.hide();
  446. // ensure that images load before adding to masonry layout
  447. $newElems.imagesLoaded(function(){
  448. $content.masonry( 'appended', $newElems, true,
  449. function(){$newElems.fadeIn(300);} );
  450.  
  451.  
  452. });
  453. });
  454. });
  455. </script>
  456. {/block:indexpage}
  457.  
  458.  
  459. <title>{title}</title>
  460.  
  461. <link rel="shortcut icon" href="{favicon}">
  462. <meta name="viewport" content="width=820" />
  463.  
  464.  
  465. </head>
  466.  
  467. <body>
  468.  
  469.  
  470. <div class="wrapper">
  471. <div class="header">
  472. </div>
  473. <div class="wrapper">
  474. <div id="wallflower"></div>
  475.  
  476.  
  477. <div id="sidebar">
  478. <a href="/"><img src="http://static.tumblr.com/3657689f83a48ca0267c7846806ac533/ootbdxc/Jg8mquuu7/tumblr_static_1.png" width="190"></a>
  479. <div style="padding:3px;padding-top:1px;">hello my name is bean and i hate html + twitter</div>
  480. <div class="stymest"><div style="padding-top:2px;">
  481. <a href="/" title="go home!">home</a>
  482. <a href="/faqyou" title="talk to me!">message</a>
  483. <a href="http://faede.tumblr.com" title="hes a one beautiful boy">dylan
  484. <a href="http://flaewless.tumblr.com" title="kawaii blog">personal</a>
  485. <a href="/etc" title="more linkeos!">more</a>
  486.  
  487. <script language="JavaScript">
  488. var ref = (''+document.referrer+'');
  489. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3248367&e1=&e2=&r=' + ref + '"><\/script>');
  490. </script>
  491. |
  492. </script>
  493. <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2082295&name="></script>
  494.  
  495.  
  496.  
  497. </div>
  498. </div>
  499. </div>
  500.  
  501. </div>
  502.  
  503. <div class="content">
  504.  
  505. <div class="left">
  506.  
  507. <div id="posts">
  508.  
  509. {block:Posts}
  510. <div class="entry">
  511. {block:Answer}
  512. <img src="{AskerPortraitURL-40}" align="left" >
  513. <div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>
  514. <br>
  515. {Answer}
  516. {block:IndexPage}
  517. <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a href="{Permalink}">{NoteCountWithLabel}</a> , <a href="{ReblogURL}" >reblog</a> this post</div>
  518. {/block:IndexPage}
  519. {/block:Answer}
  520.  
  521. {block:Text}
  522. {block:Title}<span class="title">{Title}</span>{/block:Title}
  523. <span class="entrytext">{Body}</span>
  524. {block:IndexPage}
  525. <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a href="{Permalink}">{NoteCountWithLabel}</a> , <a href="{ReblogURL}" >reblog</a> this post</div>
  526. {/block:IndexPage}
  527. {/block:Text}
  528.  
  529. {block:Link}
  530. <a href="{URL}" class="title">{Name}</a>
  531. {block:Description}{Description}{/block:Description}
  532. {block:IndexPage}
  533. <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a href="{Permalink}">{NoteCountWithLabel}</a> , <a href="{ReblogURL}" >reblog</a> this post</div>
  534. {/block:IndexPage}
  535. {block:Link}
  536.  
  537. {block:Photo}
  538. <center>
  539. <a href="{Permalink}" title="{SourceTitle}"><img src="{PhotoURL-HighRes}" width="100%"></a>
  540. </center>
  541.  
  542. {block:IndexPage}<div class="twerk">posted {timeago}<br>
  543. <a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>
  544. {/block:IndexPage}
  545. {/block:Photo}
  546.  
  547. {block:Photoset}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-250}" width="190" style="padding:4px;"/></a>
  548. {/block:Photos}{block:IndexPage}<div class="perms">
  549. Posted on {DayOfWeek}, {Month} {DayOfMonthWithSuffix} <br> <a href="{Permalink}">{NoteCountWithLabel}</a> , <a href="{ReblogURL}" >reblog</a> this post
  550. </div> {/block:IndexPage}{/block:Photoset}
  551.  
  552. {block:Quote}
  553. <span class="title">{Quote}</span><br />
  554. {block:Source}{Source}{/block:Source}
  555. {block:IndexPage}
  556. <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a href="{Permalink}">{NoteCountWithLabel}</a> , <a href="{ReblogURL}" >reblog</a> this post</div>
  557. {/block:IndexPage}
  558. {/block:Quote}
  559.  
  560. {block:Chat}
  561. {block:Title}<span class="title">{Title}</span>{/block:Title}
  562. <ul class="chat">
  563. {block:Lines}
  564. <li class="user_{UserNumber}">
  565. {block:Label}
  566. <span class="label">{Label}</span>
  567. {/block:Label}
  568.  
  569. {Line}
  570. </li>
  571. {/block:Lines}
  572. </ul>
  573. {block:IndexPage}
  574. <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a href="{Permalink}">{NoteCountWithLabel}</a> , <a href="{ReblogURL}" >reblog</a> this post</div>
  575. {/block:IndexPage}
  576. {/block:Chat}
  577.  
  578. {block:Audio}
  579. <center><div style="width:200px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  580. {FormattedPlayCount} plays</small></div></div></center><br>
  581. {block:Caption}{Caption}{/block:Caption}
  582. {block:IndexPage}
  583. <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a href="{Permalink}">{NoteCountWithLabel}</a> , <a href="{ReblogURL}" >reblog</a> this post</div>
  584. {/block:IndexPage}
  585. {/block:Audio}
  586.  
  587. {block:Video}
  588. <center>
  589. <center>{Video-250}</center>
  590. {block:IndexPage}
  591. <div style="text-align: right; font-family: consolas; font-style:normal; font-size: 8px; text-transform:uppercase; padding: 4px; background:transparent; border-top:1px solid #eee;"> <a href="{Permalink}">{NoteCountWithLabel}</a> , <a href="{ReblogURL}" >reblog</a> this post</div>
  592. {/block:IndexPage}</center>
  593. {block:Video}
  594.  
  595. {block:PermalinkPage}
  596. <center>
  597. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  598.  
  599. {/block:PermalinkPage}
  600.  
  601. {block:PostNotes}{PostNotes}
  602. {/block:PostNotes}
  603. </div>
  604.  
  605. {/block:Posts}
  606. </div>
  607. </div>
  608. {block:IndexPage}
  609. {block:Pagination}
  610. <div id="pagination">
  611. {block:NextPage}
  612. <a id="nextPage" href="{NextPage}"></a>
  613. {/block:NextPage}
  614. {block:PreviousPage}
  615. <a href="{PreviousPage}"></a>
  616. {/block:PreviousPage}
  617. </div>
  618. {/block:Pagination}
  619. {/block:IndexPage}
  620. </div>
  621.  
  622. </body>
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629. <SCRIPT type="text/javascript">
  630.  
  631. // Set the number of snowflakes (more than 30 - 40 not recommended)
  632. var snowmax=30
  633.  
  634. // Set the colors for the snow. Add as many colors as you like
  635. var snowcolor=new Array("#ffffff","#f77b94","#f39aab","#cccccc","#9b9b9b")
  636.  
  637. // Set the fonts, that create the snowflakes. Add as many fonts as you like
  638. var snowtype=new Array("Times")
  639.  
  640. // Set the letter that creates your snowflake (recommended: * )
  641. var snowletter="♥"
  642.  
  643. // Set the speed of sinking (recommended values range from 0.3 to 2)
  644. var sinkspeed=0.3
  645.  
  646. // Set the maximum-size of your snowflakes
  647. var snowmaxsize=20
  648.  
  649. // Set the minimal-size of your snowflakes
  650. var snowminsize=8
  651.  
  652. // Set the snowing-zone
  653. // Set 1 for all-over-snowing, set 2 for left-side-snowing
  654. // Set 3 for center-snowing, set 4 for right-side-snowing
  655. var snowingzone=1
  656.  
  657. ///////////////////////////////////////////////////////////////////////////
  658. // CONFIGURATION ENDS HERE
  659. ///////////////////////////////////////////////////////////////////////////
  660.  
  661.  
  662. // Do not edit below this line
  663. var snow=new Array()
  664. var marginbottom
  665. var marginright
  666. var timer
  667. var i_snow=0
  668. var x_mv=new Array();
  669. var crds=new Array();
  670. var lftrght=new Array();
  671. var browserinfos=navigator.userAgent
  672. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  673. var ns6=document.getElementById&&!document.all
  674. var opera=browserinfos.match(/Opera/)
  675. var browserok=ie5||ns6||opera
  676.  
  677. function randommaker(range) {
  678. rand=Math.floor(range*Math.random())
  679. return rand
  680. }
  681.  
  682. function initsnow() {
  683. if (ie5 || opera) {
  684. marginbottom = document.body.scrollHeight
  685. marginright = document.body.clientWidth-15
  686. }
  687. else if (ns6) {
  688. marginbottom = document.body.scrollHeight
  689. marginright = window.innerWidth-15
  690. }
  691. var snowsizerange=snowmaxsize-snowminsize
  692. for (i=0;i<=snowmax;i++) {
  693. crds[i] = 0;
  694. lftrght[i] = Math.random()*15;
  695. x_mv[i] = 0.03 + Math.random()/10;
  696. snow[i]=document.getElementById("s"+i)
  697. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  698. snow[i].size=randommaker(snowsizerange)+snowminsize
  699. snow[i].style.fontSize=snow[i].size+'px';
  700. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  701. snow[i].style.zIndex=1000
  702. snow[i].sink=sinkspeed*snow[i].size/5
  703. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  704. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  705. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  706. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  707. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  708. snow[i].style.left=snow[i].posx+'px';
  709. snow[i].style.top=snow[i].posy+'px';
  710. }
  711. movesnow()
  712. }
  713.  
  714. function movesnow() {
  715. for (i=0;i<=snowmax;i++) {
  716. crds[i] += x_mv[i];
  717. snow[i].posy+=snow[i].sink
  718. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  719. snow[i].style.top=snow[i].posy+'px';
  720.  
  721. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  722. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  723. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  724. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  725. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  726. snow[i].posy=0
  727. }
  728. }
  729. var timer=setTimeout("movesnow()",50)
  730. }
  731.  
  732. for (i=0;i<=snowmax;i++) {
  733. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  734. }
  735. if (browserok) {
  736. window.onload=initsnow
  737. }
  738.  
  739.  
  740.  
  741.  
  742.  
  743.  
  744. </SCRIPT>
  745.  
  746.  
  747. <script type="text/javascript"><!—
  748. google_ad_client = “ca-pub-6062392187311648";
  749. /* yoooooooooooooooooooooooooo */
  750. google_ad_slot = “9587459812";
  751. google_ad_width = 200;
  752. google_ad_height = 200;
  753. //—>
  754. </script>
  755. <script type="text/javascript"
  756. src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  757. </script>
  758.  
  759.  
  760. </div>
  761.  
  762.  
  763.  
  764. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement