countdown in webseite einbinden

Seite 1 von 2 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/countdown-in-webseite-einbinden_222114/page_1 - zur Vollversion wechseln!

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>

Das was Du da hast ist kein volles Script, sondern nur ein paar Variablen die initialisiert werden, da fehlt der eigentliche Code.

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

ups!
da is mir tatsächlich eine codezeile entfallen

Beim vollständigen script ist unten noch ein link auf die webseite auf der sich der rest abspielt!

Code: PHP

<script language="JavaScript"> 
TargetDate = "07/28/2010 8:00 PM";
BackColor = "black";  
ForeColor = "orange";    
CountActive = true;      
CountStepper = -1;       
LeadingZero = true;     
DisplayFormat = "%%D%% : %%H%% : %%M%% : %%S%%"; 
FinishMessage = "MMR3.0 RELAUNCH";    
</script>       
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>    

In der verlinkten Webseite ist es nicht eingebunden.

Zitat von kleinerChemiker

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!?

Das skript generiert ein <span id="cntdwn" ...> damit solltest du es mit css bearbeiten können. Dabei empfiehlt es sich z.B. Firebug zu nutzen, da man Änderungen sofort machen kann ohne den Quelltext verändern zu müssen.

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

Danke an alle!

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;
}

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>

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...

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...

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;
}

Code: PHP

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

thx @all!

@watchout: so hats gleich geklappt! Und danke für die abgerundeten Kanten! Das nervt mich eh
schon längstens! wollts sogar schon im photoshop einbauen... aber so isses doch etwas komfortabler!

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 */

overclockers.at v4.thecommunity
© all rights reserved by overclockers.at 2000-2025