simpler countdown für webseite

slateSC

The Suntoucher

Registered: Jul 2004
Location: oö
Posts: 1255

14.05.2010 - 21:26

Hi folks!

Möchte einen countdown auf eine webseite stellen der bis zu einem bestimmten datum ablaufen soll!
hab mir hierfür ein fertiges javascript geladen und verucht dieses in die seite einzubauen.
jetzt habe ich aber das problem das der countdown:
größer, fetter, arial und in der mitte der seite sein soll!
darüber stell ich dann noch ein logo!

bin mir sicher dass das jemand von euch kurz und schmerzlos lösen kann..

Code: PHP

<html xmlns="http://www.w3.org/1999/xhtml"> 
 	<head>
 		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
 		<title>My Website</title>
 	</head>

  	<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
 		<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
 			<tr align="center" valign="middle">
 				<td align="center" valign="middle">
 					<table width="200" border="1" cellspacing="2" cellpadding="0">
 						<tr>
 							<td align="center" valign="middle"></td>
 						</tr>
 						<tr>
 							<td align="center" valign="middle">
 														<script language="JavaScript">
 TargetDate = "06/1/2010 8:00 PM";
 ForeColor = "orange";
 CountActive = true;
 CountStepper = -1;
 LeadingZero = true;
 DisplayFormat = "%%D%% : %%H%% : %%M%% : %%S%%"; FinishMessage = "GAME OVER";
 </script>
 <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script> 
							</td>
 						</tr>
 					</table>
 				</td>
 			</tr>
 		</table>
 	</body>
  </html>

Bearbeitet von slateSC am 15.05.2010, 17:55

kleinerChemiker

Here to stay

Registered: Feb 2002
Location: Wien
Posts: 4281

14.05.2010 - 21:32

müßte doch mit css formatierbar sein.

slateSC

The Suntoucher

Registered: Jul 2004
Location: oö
Posts: 1255

14.05.2010 - 21:37

ich hätts bzgl. der ausrichtung mal klasisch mit tabellen probiert, das lässt
ihn aber komplett kalt!

bzgl. css - hätt ich auch drauf kommen können... :rolleyes:

war die ganze zeit auf der suche nach ner lösung in javascript!

Bearbeitet von slateSC am 14.05.2010, 21:39

Nico

former person of interest

Registered: Sep 2006
Location: -
Posts: 4082

14.05.2010 - 21:47

die inline css formatierung kannst wohl nicht ändern. müsstest das script zu "dir" kopieren und editieren, dann auf die lokale kopie verweisen.

slateSC

The Suntoucher

Registered: Jul 2004
Location: oö
Posts: 1255

14.05.2010 - 21:51

Zitat von Nico
die inline css formatierung kannst wohl nicht ändern. müsstest das script zu "dir" kopieren und editieren, dann auf die lokale kopie verweisen.

sorry aber was meinst damit genau?
blick gerade nicht ganz durch..

edit: okay habs jetzt tatsächlich geschafft!
css war das zauberwort! alle formatierungen funktionieren!
danke!

Bearbeitet von slateSC am 14.05.2010, 21:59

slateSC

The Suntoucher

Registered: Jul 2004
Location: oö
Posts: 1255

14.05.2010 - 22:49

so; bevor ich jetzt mit anlauf gegen die wand lauf bitte ich euch noch mal kurz um hilfe!

es passt jetzt alles bis auf die vertikale formatierung!
horizontal ist es mittig aber ich bekomms vom oberen rand nicht weg!
Was muss ich da reinschreiben?

Code: PHP

<html xmlns="http://www.w3.org/1999/xhtml">
  	<head>
 		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
 		<title>my website</title>
 		<style type="text/css">
 		#center {display: block; text-align: center;}
 		#content {margin-left: auto; margin-right: auto; text-align: center;}
  body{
 		font-family: Arial, Helvetica;
 		font-size: 25pt;
 		background-color: #000000;
 		padding: 0px;
 		margin: 0px; }
 		</style>
  	</head>
  	<body>
  <div id="center"> 
<div id="content">
  	<img src="logo.gif" width="331" height="69" alt="metaphor"><br>
 	 		<script language="JavaScript">
 		TargetDate = "06/23/2010 8:00 PM";
 		BackColor = "black";
 		ForeColor = "orange";
 		CountActive = true;
 		CountStepper = -1;
 		LeadingZero = true;
 		DisplayFormat = "%%D%% : %%H%% : %%M%% : %%S%%"; 
		FinishMessage = "GAME OVER";
 		</script> 
		<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script> 		 </div>
 </div>
   	</body>
 </html>

Bearbeitet von slateSC am 14.05.2010, 22:53

Nico

former person of interest

Registered: Sep 2006
Location: -
Posts: 4082

14.05.2010 - 23:14

Code: PHP

<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
<title>my website</title>     
<style type="text/css">   
table { font-family: Arial, Helvetica; font-size: 25pt; background-color: #000000; vertical-align:middle; padding: 0px; margin: 0px; vertical-align:middle; text-align: center; }
</style>
</head> 
<body bgcolor="#000000">  
<table width="100%" height="100%">
<tr>
<td>
<img src="logo.gif" width="331" height="69" alt="metaphor" ><br>
<script language="JavaScript"> 
TargetDate = "06/23/2010 8:00 PM";
BackColor = "black";  
ForeColor = "orange";    
CountActive = true;      
CountStepper = -1;       
LeadingZero = true;     
DisplayFormat = "%%D%% : %%H%% : %%M%% : %%S%%"; 
FinishMessage = "GAME OVER";    
</script>       
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>    
</td>
</tr>
</table>
</body>
</html>

slateSC

The Suntoucher

Registered: Jul 2004
Location: oö
Posts: 1255

15.05.2010 - 17:55

Yeah! thanks nico!

slateSC The Suntoucher Registered: Jul 2004 Location: oö Posts: 1255	14.05.2010 - 21:26 Hi folks! Möchte einen countdown auf eine webseite stellen der bis zu einem bestimmten datum ablaufen soll! hab mir hierfür ein fertiges javascript geladen und verucht dieses in die seite einzubauen. jetzt habe ich aber das problem das der countdown: größer, fetter, arial und in der mitte der seite sein soll! darüber stell ich dann noch ein logo! bin mir sicher dass das jemand von euch kurz und schmerzlos lösen kann.. Code: PHP <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>My Website</title> </head> <body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%"> <tr align="center" valign="middle"> <td align="center" valign="middle"> <table width="200" border="1" cellspacing="2" cellpadding="0"> <tr> <td align="center" valign="middle"></td> </tr> <tr> <td align="center" valign="middle"> <script language="JavaScript"> TargetDate = "06/1/2010 8:00 PM"; ForeColor = "orange"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = "%%D%% : %%H%% : %%M%% : %%S%%"; FinishMessage = "GAME OVER"; </script> <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script> </td> </tr> </table> </td> </tr> </table> </body> </html> Bearbeitet von slateSC am 15.05.2010, 17:55
kleinerChemiker Here to stay Registered: Feb 2002 Location: Wien Posts: 4281	14.05.2010 - 21:32 müßte doch mit css formatierbar sein.
slateSC The Suntoucher Registered: Jul 2004 Location: oö Posts: 1255	14.05.2010 - 21:37 ich hätts bzgl. der ausrichtung mal klasisch mit tabellen probiert, das lässt ihn aber komplett kalt! bzgl. css - hätt ich auch drauf kommen können... war die ganze zeit auf der suche nach ner lösung in javascript! Bearbeitet von slateSC am 14.05.2010, 21:39
Nico former person of interest Registered: Sep 2006 Location: - Posts: 4082	14.05.2010 - 21:47 die inline css formatierung kannst wohl nicht ändern. müsstest das script zu "dir" kopieren und editieren, dann auf die lokale kopie verweisen.
slateSC The Suntoucher Registered: Jul 2004 Location: oö Posts: 1255	14.05.2010 - 21:51 Zitat von Nico die inline css formatierung kannst wohl nicht ändern. müsstest das script zu "dir" kopieren und editieren, dann auf die lokale kopie verweisen. sorry aber was meinst damit genau? blick gerade nicht ganz durch.. edit: okay habs jetzt tatsächlich geschafft! css war das zauberwort! alle formatierungen funktionieren! danke! Bearbeitet von slateSC am 14.05.2010, 21:59
slateSC The Suntoucher Registered: Jul 2004 Location: oö Posts: 1255	14.05.2010 - 22:49 so; bevor ich jetzt mit anlauf gegen die wand lauf bitte ich euch noch mal kurz um hilfe! es passt jetzt alles bis auf die vertikale formatierung! horizontal ist es mittig aber ich bekomms vom oberen rand nicht weg! Was muss ich da reinschreiben? Code: PHP <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>my website</title> <style type="text/css"> #center {display: block; text-align: center;} #content {margin-left: auto; margin-right: auto; text-align: center;} body{ font-family: Arial, Helvetica; font-size: 25pt; background-color: #000000; padding: 0px; margin: 0px; } </style> </head> <body> <div id="center"> <div id="content"> <img src="logo.gif" width="331" height="69" alt="metaphor"><br> <script language="JavaScript"> TargetDate = "06/23/2010 8:00 PM"; BackColor = "black"; ForeColor = "orange"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = "%%D%% : %%H%% : %%M%% : %%S%%"; FinishMessage = "GAME OVER"; </script> <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script> </div> </div> </body> </html> Bearbeitet von slateSC am 14.05.2010, 22:53
Nico former person of interest Registered: Sep 2006 Location: - Posts: 4082	14.05.2010 - 23:14 Code: PHP <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>my website</title> <style type="text/css"> table { font-family: Arial, Helvetica; font-size: 25pt; background-color: #000000; vertical-align:middle; padding: 0px; margin: 0px; vertical-align:middle; text-align: center; } </style> </head> <body bgcolor="#000000"> <table width="100%" height="100%"> <tr> <td> <img src="logo.gif" width="331" height="69" alt="metaphor" ><br> <script language="JavaScript"> TargetDate = "06/23/2010 8:00 PM"; BackColor = "black"; ForeColor = "orange"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = "%%D%% : %%H%% : %%M%% : %%S%%"; FinishMessage = "GAME OVER"; </script> <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script> </td> </tr> </table> </body> </html>
slateSC The Suntoucher Registered: Jul 2004 Location: oö Posts: 1255	15.05.2010 - 17:55 Yeah! thanks nico!

simpler countdown für webseite

Forum Index > Software > Coding Stuff

slateSC

kleinerChemiker

slateSC

Nico

slateSC

slateSC

Nico

slateSC