diedVIPs

html knowhow

Weltuhr




Weltuhr


Zeigen Sie ihren Besuchern die Uhrzeiten auf der Welt

 

So sieht´s aus

  • Venezuela
  • Miami
  • Los Angeles
  • Tokyo
  • Beijing
  • Cairo
  • Paris
  • Sao Paulo



Quellcode
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="../Scripte/Uhrscript.js"></script>
<style type="text/css"> body { background: linear-gradient(to left, #80DEEA, #00ACC1);} #clock {height: 100px;width: 800px;margin: auto;position: inherit;top: 0;left: 0;bottom: 0;right: 0;text-align: center;color: white;font-size: 100px;} ul {height: 50px;width: 800px;margin: auto;position: inherit;left: 0;bottom: 0px;right: 0;text-align: center;} li {display: inline;margin-right: 15px;color: white;border: none;background: none;font-family: helvetica;text-transform: uppercase;font-size: 14px; padding-bottom: 3px;cursor: context-menu;} .active {border-bottom: solid white 1px;} </style>
</head>

<body > <p style="color:black;font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size:1.3em;"> <div id="clock"></div> <ul> <li>Venezuela</li> <li class="active">Miami</li> <li>Los Angeles</li> <li>Tokyo</li> <li>Beijing</li> <li>Cairo</li> <li>Paris</li> <li>Sao Paulo</li> </ul> </p>
</body>
</html> 








Kontakt    Datenschutz   Impressum