phpBB2/templates/christmas2/overall_header.tpl

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">\r
   2 <html dir="{S_CONTENT_DIRECTION}">\r
   3 <head>\r
   4 <meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">\r
   5 <meta http-equiv="Content-Style-Type" content="text/css">\r
   6 {META}\r
   7 {NAV_LINKS}\r
   8 <title>{SITENAME} :: {PAGE_TITLE}</title>\r
   9 <link rel="stylesheet" href="templates/christmas2/{T_HEAD_STYLESHEET}" type="text/css">\r
  10 <link rel="stylesheet" href="/styles/header.css" type="text/css" />\r
  11 <link rel="stylesheet" href="/styles/main.css" type="text/css" />\r
  12 <!-- BEGIN switch_enable_pm_popup -->\r
  13 <script language="Javascript" type="text/javascript">\r
  14 <!--\r
  15         if ( {PRIVATE_MESSAGE_NEW_FLAG} )\r
  16         {\r
  17                 window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;\r
  18         }\r
  19 //-->\r
  20 </script>\r
  21 <!-- END switch_enable_pm_popup -->\r
  22 </head>\r
  23 <body>\r
  24 <script language="JavaScript1.2">\r
  25 \r
  26 /******************************************\r
  27 * Snow Effect Script- By Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)\r
  28 * Visit Dynamic Drive (http://www.dynamicdrive.com/) for full source code\r
  29 * Modified Dec 31st, 02' by DD. This notice must stay intact for use\r
  30 ******************************************/\r
  31   \r
  32 \r
  33   //Configure below to change URL path to the snow image\r
  34   var snowsrc="templates/christmas2/images/snow.gif"\r
  35   // Configure below to change number of snow to render\r
  36   var no = 10;\r
  37 \r
  38   var ns4up = (document.layers) ? 1 : 0;  // browser sniffer\r
  39   var ie4up = (document.all) ? 1 : 0;\r
  40   var ns6up = (document.getElementById&&!document.all) ? 1 : 0;\r
  41 \r
  42   var dx, xp, yp;    // coordinate and position variables\r
  43   var am, stx, sty;  // amplitude and step variables\r
  44   var i, doc_width = 800, doc_height = 600;\r
  45   \r
  46   if (ns4up||ns6up) {\r
  47     doc_width = self.innerWidth;\r
  48     doc_height = self.innerHeight;\r
  49   } else if (ie4up) {\r
  50     doc_width = document.body.clientWidth;\r
  51     doc_height = document.body.clientHeight;\r
  52   }\r
  53 \r
  54   dx = new Array();\r
  55   xp = new Array();\r
  56   yp = new Array();\r
  57   am = new Array();\r
  58   stx = new Array();\r
  59   sty = new Array();\r
  60   \r
  61   for (i = 0; i < no; ++ i) {  \r
  62     dx[i] = 0;                        // set coordinate variables\r
  63     xp[i] = Math.random()*(doc_width-50);  // set position variables\r
  64     yp[i] = Math.random()*doc_height;\r
  65     am[i] = Math.random()*20;         // set amplitude variables\r
  66     stx[i] = 0.02 + Math.random()/10; // set step variables\r
  67     sty[i] = 0.7 + Math.random();     // set step variables\r
  68     if (ns4up) {                      // set layers\r
  69       if (i == 0) {\r
  70         document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/layer>");\r
  71       } else {\r
  72         document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");\r
  73       }\r
  74     } else if (ie4up||ns6up) {\r
  75       if (i == 0) {\r
  76         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");\r
  77       } else {\r
  78         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");\r
  79       }\r
  80     }\r
  81   }\r
  82   \r
  83   function snowNS() {  // Netscape main animation function\r
  84     for (i = 0; i < no; ++ i) {  // iterate for every dot\r
  85       yp[i] += sty[i];\r
  86       if (yp[i] > doc_height-50) {\r
  87         xp[i] = Math.random()*(doc_width-am[i]-30);\r
  88         yp[i] = 0;\r
  89         stx[i] = 0.02 + Math.random()/10;\r
  90         sty[i] = 0.7 + Math.random();\r
  91         doc_width = self.innerWidth;\r
  92         doc_height = self.innerHeight;\r
  93       }\r
  94       dx[i] += stx[i];\r
  95       document.layers["dot"+i].top = yp[i];\r
  96       document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);\r
  97     }\r
  98     setTimeout("snowNS()", 10);\r
  99   }\r
 100 \r
 101   function snowIE_NS6() {  // IE and NS6 main animation function\r
 102     for (i = 0; i < no; ++ i) {  // iterate for every dot\r
 103       yp[i] += sty[i];\r
 104       if (yp[i] > doc_height-50) {\r
 105         xp[i] = Math.random()*(doc_width-am[i]-30);\r
 106         yp[i] = 0;\r
 107         stx[i] = 0.02 + Math.random()/10;\r
 108         sty[i] = 0.7 + Math.random();\r
 109         doc_width = ns6up?window.innerWidth : document.body.clientWidth;\r
 110         doc_height = ns6up?window.innerHeight : document.body.clientHeight;\r
 111       }\r
 112       dx[i] += stx[i];\r
 113       if (ie4up){\r
 114       document.all["dot"+i].style.pixelTop = yp[i];\r
 115       document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);\r
 116       }\r
 117       else if (ns6up){\r
 118       document.getElementById("dot"+i).style.top=yp[i];\r
 119       document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);\r
 120       }   \r
 121     }\r
 122     setTimeout("snowIE_NS6()", 10);\r
 123   }\r
 124 \r
 125   if (ns4up) {\r
 126     snowNS();\r
 127   } else if (ie4up||ns6up) {\r
 128     snowIE_NS6();\r
 129   }\r
 130 \r
 131 </script>\r
 132 <a name="top"></a>\r
 133 <!-- INCLUDE ../../../header.shtml -->\r
 134 \r
 135 <table width="97%" cellspacing="0" cellpadding="10" border="0" align="center"> \r
 136         <tr> \r
 137                 <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">\r
 138                         <tr> \r
 139                                 <td><a href="{U_INDEX}"><img src="templates/christmas2/images/stocking.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>\r
 140                                 <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> \r
 141                                 <table cellspacing="0" cellpadding="2" border="0">\r
 142                                         <tr> \r
 143                                                 <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/christmas2/images/icon_mini.gif" align="absmiddle" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/christmas2/images/icon_mini.gif" align="absmiddle" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/christmas2/images/icon_mini.gif" align="absmiddle" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/christmas2/images/icon_mini.gif" align="absmiddle" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; \r
 144                                                 <!-- BEGIN switch_user_logged_out -->\r
 145                                                 &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/christmas2/images/icon_mini.gif" align="absmiddle" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;\r
 146                                                 <!-- END switch_user_logged_out -->\r
 147                                                 </td>\r
 148                                         </tr>\r
 149                                         <tr>\r
 150                                                 <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/christmas2/images/icon_mini.gif" align="absmiddle" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/christmas2/images/icon_mini.gif" align="absmiddle" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/christmas2/images/icon_mini.gif" align="absmiddle" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>                             </table>\r
 151         </td>\r
 152                         </tr>\r
 153                 </table>\r
 154 \r
 155                 <br />\r