Anmelden
Problem beim einbinden vom Countdown
Guten Tag, wollte gerne in meiner hp unter dem Header einen Countdown einbinden, was mir aber nicht so gelingt.
das Hier ist der Code vom Countdown:
Hier klicken für weitere Informationen
und das die (site) aus dem Adminbereich Design/Vorlagen:
Hier klicken für weitere Informationen
Ich will den Countdown dort hin haben:
Die Image datei wo er hin soll heißt im code login_bg.jpg
Meine Frage nun, wo in diesem code soll ich den countdown einfügen?
wenn ich es so mache:
Hier klicken für weitere Informationen
so ist der countdown dann in der mitte, nur sind dann links und rechts an der seite der HP so weiße streifen auf höhe des countdowns
könnt ihr mir da weiterhelfen?
das Hier ist der Code vom Countdown:
Hier klicken für weitere Informationen
|
|
HTML |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 |
<html> <head> <title>Datum-Countdown mit JavaScript</title> <script language="JavaScript"> // Ziel-Datum in MEZ var jahr=2222, monat=2, tag=22, stunde=22, minute=22, sekunde=22; var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde); function countdown() { startDatum=new Date(); // Aktuelles Datum // Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist if(startDatum<zielDatum) { var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0; // Jahre while(startDatum<zielDatum) { jahre++; startDatum.setFullYear(startDatum.getFullYear()+1); } startDatum.setFullYear(startDatum.getFullYear()-1); jahre--; // Monate while(startDatum<zielDatum) { monate++; startDatum.setMonth(startDatum.getMonth()+1); } startDatum.setMonth(startDatum.getMonth()-1); monate--; // Tage while(startDatum.getTime()+(24*60*60*1000)<zielDatum) { tage++; startDatum.setTime(startDatum.getTime()+(24*60*60*1000)); } // Stunden stunden=Math.floor((zielDatum-startDatum)/(60*60*1000)); startDatum.setTime(startDatum.getTime()+stunden*60*60*1000); // Minuten minuten=Math.floor((zielDatum-startDatum)/(60*1000)); startDatum.setTime(startDatum.getTime()+minuten*60*1000); // Sekunden sekunden=Math.floor((zielDatum-startDatum)/1000); // Anzeige formatieren (jahre!=1)?jahre=jahre+" Jahre, ":jahre=jahre+" Jahr, "; (monate!=1)?monate=monate+" Monate, ":monate=monate+" Monat, "; (tage!=1)?tage=tage+" Tage, ":tage=tage+" Tag, "; (stunden!=1)?stunden=stunden+" Stunden, ":stunden=stunden+" Stunde, "; (minuten!=1)?minuten=minuten+" Minuten und ":minuten=minuten+" Minute und "; if(sekunden<10) sekunden="0"+sekunden; (sekunden!=1)?sekunden=sekunden+" Sekunden":sekunden=sekunden+" Sekunde"; document.countdownform.countdowninput.value= jahre+monate+tage+stunden+minuten+sekunden; setTimeout('countdown()',200); } // Anderenfalls alles auf Null setzen else document.countdownform.countdowninput.value= "0 Jahre, 0 Monate, 0 Tage, 0 Stunden, 0 Minuten und 00 Sekunden"; } </script> </head> <center><body onload="countdown()"> <form name="countdownform"> <p> <input size="75" name="countdowninput"> </p> </form> </body></center> </html> |
und das die (site) aus dem Adminbereich Design/Vorlagen:
Hier klicken für weitere Informationen
|
|
HTML |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=$LANG[__CHARSET__]" /> <meta http-equiv="content-language" content="$LANG[__LANGCODE__]" /> <title>$site_title</title> $site_metatags $site_design $site_header_script $site_refresh <script type="text/javascript" src="images/style/LCL_Blue_Window/header_fx.js"></script> <script type="text/javascript"> <!-- JSFX.Rollover("home", "images/style/LCL_Blue_Window/home_on.jpg"); JSFX.Rollover("board","images/style/LCL_Blue_Window/board_on.jpg"); JSFX.Rollover("news", "images/style/LCL_Blue_Window/news_on.jpg"); JSFX.Rollover("book", "images/style/LCL_Blue_Window/book_on.jpg"); JSFX.Rollover("article","images/style/LCL_Blue_Window/article_on.jpg"); JSFX.Rollover("links","images/style/LCL_Blue_Window/links_on.jpg"); //--> </script> </head> <body> <div id="pkbody"> <a id="head"></a> <div id="pkouterpage"> <div id="pkpageheader"></div> <div id="pkpagedecoration"> <div id="pkpage"> <!--############ HEADER CODE START ################--> <div id="pkbranding"> <div id="pkbrandingimage"> <div id="fsearch"> <form method="post" action="?path=search"> <input type="hidden" name="search" value="$lang_search" /> <input class="search" type="text" name="search_text" size="30" value="Inhalte durchsuchen" onblur="if(value==''){value='Inhalte durchsuchen'}" onfocus="if(value=='Inhalte durchsuchen'){value =''}" /> <input class="search" type="submit" value="Los" /> </form> <form method="post" action="?path=forumsearch"> <input type="hidden" name="search" value="$lang_search" /> <input class="search" type="text" name="search_text" size="30" value="Forum durchsuchen" onblur="if(value==''){value='Forum durchsuchen'}" onfocus="if(value=='Forum durchsuchen'){value =''}" /> <input class="search" type="submit" value="Los" /> </form> </div> <a href="$site_link_home" title="$site_name - $site_slogan"><img src="$link_brandinglogo_overlay" alt="$logo_imgalt" /></a> </div> </div> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="34"><img src="images/style/LCL_Blue_Window/header_nav_left.jpg" style="width:34px;height:41px;border:0px" alt="x" /></td> <td style="background: url(images/style/LCL_Blue_Window/home_off.jpg);width:146px;height:41px;border:0px"> <a href="?path=start" title="Zurück zur Startseite" onmouseover="JSFX.fadeIn('home')" onmouseout="JSFX.fadeOut('home')" ><img name="home" class="imgFader" src="images/style/LCL_Blue_Window/home_off.jpg" border="0" alt="x" /></a> </td> <td style="background: url(images/style/LCL_Blue_Window/board_off.jpg);width:146px;height:41px;border:0px"> <a href="?path=forumsdisplay" title="Unser Diskussions Board" onmouseover="JSFX.fadeIn('board')" onmouseout="JSFX.fadeOut('board')"><img name="board" class="imgFader" src="images/style/LCL_Blue_Window/board_off.jpg" border="0" alt="x" /></a> </td> <td style="background: url(images/style/LCL_Blue_Window/news_off.jpg);width:164px;height:41px;border:0px"> <a href="?path=news" title="Topnews unserer Seite" onmouseover="JSFX.fadeIn('news')" onmouseout="JSFX.fadeOut('news')"><img name="news" class="imgFader" src="images/style/LCL_Blue_Window/news_off.jpg" border="0" alt="x" /></a> </td> <td style="background: url(images/style/LCL_Blue_Window/book_off.jpg);width:155px;height:41px;border:0px"> <a href="?path=guestbook" title="Besuchen Sie unser Gästebuch" onmouseover="JSFX.fadeIn('book')" onmouseout="JSFX.fadeOut('book')"><img name="book" class="imgFader" src="images/style/LCL_Blue_Window/book_off.jpg" border="0" alt="x" /></a> </td> <td style="background: url(images/style/LCL_Blue_Window/article_off.jpg);width:146px;height:41px;border:0px"> <a href="?path=contentarchive&type=1" title="Artikel Übersicht" onmouseover="JSFX.fadeIn('article')" onmouseout="JSFX.fadeOut('article')"><img name="article" class="imgFader" src="images/style/LCL_Blue_Window/article_off.jpg" border="0" alt="x" /></a> </td> <td style="background: url(images/style/LCL_Blue_Window/links_off.jpg);width:147px;height:41px;border:0px"> <a href="?path=contentarchive&type=3" title="Übersicht unserer Partner" onmouseover="JSFX.fadeIn('links')" onmouseout="JSFX.fadeOut('links')"><img name="links" class="imgFader" src="images/style/LCL_Blue_Window/links_off.jpg" border="0" alt="x" /></a> </td> <td width="42"><img src="images/style/LCL_Blue_Window/header_nav_right.jpg" style="width:42px;height:41px;border:0px" alt="x" /></td> </tr> <tr> <td width="34" height="16"><img src="images/style/LCL_Blue_Window/login_left.jpg" style="width:34px;height:16px;border:0px" alt="x" /></td> <td width="904" nowrap="nowrap" height="16" colspan="6" style="background: url(images/style/LCL_Blue_Window/login_bg.jpg);"> <div id="pkcontent_sub_top"$displaycontent_sub_top>$navigation_sub_top</div> </td> <td width="42" height="16"><img src="images/style/LCL_Blue_Window/login_right.jpg" style="width:42px;height:16px;border:0px" alt="x" /></td> </tr> <tr> <td width="980" height="31" colspan="8" style="background: url(images/style/LCL_Blue_Window/header_end.jpg);"></td> </tr> </table> <!--############ HEADER CODE ENDE ################--> <a name="navigation"></a> <div id="pkcontent"> <a name="content"></a> <div id="pkbreadcrumbnavigation"$displaycontent_breadcrumb>$navigation_breadcrumb</div> <table class="pkcontent" cellspacing="0" cellpadding="0"> <tr> <td class="leftborder" width="4"> </td> <td class="pkcontent_left"$displaycontent_left width="170"> <div id="pkcontent_left">$navigation_left <div class="pkcontentclear">Â </div> </div> </td> <td width="100%" style="background-color:#627188;"> <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td width="100%"> <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td width="40"><img border="0" src="images/style/LCL_Blue_Window/content_top_left.jpg" width="40" height="35" alt="x" /></td> <td width="100%" style="background: url(images/style/LCL_Blue_Window/content_top_bg.jpg);"> <div id="pksitedate">$site_date</div> </td> <td width="40"><img border="0" src="images/style/LCL_Blue_Window/content_top_right.jpg" width="40" height="35" alt="" /></td> </tr> </table> </td> </tr> <tr> <td width="100%"> <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td style="background: url(images/style/LCL_Blue_Window/content_border_left.jpg);" width="7"></td> <td class="pkcontent_main"> <div id="pkcontent_main">$site_body <div class="pkcontentclear">Â </div> </div> </td> <td style="background: url(images/style/LCL_Blue_Window/content_border_right.jpg)" width="7"></td> </tr> </table> </td> </tr> <tr> <td width="100%"> <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td width="40"><img border="0" src="images/style/LCL_Blue_Window/content_end_left.jpg" width="40" height="21" alt="x" /></td> <td width="100%"><img src="images/style/LCL_Blue_Window/content_end_bg.jpg" alt="x" width="100%" height="21" /></td> <td width="40"><img border="0" src="images/style/LCL_Blue_Window/content_end_right.jpg" width="40" height="21" alt="x" /></td> </tr> </table> </td> </tr> </table> <!--############ CONTENT CODE ENDE ################--> </td> <td class="pkcontent_right"$displaycontent_right> <div id="pkcontent_right">$navigation_right <div class="pkcontentclear">Â </div> </div> </td> <td class="rightborder" width="4"> </td> </tr> </table> </div> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="100%" colspan="6"><img src="images/style/LCL_Blue_Window/food_head.jpg" alt="x" /></td> </tr> <tr> <td width="45"><img src="images/style/LCL_Blue_Window/food_left.jpg" height="25" width="45" alt="x" /></td> <td width="154"> <map id="FPMap0" name="FPMap0"> <area alt="LCL-ONLINE - Webhelp || Webdesign || Gaming Community" href="http://www.lcl-online.de" shape="rect" coords="5, 5, 150, 15" /> </map> <img src="images/style/LCL_Blue_Window/food_copy.jpg" style="border:0px none; " width="154" height="25" usemap="#FPMap0" alt="" /> </td> <td width="627" style="background: url(images/style/LCL_Blue_Window/food_bg.jpg);"> <div id="pksitecopyright"$displaycontent_site_copyright>$site_copyright</div> </td> <td width="64"> <map id="FPMap1" name="FPMap1"> <area alt="Kontaktieren Sie uns." href="?path=contact" shape="rect" coords="5, 5, 55, 15" /> </map> <img src="images/style/LCL_Blue_Window/contact.jpg" height="25" width="64" alt="x" usemap="#FPMap1" /> </td> <td width="45"> <map id="FPMap2" name="FPMap2"> <area alt="Impressum" href="?path=content&contentid=1" shape="rect" coords="5, 5, 40, 15" /> </map> <img src="images/style/LCL_Blue_Window/imprint.jpg" height="25" width="45" alt="x" usemap="#FPMap2" /> </td> <td width="45"><img src="images/style/LCL_Blue_Window/food_right.jpg" height="25" width="45" alt="x" /></td> </tr> </table> <div id="pkcontent_bottom"$displaycontent_bottom>$navigation_bottom</div> <div id="pkcontent_sub_bottom"$displaycontent_sub_bottom>$navigation_sub_bottom</div> </div> </div> <div id="pkpagefooter"></div> <div id="pksiteparser"><span>$lang_parsertime_stopped</span></div> <div id="pksiteadminlogin">$site_adminlogin</div> </div> <a id="foot"></a> </div> $site_closure </body> </html> |
Ich will den Countdown dort hin haben:
Die Image datei wo er hin soll heißt im code login_bg.jpg
Meine Frage nun, wo in diesem code soll ich den countdown einfügen?
wenn ich es so mache:
Hier klicken für weitere Informationen
|
|
HTML |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=$LANG[__CHARSET__]" /> <meta http-equiv="content-language" content="$LANG[__LANGCODE__]" /> <title>$site_title</title> $site_metatags $site_design $site_header_script $site_refresh <script type="text/javascript" src="images/style/LCL_Blue_Window/header_fx.js"></script> <script type="text/javascript"> <!-- JSFX.Rollover("home", "images/style/LCL_Blue_Window/home_on.jpg"); JSFX.Rollover("board","images/style/LCL_Blue_Window/board_on.jpg"); JSFX.Rollover("news", "images/style/LCL_Blue_Window/news_on.jpg"); JSFX.Rollover("book", "images/style/LCL_Blue_Window/book_on.jpg"); JSFX.Rollover("article","images/style/LCL_Blue_Window/article_on.jpg"); JSFX.Rollover("links","images/style/LCL_Blue_Window/links_on.jpg"); //--> </script> </head> <body> <div id="pkbody"> <a id="head"></a> <div id="pkouterpage"> <div id="pkpageheader"></div> <div id="pkpagedecoration"> <div id="pkpage"> <!--############ HEADER CODE START ################--> <div id="pkbranding"> <div id="pkbrandingimage"> <div id="fsearch"> <form method="post" action="?path=search"> <input type="hidden" name="search" value="$lang_search" /> <input class="search" type="text" name="search_text" size="30" value="Inhalte durchsuchen" onblur="if(value==''){value='Inhalte durchsuchen'}" onfocus="if(value=='Inhalte durchsuchen'){value =''}" /> <input class="search" type="submit" value="Los" /> </form> <form method="post" action="?path=forumsearch"> <input type="hidden" name="search" value="$lang_search" /> <input class="search" type="text" name="search_text" size="30" value="Forum durchsuchen" onblur="if(value==''){value='Forum durchsuchen'}" onfocus="if(value=='Forum durchsuchen'){value =''}" /> <input class="search" type="submit" value="Los" /> </form> </div> <a href="$site_link_home" title="$site_name - $site_slogan"><img src="$link_brandinglogo_overlay" alt="$logo_imgalt" /></a> </div> </div> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="34"><img src="images/style/LCL_Blue_Window/header_nav_left.jpg" style="width:34px;height:41px;border:0px" alt="x" /></td> <td style="background: url(images/style/LCL_Blue_Window/home_off.jpg);width:146px;height:41px;border:0px"> <a href="?path=start" title="Zurück zur Startseite" onmouseover="JSFX.fadeIn('home')" onmouseout="JSFX.fadeOut('home')" ><img name="home" class="imgFader" src="images/style/LCL_Blue_Window/home_off.jpg" border="0" alt="x" /></a> </td> <td style="background: url(images/style/LCL_Blue_Window/board_off.jpg);width:146px;height:41px;border:0px"> <a href="?path=forumsdisplay" title="Unser Diskussions Board" onmouseover="JSFX.fadeIn('board')" onmouseout="JSFX.fadeOut('board')"><img name="board" class="imgFader" src="images/style/LCL_Blue_Window/board_off.jpg" border="0" alt="x" /></a> </td> <td style="background: url(images/style/LCL_Blue_Window/news_off.jpg);width:164px;height:41px;border:0px"> <a href="?path=news" title="Topnews unserer Seite" onmouseover="JSFX.fadeIn('news')" onmouseout="JSFX.fadeOut('news')"><img name="news" class="imgFader" src="images/style/LCL_Blue_Window/news_off.jpg" border="0" alt="x" /></a> </td> <td style="background: url(images/style/LCL_Blue_Window/book_off.jpg);width:155px;height:41px;border:0px"> <a href="?path=guestbook" title="Besuchen Sie unser Gästebuch" onmouseover="JSFX.fadeIn('book')" onmouseout="JSFX.fadeOut('book')"><img name="book" class="imgFader" src="images/style/LCL_Blue_Window/book_off.jpg" border="0" alt="x" /></a> </td> <td style="background: url(images/style/LCL_Blue_Window/article_off.jpg);width:146px;height:41px;border:0px"> <a href="?path=contentarchive&type=1" title="Artikel Übersicht" onmouseover="JSFX.fadeIn('article')" onmouseout="JSFX.fadeOut('article')"><img name="article" class="imgFader" src="images/style/LCL_Blue_Window/article_off.jpg" border="0" alt="x" /></a> </td> <td style="background: url(images/style/LCL_Blue_Window/links_off.jpg);width:147px;height:41px;border:0px"> <a href="?path=contentarchive&type=3" title="Übersicht unserer Partner" onmouseover="JSFX.fadeIn('links')" onmouseout="JSFX.fadeOut('links')"><img name="links" class="imgFader" src="images/style/LCL_Blue_Window/links_off.jpg" border="0" alt="x" /></a> </td> <td width="42"><img src="images/style/LCL_Blue_Window/header_nav_right.jpg" style="width:42px;height:41px;border:0px" alt="x" /></td> </tr> <tr> <td width="34" height="16"><img src="images/style/LCL_Blue_Window/login_left.jpg" style="width:34px;height:16px;border:0px" alt="x" /></td> <td width="904" nowrap="nowrap" height="16" colspan="6" style="background: url(images/style/LCL_Blue_Window/login_bg.jpg);"><html> <head> <title>Datum-Countdown mit JavaScript</title> <script language="JavaScript"> // Ziel-Datum in MEZ var jahr=2222, monat=2, tag=22, stunde=22, minute=22, sekunde=22; var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde); function countdown() { startDatum=new Date(); // Aktuelles Datum // Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist if(startDatum<zielDatum) { var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0; // Jahre while(startDatum<zielDatum) { jahre++; startDatum.setFullYear(startDatum.getFullYear()+1); } startDatum.setFullYear(startDatum.getFullYear()-1); jahre--; // Monate while(startDatum<zielDatum) { monate++; startDatum.setMonth(startDatum.getMonth()+1); } startDatum.setMonth(startDatum.getMonth()-1); monate--; // Tage while(startDatum.getTime()+(24*60*60*1000)<zielDatum) { tage++; startDatum.setTime(startDatum.getTime()+(24*60*60*1000)); } // Stunden stunden=Math.floor((zielDatum-startDatum)/(60*60*1000)); startDatum.setTime(startDatum.getTime()+stunden*60*60*1000); // Minuten minuten=Math.floor((zielDatum-startDatum)/(60*1000)); startDatum.setTime(startDatum.getTime()+minuten*60*1000); // Sekunden sekunden=Math.floor((zielDatum-startDatum)/1000); // Anzeige formatieren (jahre!=1)?jahre=jahre+" Jahre, ":jahre=jahre+" Jahr, "; (monate!=1)?monate=monate+" Monate, ":monate=monate+" Monat, "; (tage!=1)?tage=tage+" Tage, ":tage=tage+" Tag, "; (stunden!=1)?stunden=stunden+" Stunden, ":stunden=stunden+" Stunde, "; (minuten!=1)?minuten=minuten+" Minuten und ":minuten=minuten+" Minute und "; if(sekunden<10) sekunden="0"+sekunden; (sekunden!=1)?sekunden=sekunden+" Sekunden":sekunden=sekunden+" Sekunde"; document.countdownform.countdowninput.value= jahre+monate+tage+stunden+minuten+sekunden; setTimeout('countdown()',200); } // Anderenfalls alles auf Null setzen else document.countdownform.countdowninput.value= "0 Jahre, 0 Monate, 0 Tage, 0 Stunden, 0 Minuten und 00 Sekunden"; } </script> </head> <center><body onload="countdown()"> <form name="countdownform"> <p> <input size="75" name="countdowninput"> </p> </form> </body></center> </html> <div id="pkcontent_sub_top"$displaycontent_sub_top>$navigation_sub_top</div> </td> <td width="42" height="16"><img src="images/style/LCL_Blue_Window/login_right.jpg" style="width:42px;height:16px;border:0px" alt="x" /></td> </tr> <tr> <td width="980" height="31" colspan="8" style="background: url(images/style/LCL_Blue_Window/header_end.jpg);"></td> </tr> </table> <!--############ HEADER CODE ENDE ################--> <a name="navigation"></a> <div id="pkcontent"> <a name="content"></a> <div id="pkbreadcrumbnavigation"$displaycontent_breadcrumb>$navigation_breadcrumb</div> <table class="pkcontent" cellspacing="0" cellpadding="0"> <tr> <td class="leftborder" width="4"> </td> <td class="pkcontent_left"$displaycontent_left width="170"> <div id="pkcontent_left">$navigation_left <div class="pkcontentclear">Â </div> </div> </td> <td width="100%" style="background-color:#627188;"> <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td width="100%"> <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td width="40"><img border="0" src="images/style/LCL_Blue_Window/content_top_left.jpg" width="40" height="35" alt="x" /></td> <td width="100%" style="background: url(images/style/LCL_Blue_Window/content_top_bg.jpg);"> <div id="pksitedate">$site_date</div> </td> <td width="40"><img border="0" src="images/style/LCL_Blue_Window/content_top_right.jpg" width="40" height="35" alt="" /></td> </tr> </table> </td> </tr> <tr> <td width="100%"> <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td style="background: url(images/style/LCL_Blue_Window/content_border_left.jpg);" width="7"></td> <td class="pkcontent_main"> <div id="pkcontent_main">$site_body <div class="pkcontentclear">Â </div> </div> </td> <td style="background: url(images/style/LCL_Blue_Window/content_border_right.jpg)" width="7"></td> </tr> </table> </td> </tr> <tr> <td width="100%"> <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td width="40"><img border="0" src="images/style/LCL_Blue_Window/content_end_left.jpg" width="40" height="21" alt="x" /></td> <td width="100%"><img src="images/style/LCL_Blue_Window/content_end_bg.jpg" alt="x" width="100%" height="21" /></td> <td width="40"><img border="0" src="images/style/LCL_Blue_Window/content_end_right.jpg" width="40" height="21" alt="x" /></td> </tr> </table> </td> </tr> </table> <!--############ CONTENT CODE ENDE ################--> </td> <td class="pkcontent_right"$displaycontent_right> <div id="pkcontent_right">$navigation_right <div class="pkcontentclear">Â </div> </div> </td> <td class="rightborder" width="4"> </td> </tr> </table> </div> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="100%" colspan="6"><img src="images/style/LCL_Blue_Window/food_head.jpg" alt="x" /></td> </tr> <tr> <td width="45"><img src="images/style/LCL_Blue_Window/food_left.jpg" height="25" width="45" alt="x" /></td> <td width="154"> <map id="FPMap0" name="FPMap0"> <area alt="LCL-ONLINE - Webhelp || Webdesign || Gaming Community" href="http://www.lcl-online.de" shape="rect" coords="5, 5, 150, 15" /> </map> <img src="images/style/LCL_Blue_Window/food_copy.jpg" style="border:0px none; " width="154" height="25" usemap="#FPMap0" alt="" /> </td> <td width="627" style="background: url(images/style/LCL_Blue_Window/food_bg.jpg);"> <div id="pksitecopyright"$displaycontent_site_copyright>$site_copyright</div> </td> <td width="64"> <map id="FPMap1" name="FPMap1"> <area alt="Kontaktieren Sie uns." href="?path=contact" shape="rect" coords="5, 5, 55, 15" /> </map> <img src="images/style/LCL_Blue_Window/contact.jpg" height="25" width="64" alt="x" usemap="#FPMap1" /> </td> <td width="45"> <map id="FPMap2" name="FPMap2"> <area alt="Impressum" href="?path=content&contentid=1" shape="rect" coords="5, 5, 40, 15" /> </map> <img src="images/style/LCL_Blue_Window/imprint.jpg" height="25" width="45" alt="x" usemap="#FPMap2" /> </td> <td width="45"><img src="images/style/LCL_Blue_Window/food_right.jpg" height="25" width="45" alt="x" /></td> </tr> </table> <div id="pkcontent_bottom"$displaycontent_bottom>$navigation_bottom</div> <div id="pkcontent_sub_bottom"$displaycontent_sub_bottom>$navigation_sub_bottom</div> </div> </div> <div id="pkpagefooter"></div> <div id="pksiteparser"><span>$lang_parsertime_stopped</span></div> <div id="pksiteadminlogin">$site_adminlogin</div> </div> <a id="foot"></a> </div> $site_closure </body> </html> |
so ist der countdown dann in der mitte, nur sind dann links und rechts an der seite der HP so weiße streifen auf höhe des countdowns
könnt ihr mir da weiterhelfen?
zunächst einmal, fängst du im script mit <head> und <title> an. das gedöhns muss schonmal raus, da das bereits im seitren kopf steht.
das script selbst, kanns du zwischen <head> und </head> setzen, was bereits oben in der site.htm steht.
<body onload="countdown()"> tauschst du mit dem <body> aus, was ebenfalls schon in der site.htm steht.
nun zum eigentlichen:
die position, wo du den countdown hin haben willst, ist als community navbox vorgesehen.
wenn du diese nicht da haben willst, bietet es sich an, dein countdown ebenfalls als navbox zu erstellen.
da ich jetzt keine 1.6.5 zur hand habe, kenne ich den code dafür nicht, allerdings weiß ich, das dann:
<form name="countdownform">
<input size="75" name="countdowninput">
</form>
als boxarray rein kommt, was dir dann den counter anzeigt.
das script selbst, kanns du zwischen <head> und </head> setzen, was bereits oben in der site.htm steht.
<body onload="countdown()"> tauschst du mit dem <body> aus, was ebenfalls schon in der site.htm steht.
nun zum eigentlichen:
die position, wo du den countdown hin haben willst, ist als community navbox vorgesehen.
wenn du diese nicht da haben willst, bietet es sich an, dein countdown ebenfalls als navbox zu erstellen.
da ich jetzt keine 1.6.5 zur hand habe, kenne ich den code dafür nicht, allerdings weiß ich, das dann:
<form name="countdownform">
<input size="75" name="countdowninput">
</form>
als boxarray rein kommt, was dir dann den counter anzeigt.
Ähnliche Themen
-
Aktuelle Version [1.6.5] »-
1.6.5 Suche timecounter
(6. April 2010, 21:29)
-
- alte Versionen [1.6.03|1.6.1|1.6.4] »
-
Deadline Timer
(13. April 2008, 14:04)
-
- alte Versionen [1.6.03|1.6.1|1.6.4] »
-
Countdown Addon für 1.6.4
(26. August 2008, 11:00)
-
- alte Versionen [1.6.03|1.6.1|1.6.4] »
-
Countdown in Navbox
(25. März 2008, 13:59)
