Banner mit Uhr

von Ingrid Do 27 Nov 2008 - 15:24

Moin von der Küste

Ist es vielleicht möglich
einen Banner mit Uhr einzubauen ?

Ich meine sowas hab ich eben gemacht
siehe Link

Banner mit Uhr

Vielen dank schonmal für die Hilfe

Lieben Gruß
Ingrid

von Alex Do 27 Nov 2008 - 17:01

Hallo

Wie sieht denn das in Einzelteilen aus?

Da muss ja noch ein Java-Script dazugehören....

Hast du das Script separat oder andere Einbauhinweise?

LG,
Alex

von Ingrid Do 27 Nov 2008 - 17:03

Ja hab ich das Script auch separat

soll ich das hier posten ?

von #Frank Do 27 Nov 2008 - 18:27

Ich kann mich da irren, aber in der Kopfzeile kann nur eine Grafik eingestellt werden.
Die Grafik ist diese:
Banner mit Uhr Banneruhrib

Dein Skript ist folgendes:

Code:: <SCRIPT language=JavaScript> var dayarray=new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag") var montharray=new Array("Januar","Februar","Maerz","April","Mai","Juni", "Juli","August","September","Oktober","November","Dezember") function getthedate(){ var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym="0"+daym var hours=mydate.getHours() var minutes=mydate.getMinutes() var seconds=mydate.getSeconds() { d = new Date(); Time24H = new Date(); Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000); InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44); if (InternetTime < 10) InternetTime = '00'+InternetTime; else if (InternetTime < 100) InternetTime = '0'+InternetTime; } if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds var cdate=dayarray[day]+" « "+daym+". "+montharray[month]+" "+year+" » "+hours+":"+minutes+":"+seconds+" Uhr" if (document.all) document.all.clock.innerHTML=cdate else if (document.getElementById) document.getElementById("clock").innerHTML=cdate else document.write(cdate) } if (!document.all&&!document.getElementById) getthedate() function goforit(){ if (document.all||document.getElementById) setInterval("getthedate()",1000) } window.onload=goforit </SCRIPT>

Dieses Skript kann aber in "Nachricht auf der Startseite" unter
anzeige -->Startseite --> Allgemeines eingesetzt werden.

von Ingrid Do 27 Nov 2008 - 18:34

jo soweit klar

deswegen hab ich ja gefragt

ich habe kein Portal

also bringt es nicht viel

von #Frank Do 27 Nov 2008 - 18:47

Ich meinte eigentlich nicht das Portal sondern schon die Starseite.
Kannst ja mal bei mir kucken, da habe ich auch eine Uhr drin.
ergibt aber nicht unbedingt das Ergebnis wie du es dargestellt hast.

von Ingrid Do 27 Nov 2008 - 18:52

ja ne so will ich das ja nicht

aber lustig zusehen bei dir wenn ich als Gast da bin schau mal

Hallo Gast...
Dein letzter Besuch war am
Do Jan 01 1970, 01:00.
Du hast insgesamt 76 von 707 Beiträgen geschrieben.

von Alex Do 27 Nov 2008 - 18:58

@ California: Hier zerbrechen sich wieder Leute meinen Kopf Wink

@ Ingrid: Über die Templates kannst du so ziemlich alles als Forumlogo eintragen, auch was in Kombination mit Java.

Ist das Script so richtig, wie California es gepostet hat?

LG,
Alex

von #Frank Do 27 Nov 2008 - 19:00

Ja diese Lustige Anzeige liegt an den System Variablen.
Anders lässt sich das mit der Uhr aber nicht lösen, es sei den Alex fällt da noch eine Lösung über die Templates was ein, da du ja ein phpbb2 forum hast.
Mal sehen ob er sich noch meldet.

Ups da is er schon

Alex ich dachte mir schon das du da eine Lösung hast...
Nichts für ungut...

von Ingrid Do 27 Nov 2008 - 19:03

jo ist so der Code

ich nehme an das California das von meinen Quellcode kopiert hat ja ?

Edit: wie kann ich eigentlich hier so ein Code posten ?
Edit: habs gefunden

Code:: <html> <head> </head> <body> <CENTER><TABLE id=table style="BORDER: collapse" bgcolor=#663F10 cellSpacing=2 cellPadding=0 border=0> <tr> <td> <CENTER><TABLE id=table1 style="BORDER: collapse" bgcolor=#966117 cellSpacing=0 cellPadding=0 border=0> <TR height=175> <TD align="center"> <IMG height=200 src="banneruhrib.jpg"width=600 border=0></TD></TR> <TR height=20> <TD align="center"> <font color="#663F10" size="2" face="comic sans"> <span id=clock> <SCRIPT language=JavaScript> var dayarray=new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag") var montharray=new Array("Januar","Februar","Maerz","April","Mai","Juni", "Juli","August","September","Oktober","November","Dezember") function getthedate(){ var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym="0"+daym var hours=mydate.getHours() var minutes=mydate.getMinutes() var seconds=mydate.getSeconds() { d = new Date(); Time24H = new Date(); Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000); InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44); if (InternetTime < 10) InternetTime = '00'+InternetTime; else if (InternetTime < 100) InternetTime = '0'+InternetTime; } if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds var cdate=dayarray[day]+" « "+daym+". "+montharray[month]+" "+year+" » "+hours+":"+minutes+":"+seconds+" Uhr" if (document.all) document.all.clock.innerHTML=cdate else if (document.getElementById) document.getElementById("clock").innerHTML=cdate else document.write(cdate) } if (!document.all&&!document.getElementById) getthedate() function goforit(){ if (document.all||document.getElementById) setInterval("getthedate()",1000) } window.onload=goforit </SCRIPT> </span></font></b> </table></td></tr></table ></body> </html>

so ist es wie im Link oben zusehen

von Alex Do 27 Nov 2008 - 19:19

O.k.,

ich bastel das mal in meinem Testforum ins Template und melde mich wieder, wenn ich dir genau sagen kann, wie alles zusammenkommt Smile

LG,
Alex

von Ingrid Do 27 Nov 2008 - 19:20

Oh Alex das ist aber lieb von dir

Vielen Dank

von Alex Do 27 Nov 2008 - 19:43

Willst da diesen schmalen Banner hier verwenden oder den, welchen du im Forum hast?

Weil dieser (mit 600 Pixeln Breite) sieht etwas einsam aus, da oben Wink

LG,
Alex

von Ingrid Do 27 Nov 2008 - 19:45

ja schon mit dem Großen ich hatte das heute ja nur mal ausprobiert

von Alex Do 27 Nov 2008 - 20:02

So ....

Adminbereich/Anzeige/Templates/Allgemeines

und dort auf den Namen des Templates "overall_header_new" klicken.

Dann den gesamten Inhalt des Templates hierdurch ersetzen:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> {META_FAVICO} {META} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS}  <script type="text/javascript"> //<![CDATA[ pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); //]]> </script>   <script type="text/javascript"> //<![CDATA[ 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}'); report.focus(); //]]> </script>  {GREETING_POPUP} <script src="/{JS_DIR}/{L_LANG}.js" type="text/javascript"></script>  <style type="text/css"> #hitskin_preview { margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 65px; background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px; color: #fff; } * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */ position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); z-index: 2; background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px; } * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */ background: #fff url(foo) fixed; } #hitskin_preview h1 { float: left; margin: 3px 0 0 0; padding: 0 0 0 10px; font: italic normal 25px Arial,sans serif; color: #fff; } #hitskin_preview h1 img { vertical-align: middle; } #hitskin_preview em { color: #7CBA2C; font-weight: bold; } #hitskin_preview a { color: #fff; } #hitskin_preview a:hover { text-decoration: underline; } #hitskin_preview .content { text-align: right; } #hitskin_preview .content p { margin: 4px 1em 0px 1em; font-size: 13px; line-height: 1.8em; color: #fff; font-weight: bold; } #hitskin_preview .content p span { font-weight: normal; font-size: 0.8em; } body { margin-top: 40px !important; } {hitskin_preview.HITSKIN_RTL_CSS} </style>  </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">  <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>  <a name="top"></a> {JAVASCRIPT} <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td> <CENTER><TABLE id=table style="BORDER: collapse" bgcolor=#663F10 cellSpacing=2 cellPadding=0 border=0> <tr> <td> <CENTER><TABLE id=table1 style="BORDER: collapse" bgcolor=#966117 cellSpacing=0 cellPadding=0 border=0> <TR height=175> <TD align="center"><a href=http://spassundgrafik.aktiv-forum.com/forum.htm> <IMG height=209 src="http://i78.servimg.com/u/f78/13/28/16/14/i_logo11.jpg"width=786 border=0></a></TD></TR> <TR height=20> <TD align="center"> <font color="#663F10" size="2" face="comic sans"> <span id=clock> <SCRIPT language=JavaScript> var dayarray=new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag") var montharray=new Array("Januar","Februar","Maerz","April","Mai","Juni", "Juli","August","September","Oktober","November","Dezember") function getthedate(){ var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym="0"+daym var hours=mydate.getHours() var minutes=mydate.getMinutes() var seconds=mydate.getSeconds() { d = new Date(); Time24H = new Date(); Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000); InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44); if (InternetTime < 10) InternetTime = '00'+InternetTime; else if (InternetTime < 100) InternetTime = '0'+InternetTime; } if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds var cdate=dayarray[day]+" « "+daym+". "+montharray[month]+" "+year+" » "+hours+":"+minutes+":"+seconds+" Uhr" if (document.all) document.all.clock.innerHTML=cdate else if (document.getElementById) document.getElementById("clock").innerHTML=cdate else document.write(cdate) } if (!document.all&&!document.getElementById) getthedate() function goforit(){ if (document.all||document.getElementById) setInterval("getthedate()",1000) } window.onload=goforit </SCRIPT> </span></font></b> </table></td></tr></table> <br> </td> </tr> </table> <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table> <div style="clear: both;"></div> <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> </td> <td valign="top" width="100%">  </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html>

Danach "Absenden" klicken und das Template im folgenden Fenster durch Klick auf das grüne Plus Banner mit Uhr Ajouter

aktivieren.

LG,
Alex

von Ingrid Do 27 Nov 2008 - 20:11

Alex du bist ein Schatz

Jipiehhhhhhh es ist da

ich knuddel dich mal

Lieben Gruß
Ingrid

von Alex Do 27 Nov 2008 - 20:14

Biddeschön Smile

LG,
Alex

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

Banner mit Uhr

Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr

Re: Banner mit Uhr