Html-Codes - FC Windhausen

Letzte Aktualisierung:

Direkt zum Seiteninhalt

Hauptmenü

Html-Codes

CSS Menu grün reiner

CSS Daten für Headbereich ->Allgemeine Enstellungen
<style type="text/css">
a.button
font-family:Tahoma, Verdana;
font-size:11px;
font-weight: bold;
color: #404040; background-color: #4FDB66;
text-align: center; text-decoration: none;
border-left: 2px solid #E0E0E0;
border-top: 2px solid #E0E0E0;
border-right: 2px solid #202020;
border-bottom: 2px solid #202020;
margin: 0px 5px 0px 0px;
padding: 2px;

a.button:hover
color: #000000; background-color: #0099FF;
border-left: 2px solid #202020;
border-top: 2px solid #202020;
border-right: 2px solid #E0E0E0;
border-bottom: 2px solid #E0E0E0;
</style>

HTML Code
<p>&nbsp;</p>
<a href="gaestebuch.html" class="button">Gästebuch</a>
<a href="formulare.html" class="button">Anträge, Formulare</a>
<a href="links.html" class="button">Links</a>
<a href="sportstaetten.html" class="button">Sportstätten</a>
<a href="in-eigener-sache.html" class="button">In eigener Sache</a>
<a href="vereinsfuehrung.html" class="button">Vereinsführung</a>
<a href="chronik.html" class="button">Chronik</a>
<a href="mailto:info@fcwindhausen.de" class="button">Kontakt</a>
<p>&nbsp;</p>*/

"weiterlesen ..." Button

In Text einfügen
- Der Mauszeiger wechselt zur 'Hand' -


<input type="button" value="weiterlesen ..." style="cursor:pointer;cursor:hand" onclick="location.href=' jhv2012.html ' ">

"weiterlesen ..." Button mit Anker zu einer anderen Seite

In Text einfügen

Auf der Startseite


Hyperlink bei Verweis auf gleicher Seite setzen:
<a href="#Ankername">Linkname</a>
Hyperlink bei Verweis auf andere Seite setzen:
<a href="seite.html#Ankername">Linkname</a>
Hyperlink mit Button: (Der Mauszeiger wechselt zur 'Hand')  
<input type="button" value="weiterlesen ..." style="cursor:pointer;cursor:hand" onclick="location.href=' c-juniorinnen.html#Ankername ' ">

Auf der Zielseite

<a name="Ankername">Hier kann ein Text stehen</a> (oder)
<p id="Ankername">Hier kann ein Text stehen</p>  (oder)
<a name="Ankername">&nbsp;</a> ( &nbsp; , wenn kein Text gewünscht )

Änderungsdatum der HTML-Seite


Letzte Aktualisierung:
Freitag, 28. Januar 2012
Vor 2 Tagen

Es wird das Änderungsdatum der aufgerufenen HTML-Seite angezeigt

<p>
<span style="font-family:'Tahoma'; font-size:12px; font-weight:bold;
color:lightgrey; text-decoration:underline">Letzte Aktualisierung:</span><br>

<span style="font-family:'Tahoma'; font-size:11px; font-weight:normal; color:lightgrey">
<script type='text/javascript'>
<!--
var jetzt = new Date();
var then = new Date(document.lastModified);
var dayNames = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
var monthNames = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
var diffdays = Math.floor( (jetzt.getTime()-then.getTime())/(24*60*60*1000) );
var Stunden = then.getHours();
var Minuten = then.getMinutes();
var NachVoll = ((Minuten < 10) ? ":0" : ":");
var Jahr = then.getFullYear();

document.write( dayNames[then.getDay()] + ", " + then.getDate() + ". " + monthNames[then.getMonth()] + " " + Jahr + '<br>');
if (diffdays == 1)  document.write( " Vor " + diffdays + " Tag");
else  document.write(" Vor " + diffdays + " Tagen");
//-->
</script></span>
</p>

Schrift formatieren

font-family (Schriftart, Inherit)
font-size (Längenangabe, Prozentangabe, xx-small, x-small, small, smaller, medium, large, x-large, xx-large, larger, Inherit)
font-style (italic, oblique, normal, Inherit)
font-variant (small-caps, normal, Inherit)
font-weight (normal, bold, bolder, lighter, 100 - 900, Inherit)

<p style="color:#ff0000;font-size:16px;font-family:courier;">Das ist der Text in ROT.</p>

 
 
Zurück zum Seiteninhalt | Zurück zum Hauptmenü