countdown in webseite einbinden

Link zur Webseite

Wie kann ich auf der oben angeführen Webseite, entweder in der Mitte der Headergrafik, über der Webseite, oder über den postings einen Countdown einbinden?

Ich habe von meiner letzten Seite noch ein javascript für einen Countdown,
der aber ohne Inhalt wesentlich leichter einzubinden ging...

Code: PHP

    <script language="JavaScript"> 
TargetDate = "03/12/2010 00:00 PM";
BackColor = "black";  
ForeColor = "orange";    
CountActive = true;      
CountStepper = -1;       
LeadingZero = true;     
DisplayFormat = "%%D%% : %%H%% : %%M%% : %%S%%"; 
FinishMessage = "MMR3.0 RELAUNCH";    
</script>

Ich hab in mal bei der index.php in das header div eingefügt, aber das bringt leider nichts

Und meine zweite Frage bezieht sich auf die Formatierung des Countdowns.
Wie kann ich die Größe und Schrift nur für den Countdown anpassen?

Erstellt wurde der ganze Spaß wie unschwer zu erkennen ist mit Wordpress

Lieben Dank im voraus!

da gibts doch sicher ein vernünftiges plugin wenns wordpress ist, oder?
ansonsten auch mal wegen jquery lösungen googlen.

In der verlinkten Webseite ist es nicht eingebunden.

so habs jetzt mal geschafft ihn einzubinden!

wenn manns im wordpress im quelltext einfügt funtzts! man darf die php dateien nicht direkt
verändern weils sonst ignoriert wird!

jetzt gings nur mehr darum ihn rechts im header leicht eingerückt und größer zu platzieren!?

YEAH! auf oc ist halt verlass! so schnell hat noch nie was gefunzt!

Danke an alle!

wareum bindest du das bild nicht gleich im <img /> ein?

Zitat von slateSC

wollt jetzt nicht extra nen neuen thread öffnen

könnt ihr mir vielleicht beim verlinken der Header.jpg helfen?
immer noch selber link

habe auf self html gelesen dass über css (wo die grafik eingebunden ist)

Code: PHP

div.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 680px;
	height: 200px;
	background-image: url('images/Header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}

nicht verlinkt werden kann, man das ganze aber in html (in meinem fall header.php)
mit folgendem Befehl steuert:

Code: PHP

    <div class="art-Header-jpeg">
<a href="http://www.carnival-lector.com/" target="_blank"><img src="../images/leer.gif" width="750" height="250"></a></div>
</div>

Quelle

klingt in der theorie ganz gut! funktionieren tuts nicht...

Geht auch ohne leer.gif, kA warum das immer gemacht wird... vielleicht um User zu nerven.

ändere das <div> in ein <a href="..."> das css schaut dann so aus (Änderung in der 1. Zeile beachten!)

Code: PHP

.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 680px;
	height: 200px;
	background-image: url('images/Header.jpg');
	background-repeat: no-repeat;
	background-position: center center;

	display: block;
	overflow: hidden;
	-moz-border-radius-topleft: 17px;
	-moz-border-radius-topright: 17px;
}

(Border-Radius entfernt die bösen ecken links und rechts oben )

HTML:

Code: PHP

<a href="http://www.carnival-lector.com/" target="_blank" class="art-Header-jpeg"></a>

das mit den Ecken funktioniert halt nur im moz, die webkit (safari/chrome) syntax und die css3 "draft" syntax is etwas anders wegen topleft, das wär so like "-webkit-top-left-border-radius" o.ä.

Hab erst gestern die Seite gefunden:
http://css3please.com/

würd also sowas in der Art machen

Code: PHP

     -moz-border-radius: 17px 17px 0 0; /* FF1+ */
  -webkit-border-radius: 17px 17px 0 0; /* Saf3-4, iOS 1+, Android 1.5+ */
          border-radius: 17px 17px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */

hth