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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>

  3. <head>

  4. 	<!-- BEGIN meta_emulate_ie7 -->

  5. 	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

  6. 	<!-- END meta_emulate_ie7 -->

  7. 	<title>{SITENAME_TITLE}{PAGE_TITLE}</title>

  8. 	<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />

  9. 	<meta http-equiv="content-script-type" content="text/javascript" />

  10. 	<meta http-equiv="content-style-type" content="text/css" />

  11. 	{META_FAVICO}

  12. 	{META}

  13. 	{META_FB_LIKE}

  14. 	<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />

  15. 	{T_HEAD_STYLESHEET}

  16. 	{CSS}

  17. 	<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />

  18. 	<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />

  19. 	<script src="{JQUERY_PATH}" type="text/javascript"></script>

  20. 	<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  21. 

  22. 	<!-- BEGIN switch_fb_login -->

  23. 	<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>

  24. 	<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>

  25. 	<!-- END switch_fb_login -->

  26. 

  27. 	<!-- BEGIN switch_ticker -->

  28. 	<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />

  29. 	<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>

  30. 	<!-- END switch_ticker -->

  31. 

  32. 	<!-- BEGIN switch_ticker_new -->

  33. 	<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>

  34. 	<script type="text/javascript">//<![CDATA[

  35. 	/* Definir le sens de direction en fonction du panneau admin */

  36. 	var tickerDirParam = "{switch_ticker.DIRECTION}";

  37. 	var slid_vert = false;

  38. 	var auto_dir  = 'next';

  39. 	var h_perso = parseInt({switch_ticker.HEIGHT});

  40. 

  41. 	switch( tickerDirParam )

  42. 	{

  43. 		case 'top' :

  44. 			slid_vert = true;

  45. 			break;

  46. 

  47. 		case 'left':

  48. 			break;

  49. 

  50. 		case 'bottom':

  51. 			slid_vert = true;

  52. 			auto_dir  = 'prev';

  53. 			break;

  54. 

  55. 		case 'right':

  56. 			auto_dir  = 'prev';

  57. 			break;

  58. 

  59. 		default:

  60. 			slid_vert = true;

  61. 	}

  62. 

  63. 	$(document).ready(function() {

  64. 		var w_cont = $('#fa_ticker_container').width();

  65. 

  66. 		if (w_cont > 0)

  67. 		{

  68. 			$('#fa_ticker_container').width(w_cont);

  69. 

  70. 			/* Affichage de la liste */

  71. 			$('#fa_ticker_content').css('display','block');

  72. 

  73. 			/* Calcul des dimensions du conteneur et des &#65533;l&#65533;ments */

  74. 			var width_max  = $('ul#fa_ticker_content').width();

  75. 			var width_item = Math.floor(width_max / {switch_ticker.SIZE});

  76. 			var height_max = h_perso;

  77. 

  78. 			/* Calcul de la hauteur maximale du contenur en fonction des &#65533;l&#65533;ments et de la hauteur personnalis&#65533;e dans l'admin */

  79. 			$('ul#fa_ticker_content li').each( function () {

  80. 				if ($(this).height() > height_max)

  81. 				{

  82. 					height_max = $(this).height();

  83. 				}

  84. 			} );

  85. 

  86. 			/* Redimensionnement des &#65533;l&#65533;ments et des images trop larges */

  87. 			$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {

  88. 				if ($(this).width() > width_item)

  89. 				{

  90. 				var ratio      = $(this).width() / width_item;

  91. 				var new_height = Math.round($(this).height() / ratio);

  92. 				$(this).height(new_height).width(width_item);

  93. 				}

  94. 			});

  95. 

  96. 			/* Redimensionnement et centrage du conteneur en mode vertical */

  97. 			if (slid_vert)

  98. 			{

  99. 				$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');

  100. 			}

  101. 

  102. 			/* Initialisation du caroussel */

  103. 			$('#fa_ticker_content').jcarousel({

  104. 			   	vertical: slid_vert,

  105. 				wrap: 'circular',

  106. 		    	auto: {switch_ticker.STOP_TIME},

  107. 		    	auto_direction: auto_dir,

  108. 		        scroll: 1,

  109. 		        size: {switch_ticker.SIZE},

  110. 		        height_max: height_max,

  111. 		        animation: {switch_ticker.SPEED}

  112. 		    });

  113. 	    }

  114. 	    else

  115. 	    {

  116. 	    	$('ul#fa_ticker_content li:not(:first)').css('display','none');

  117. 	    	$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');

  118. 	    }

  119. 	});

  120. 	//]]>

  121. 	</script>

  122. 	<!-- END switch_ticker_new -->

  123. 

  124. 	<script type="text/javascript">//<![CDATA[

  125. 	$(document).ready(function(){

  126. 		<!-- BEGIN switch_enable_pm_popup -->

  127. 			pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');

  128. 			pm.focus();

  129. 		<!-- END switch_enable_pm_popup -->

  130. 		<!-- BEGIN switch_report_popup -->

  131. 			report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');

  132. 			report.focus();

  133. 		<!-- END switch_report_popup -->

  134. 		<!-- BEGIN switch_ticker -->

  135. 			ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});

  136. 		<!-- END switch_ticker -->

  137. 	});

  138. 

  139. 	<!-- BEGIN switch_login_popup -->

  140. 		var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;

  141. 	<!-- END switch_login_popup -->

  142. 

  143. 	<!-- BEGIN switch_login_popup -->

  144. 	$(document).ready( function() {

  145. 		$(window).resize(function() {

  146. 			var windowWidth = document.documentElement.clientWidth;

  147.     		var popupWidth = $("#login_popup").width();

  148.     		var mypopup = $("#login_popup");

  149. 

  150.     		$("#login_popup").css({

  151.         		"left": windowWidth/2 - popupWidth/2

  152.    			});

  153. 		});

  154. 	});

  155. 	<!-- END switch_login_popup -->

  156. 	//]]>

  157. 	</script>

  158. 	{GREETING_POPUP}

  159. 	<!-- BEGIN switch_ticker_new -->

  160. 	<style>

  161. 	.jcarousel-skin-tango .jcarousel-item {

  162. 	    text-align:center;

  163. 	    width: 10px;

  164. 	}

  165. 

  166. 	.jcarousel-skin-tango .jcarousel-item-horizontal {

  167. 	    margin-right: {switch_ticker.SPACING}px;

  168. 	}

  169. 

  170. 	.jcarousel-skin-tango .jcarousel-item-vertical {

  171. 	    margin-bottom: {switch_ticker.SPACING}px;

  172. 	}

  173. 	</style>

  174. 	<!-- END switch_ticker_new -->

  175. 

  176. 	<!-- BEGIN google_analytics_code -->

  177. 	<script type="text/javascript">

  178. 	//<![CDATA[

  179.   	var _gaq = _gaq || [];

  180.   	_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);

  181.   	_gaq.push(['_trackPageview']);

  182. 

  183.   	(function() {

  184.     	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

  185.     	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

  186.     	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

  187.   	})();

  188. 	//]]>

  189. 	</script>

  190. 	<!-- END google_analytics_code -->

  191. </head>

  192. <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

  193. 	<!-- BEGIN hitskin_preview -->

  194. 	<div id="hitskin_preview" style="display: block;">

  195. 		<h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>

  196. 		<div class="content">

  197. 			<p>

  198. 				{hitskin_preview.L_THEME_SITE_PREVIEW}

  199. 				<br />

  200. 				<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>

  201. 			</p>

  202. 		</div>

  203. 	</div>

  204. 	<!-- END hitskin_preview -->

  205. 

  206. 	<!-- BEGIN switch_login_popup -->

  207. 	<div id="login_popup">

  208. 		<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">

  209. 			<tr height="25">

  210. 				<td class="catLeft">

  211. 					<span class="genmed module-title">{SITENAME}</span>

  212. 				</td>

  213. 			</tr>

  214. 			<tr height="{LOGIN_POPUP_MSG_HEIGHT}">

  215. 				<td class="row1" align="left" valign="top">

  216. 					<div id="login_popup_buttons">

  217. 						<form action="{S_LOGIN_ACTION}" method="get">

  218. 							<input type="submit" class="mainoption" value="{L_LOGIN}" />

  219. 							<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />

  220. 							<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />

  221. 						</form>

  222. 					</div>

  223. 					<span class="genmed">{LOGIN_POPUP_MSG}</span>

  224. 				</td>

  225. 			</tr>

  226. 		</table>

  227. 	</div>

  228. 	<!-- END switch_login_popup -->

  229. 

  230. 	<a name="top"></a>

  231. 

  232. 	{JAVASCRIPT}

  233. 

  234. <title>eXtremepixels demo and customers forum - vBulletin skins / IPB skins and phpBB skins</title>

  235. </head>

  236. <body>

  237. <!-- set below for skin width-->

  238. <table width="780" border="0" align="center" cellpadding="0" cellspacing="0">

  239. <tr>

  240. 

  241. <td width="100%" align="left" valign="top">

  242. <!-- begin enlighten header / logo is controlled via #logo in main CSS file -->

  243. <div id="hdr"><div id="hdr_rs"></div><div id="logo"></div></div>

  244. <div id="brd_outer">

  245. <div id="brd_in">

  246. 

  247. <!-- nav buttons bar -->

  248. <div align="center">

  249. <div id="nav_back">

  250. 	<table cellpadding="0" cellspacing="0" border="0" width="50%" align="center">

  251. 	<tr>

  252. 			<td><img src="http://www.extremepixels.com/forum/enlighten/misc/nav_div.gif" alt="" /></td>

  253. 

  254. 	<td class="h_nav"><a href="/forum.htm">Home</a></td>	

  255. 		

  256. 		

  257. 								<td><img src="http://www.extremepixels.com/forum/enlighten/misc/nav_div.gif" alt="" /></td>

  258. 

  259. 			<td class="h_nav"><a href="profile.forum?mode=register" rel="nofollow">Register</a></td>

  260. 					<td><img src="http://www.extremepixels.com/forum/enlighten/misc/nav_div.gif" alt="" /></td>

  261. 

  262. 		

  263. 		

  264. 		

  265. <!-- Load Blog Link-->

  266. 

  267. <td class="h_nav" id="vbbloglinks"><a href="blog.php">Blogs</a> <script type="text/javascript">vbmenu_register("vbbloglinks"); </script></td>

  268. <td><img src="http://www.extremepixels.com/forum/enlighten/misc/nav_div.gif" alt="" /></td>

  269. 

  270. <!-- End Blog Link-->

  271. 

  272. 				

  273. <td class="h_nav"><a href="faq.forum" accesskey="5">FAQ</a></td>

  274. <td><img src="http://www.extremepixels.com/forum/enlighten/misc/nav_div.gif" alt="" /></td>

  275. 				

  276. 

  277. <td  id="community" class="h_nav">

  278. <a href="/forum/index.htm?styleid=79&amp;nojs=1#community" rel="nofollow" accesskey="6">Community</a>

  279. <script type="text/javascript"> vbmenu_register("community"); </script></td>

  280. <td><img src="http://www.extremepixels.com/forum/enlighten/misc/nav_div.gif" alt="" /></td>

  281. 

  282. 		

  283. <td class="h_nav"><a href="calendar.forum">Calendar</a></td>

  284. <td><img src="http://www.extremepixels.com/forum/enlighten/misc/nav_div.gif" alt="" /></td>

  285. 

  286. 

  287. <td class="h_nav"><a href="http://ripskin.forummotion.com/search.forum?search_id=activetopics" accesskey="2">Today's Posts</a></td>

  288. <td><img src="http://www.extremepixels.com/forum/enlighten/misc/nav_div.gif" alt="" /></td>

  289. 

  290. 				

  291. <td id="navbar_search" class="h_nav"><a href="search.forum" accesskey="4" rel="nofollow">Search</a></td>

  292. <td><img src="http://www.extremepixels.com/forum/enlighten/misc/nav_div.gif" alt="" /></td>

  293. 		

  294. </tr>

  295. </table>

  296. </div>

  297. <!-- / nav buttons bar -->

  298. </div>

  299. <div id="nav_btm"></div>

  300. 

  301. <!-- content table -->

  302. <table bgcolor="#ebebe2" width="100%" cellpadding="0" cellspacing="0" border="0">

  303. <tr>

  304. <td>

  305. 

  306. <!-- open content container -->

  307. 

  308. <div align="center">

  309. <div class="page" style="width:100%; text-align:left">

  310. <div style="padding:0px 25px 0px 25px" align="left">

  311. 

  312. <div class="vbmenu_popup" id="vbbloglinks_menu" style="display:none;margin-top:3px" align="left">

  313. 	

  314. <table cellpadding="4" cellspacing="1" border="0">

  315. <tr>

  316. <td class="thead"><a href="blog.php">Blogs</a></td>

  317. </tr>

  318. 	

  319. <tr>

  320. 

  321. <td class="vbmenu_option"><a href="blog.php?do=list">Recent Entries</a></td>

  322. </tr>

  323. <tr>

  324. 		

  325. <td class="vbmenu_option"><a href="blog.php?do=list&blogtype=best">Best Entries</a></td>

  326. </tr>

  327. <tr>

  328. 		<td class="vbmenu_option"><a href="blog.php?do=bloglist&blogtype=best">Best Blogs</a></td>

  329. 

  330. 	</tr>

  331. 	<tr>

  332. 		<td class="vbmenu_option"><a href="blog.php?do=bloglist">Blog List</a></td>

  333. 	</tr>

  334. 	

  335. 	<tr>

  336. 		<td class="vbmenu_option"><a href="blog_search.php?do=search">Search Blogs</a></td>

  337. 	</tr>

  338. 	

  339. 	</table>

  340. 

  341. </div>

  342. <br />

  343. 

  344. <!-- breadcrumb, login, pm info -->

  345. 

  346. <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">

  347. <tr>

  348. <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

  349. </tr>

  350. </table>

  351. 

  352. <BR>

  353. 

  354. 

  355. <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

  356. <tr>

  357. 

  358. <td class="alt1" width="100%">

  359. <div class="navbar" style="font-size:10pt"><a href="/forum.htm" accesskey="1"><img class="inlineimg" src="http://www.extremepixels.com/forum/enlighten/misc/navbits_start.gif" alt="" border="0" /></a> <strong>eXtremepixels demo and customers forum</strong></div>

  360. </td>	

  361. 

  362. <td class="alt2" nowrap="nowrap" style="padding:0px">

  363. 

  364. <!-- BEGIN switch_user_logged_out --> 

  365. 

  366. <!-- login form -->

  367. <form action="{S_LOGIN_ACTION}" method="post"  name="form_login">

  368. <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=384"></script>

  369.       

  370. 

  371. <table border="0" cellpadding="0" cellspacing="3">

  372. <TBODY>

  373. <tr>

  374. 

  375. <td class="smallfont" style="white-space: nowrap;">

  376. <label for="navbar_username">User Name</label></td>

  377. 

  378. <td><input type="text" class="bginput" style="font-size: 11px"

  379. name="username" id="username" size="15" accesskey="u" tabindex="101"

  380. value="User Name" onfocus="if (this.value == 'User Name') this.value = '';" />

  381. </td>

  382. 

  383.       

  384. <td class="smallfont" nowrap="nowrap"><label for="autologin">

  385. <input type="checkbox" name="cookieuser" value="1"

  386. tabindex="103" id="autologin" accesskey="c" />Remember me?</label>

  387. </td>

  388.       

  389. </tr>

  390.       

  391. <tr>

  392. <td class="smallfont"><label for="password">Password</label>

  393. </td>         

  394. 

  395. <td><input type="password" class="bginput" style="font-size: 11px;"

  396. name="password" id="password" size="15" tabindex="102"

  397. </td>

  398.          

  399. <td><input class="button" value="Log In" tabindex="104"

  400. title="Enter your username and password in the boxes provided to login,

  401. or click the 'register' button to create a profile for yourself." accesskey="s"

  402. type="submit" name="login" value="{L_LOGIN}">

  403. </td>

  404. </tr>

  405. 

  406. </tbody>

  407.       

  408. </table>

  409.       

  410. <input type="hidden" name="s" value="" />

  411. <input type="hidden" name="securitytoken" value="guest" />      

  412. <input type="hidden" name="do" value="login" />

  413. <input type="hidden" name="vb_login_md5password" />

  414. <input type="hidden" name="vb_login_md5password_utf" />

  415. <!-- END switch_user_logged_out -->

  416. 

  417. 

  418. <!-- BEGIN switch_user_logged_in -->

  419. <span class="gensmall">

  420. <span class="username">{USERNAME} Welcome </span><br />

  421. <span class="gensmall">{LAST_VISIT_DATE} <br />{CURRENT_TIME}<br />

  422. <!-- END switch_user_logged_in -->   

  423. </form>

  424. 		

  425. <!-- / login form -->

  426. 	

  427. </td>

  428. </tr>

  429. </table>

  430. <!-- / breadcrumb, login, pm info -->

  431. 

  432. 

  433. 

  434. <!-- nav buttons bar -->

  435. 

  436. <!-- / nav buttons bar -->

  437. 

  438. <br />

  439. 

  440. 

  441. <form action="profile.php?do=dismissnotice" method="post" id="notices">

  442. <input type="hidden" name="do" value="dismissnotice" />

  443. <input type="hidden" name="securitytoken" value="guest" />

  444. <input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />

  445. <input type="hidden" name="url" value="/forum/index.php?styleid=79" />

  446. 	

  447. <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

  448. <tr>

  449. <td class="thead">Notices</td>

  450. </tr>

  451. 	

  452. <tr>

  453. <td class="alt1">

  454. <div class="navbar_notice" id="navbar_notice_2">

  455. <strong>15% discount for customers renewing their skins!</strong>. Please see this <a href="http://www.extremepixels.com/forum/index.php?styleid=79"> thread</a> for details.</div>

  456. </td>

  457. </tr>

  458. </table>

  459. <br />

  460. </form>

  461. 

  462. 

  463. <!-- NAVBAR POPUP MENUS -->

  464. 

  465. 	

  466. <!-- community link menu -->

  467. <div class="vbmenu_popup" id="community_menu" style="display:none;margin-top:3px" align="left">

  468. 		

  469. <table cellpadding="4" cellspacing="1" border="0">

  470. 		

  471. <tr>

  472. <td class="thead">Community Links</td>

  473. </tr>

  474. 		

  475. <tr>

  476. <td class="vbmenu_option">

  477. <a href="/groupcp.forum">Groups</a></td>

  478. </tr>

  479. 		

  480. 		

  481. <tr>

  482. <td class="vbmenu_option">

  483. <a href="/gallery/index.htm">Pictures &amp; Albums </a></td>

  484. </tr>

  485. 

  486. 		

  487. <tr>

  488. <td class="vbmenu_option">

  489. <a href="memberlist.forum">Members List</a>

  490. </td>

  491. </tr>

  492. 		

  493. </table>

  494. </div>

  495. <!-- / community link menu -->

  496. 	

  497. <!-- / NAVBAR POPUP MENUS -->

  498. 

  499. <!-- PAGENAV POPUP -->

  500. <div class="vbmenu_popup" id="pagenav_menu" style="display:none">

  501. <table cellpadding="4" cellspacing="1" border="0">

  502. 		

  503. <tr>

  504. <td class="thead" nowrap="nowrap">Go to page...</td>

  505. </tr>

  506. 

  507. <tr>

  508. <td class="vbmenu_option" title="nohilite">

  509. <form action="/index.htm" method="get" onsubmit="return this.gotopage()" id="pagenav_form">

  510. <input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />

  511. <input type="button" class="button" id="pagenav_ibtn" value="Go" />

  512. </form>

  513. </td>

  514. </tr>

  515. </table>

  516. </div>

  517. <!-- / PAGENAV POPUP -->

  518. 

  519. 

  520. 

  521. 

  522. <!-- guest welcome message -->

  523. 

  524. <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

  525. <tr>

  526. <td class="tcat">Welcome to the eXtremepixels demo and customers forum.</td>

  527. </tr>

  528. <tr>

  529. <td class="alt1">

  530. If this is your first visit, be sure to check out the <a href="faq.forum"><strong>FAQ</strong></a> by clicking the link above.

  531. You may have to <a href="profile.forum?mode=register" rel="nofollow"><strong>register</strong></a> before you can post: click the register link above to proceed.

  532. To start viewing messages, select the forum that you want to visit from the selection below.

  533. </td>

  534. </tr>

  535. </table>

  536. 

  537. <!-- / guest welcome message -->

  538. 

  539. 

  540. <br>

  541. 

  542. 

  543. 

  544. 				<div style="clear: both;"></div>

  545. 

  546. 				<!-- BEGIN switch_ticker_new -->

  547. 				<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">

  548. 					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">

  549. 						<tr>

  550. 							<td {CLASS_TABLE_TYPE} align="left" class="row1">

  551. 								<div id="fa_ticker_container">

  552. 									<ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">

  553. 										<!-- BEGIN ticker_row -->

  554. 										<li>{switch_ticker.ticker_row.ELEMENT}</li>

  555. 										<!-- END ticker_row -->

  556. 									</ul>

  557. 								</div>

  558. 							</td>

  559. 						</tr>

  560. 					</table>

  561. 				</div>

  562. 				<!-- END switch_ticker_new -->

  563. 

  564. 				<!-- BEGIN switch_ticker -->

  565. 				<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">

  566. 					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">

  567. 						<tr>

  568. 							<td {CLASS_TABLE_TYPE} align="left" class="row1">

  569. 								<div id="fa_ticker_container">

  570. 									<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">

  571. 										<div class="fa_ticker_content">

  572. 											<!-- BEGIN ticker_row -->

  573. 											<div>{switch_ticker.ticker_row.ELEMENT}</div>

  574. 											<!-- END ticker_row -->

  575. 										</div>

  576. 									</div>

  577. 								</div>

  578. 							</td>

  579. 						</tr>

  580. 					</table>

  581. 				</div>

  582. 				<!-- END switch_ticker -->

  583. 

  584. 				<div id="page-body">

  585. 					<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>

  586. 						<table cellpadding="0" cellspacing="0" width="100%" class="three-col">

  587. 							<tbody>

  588. 								<tr>

  589. 									<td valign="top" width="{C1SIZE}">

  590. 										<div id="{ID_LEFT}">

  591. 											<!-- BEGIN giefmod_index1 -->

  592. 											{giefmod_index1.MODVAR}

  593. 												<!-- BEGIN saut -->

  594. 												<div style="height:{SPACE_ROW}px"></div>

  595. 												<!-- END saut -->

  596. 											<!-- END giefmod_index1 -->

  597. 										</div>

  598. 									</td>

  599. 									<td valign="top" width="100%">

  600. <!-- BEGIN html_validation -->

  601. 									</td>

  602. 								</tr>

  603. 							</tbody>

  604. 						</table>

  605. 					</div>

  606. 				</div>

  607. 			</td>

  608. 		</tr>

  609. 	</table>

  610. </body>

  611. </html>

  612. <!-- END html_validation -->

  613. 

  614. 

  615. 

  616. <script>

  617. var pictureSrc ="http://vnvista.com/forums/jscripts/snow2.gif"; //the location of the snowflakes

  618. var pictureWidth = 10; //the width of the snowflakes

  619. var pictureHeight = 10; //the height of the snowflakes

  620. var numFlakes = 30; //the number of snowflakes

  621. var downSpeed = 0.01; //the falling speed of snowflakes (portion of screen per 100 ms)

  622. var lrFlakes = 10; //the speed that the snowflakes should swing from side to side

  623. 

  624. 

  625. if( typeof( numFlakes ) != 'number' || Math.round( numFlakes ) != numFlakes || numFlakes < 1 ) { numFlakes = 10; }

  626. 

  627. //draw the snowflakes

  628. for( var x = 0; x < numFlakes; x++ ) {

  629. if( document.layers ) { //releave NS4 bug

  630. document.write('<layer id="snFlkDiv'+x+'"><img src="'+pictureSrc+'" height="'+pictureHeight+'" width="'+pictureWidth+'" alt="*" border="0"></layer>');

  631. } else {

  632. document.write('<div style="position:absolute;" id="snFlkDiv'+x+'"><img src="'+pictureSrc+'" height="'+pictureHeight+'" width="'+pictureWidth+'" alt="*" border="0"></div>');

  633. }

  634. }

  635. 

  636. //calculate initial positions (in portions of browser window size)

  637. var xcoords = new Array(), ycoords = new Array(), snFlkTemp;

  638. for( var x = 0; x < numFlakes; x++ ) {

  639. xcoords[x] = ( x + 1 ) / ( numFlakes + 1 );

  640. do { snFlkTemp = Math.round( ( numFlakes - 1 ) * Math.random() );

  641. } while( typeof( ycoords[snFlkTemp] ) == 'number' );

  642. ycoords[snFlkTemp] = x / numFlakes;

  643. }

  644. 

  645. //now animate

  646. function flakeFall() {

  647. if( !getRefToDivNest('snFlkDiv0') ) { return; }

  648. var scrWidth = 0, scrHeight = 0, scrollHeight = 0, scrollWidth = 0;

  649. //find screen settings for all variations. doing this every time allows for resizing and scrolling

  650. if( typeof( window.innerWidth ) == 'number' ) { scrWidth = window.innerWidth; scrHeight = window.innerHeight; } else {

  651. if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {

  652. scrWidth = document.documentElement.clientWidth; scrHeight = document.documentElement.clientHeight; } else {

  653. if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {

  654. scrWidth = document.body.clientWidth; scrHeight = document.body.clientHeight; } } }

  655. if( typeof( window.pageYOffset ) == 'number' ) { scrollHeight = pageYOffset; scrollWidth = pageXOffset; } else {

  656. if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { scrollHeight = document.body.scrollTop; scrollWidth = document.body.scrollLeft; } else {

  657. if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { scrollHeight = document.documentElement.scrollTop; scrollWidth = document.documentElement.scrollLeft; } }

  658. }

  659. //move the snowflakes to their new position

  660. for( var x = 0; x < numFlakes; x++ ) {

  661. if( ycoords[x] * scrHeight > scrHeight - pictureHeight ) { ycoords[x] = 0; }

  662. var divRef = getRefToDivNest('snFlkDiv'+x); if( !divRef ) { return; }

  663. if( divRef.style ) { divRef = divRef.style; } var oPix = document.childNodes ? 'px' : 0;

  664. divRef.top = ( Math.round( ycoords[x] * scrHeight ) + scrollHeight ) + oPix;

  665. divRef.left = ( Math.round( ( ( xcoords[x] * scrWidth ) - ( pictureWidth / 2 ) ) + ( ( scrWidth / ( ( numFlakes + 1 ) * 4 ) ) * ( Math.sin( lrFlakes * ycoords[x] ) - Math.sin( 3 * lrFlakes * ycoords[x] ) ) ) ) + scrollWidth ) + oPix;

  666. ycoords[x] += downSpeed;

  667. }

  668. }

  669. 

  670. //DHTML handlers

  671. function getRefToDivNest(divName) {

  672. if( document.layers ) { return document.layers[divName]; } //NS4

  673. if( document[divName] ) { return document[divName]; } //NS4 also

  674. if( document.getElementById ) { return document.getElementById(divName); } //DOM (IE5+, NS6+, Mozilla0.9+, Opera)

  675. if( document.all ) { return document.all[divName]; } //Proprietary DOM - IE4

  676. return false;

  677. }

  678. 

  679. window.setInterval('flakeFall();',100);</script>

  680. 

  681. 

  682. <style>

  683. a{text-decoration:none}

  684. </style>