simpler countdown für webseite

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

URL: https://www.overclockers.at/coding-stuff/simpler_countdown_fuer_webseite_216203/page_1 - zur Vollversion wechseln!

slateSC schrieb am 14.05.2010 um 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>

kleinerChemiker schrieb am 14.05.2010 um 21:32

müßte doch mit css formatierbar sein.

slateSC schrieb am 14.05.2010 um 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!

Nico schrieb am 14.05.2010 um 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 schrieb am 14.05.2010 um 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!

slateSC schrieb am 14.05.2010 um 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>

Nico schrieb am 14.05.2010 um 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 schrieb am 15.05.2010 um 17:55

Yeah! thanks nico!