Hintergrund-Grafik und Abstand unten
In der Datei "format.css" wechseln sie bei body die Hintergrund-Grafik (backbground-image) und geben an, ab welcher Scroll-Höhe der Abspann-Text erscheinen soll, im Prinzip also der Abstand nach unten (margin-bottom), im Moment: 800 Pixel.
body {
background-attachment:fixed;
background-position: 0% 0%;
background-repeat:no-repeat;
background-image:url(images/back.jpg);
background-repeat:no-repeat;
background-position: 50% 0%;
margin-bottom:800px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
font-family : verdana,arial, helvetica,
tahoma, verdana, sans-serif;
font-size: 15px;line-height: 25px;
}
Textschatten
Schatten mit CSS3-Befehlen
Mit der CSS3-Technik ist es möglich, einen Textschatten auf Schrift oder Links zu legen. Man benötigt also nicht mehr den Umweg über ein Grafiprogramm dafür und klar ist man damit auch flexibler. Einfach Text im HTML-Editor ändern und der Schatten passt sich automatisch an den neuen Text an.
So funktioniert der Schatten
Binden Sie den CSS-Code per CSS-Style ein (bei uns erfolgte das in unserer Datei "format.css").
Hier ein Beispiel für weissen Textschatten:
text-shadow: 1px 1px 2px #fff;
Und nachstehend für einen schwarzen Textschatten:
text-shadow: 1px 1px 2px #000;
Mini-Buttons
Die beliebten Mini-Buttons unter "Partner Links", dienen als Beispiel und Sie können diese gerne löschen, auch unsere Buttons. Oder Sie fügen weitere Buttons hinzu.
Zu Ihrer Information: Unsere 4 Buttons (Templates / On-Mouseover / SISPapenburg) sowie der Wikipedia-Button sind offizielle Buttons. Die restlichen Buttons sind Fantasie-Buttons.
Individuelle Rundung
Rundung mit CSS3-Befehlen
Mit der neuen CSS-Technik ist es jetzt möglich, abgerundetete Objekte herzustellen, ohne extra runde Grafiken einbauen zu müssen. Aus einem rechteckigen Feld kann man somit per CSS-Code ein gerundetes Feld herstellen.
Moderne Browser können CSS3
Es gibt keine technischen Nachteile, sollte man die Seite in einem älteren Browser ansehen. Es würde dann halt alles rechteckig statt abgerundet aussehen. Zum Bespiel kann der Browser Internet Explorer in der Version ab 9 die Rundungen darstellen. In der schon älteren Version 8 des Internet-Explorers gäbe es dann halt keine Rundungen. Bei Browsern-Konkurrenten, wie Firefox, Google Chrome, Safari oder anderen wäre es ähnlich.
Unterschiedliche Rundungen
Die einzelnen Felder sind unterschiedlich abgerundet (mal nur eine Ecke, mal zwei Ecken), das ist veränderbar. Sie können also selbst entscheiden, wieviele der vier Ecken eines einzelnen (rechteckigen) Feldes Sie abrunden. Auch die Stärke der Abrundung ist einstellbar. Bei dieser Konstruktion sind es 50 Pixel bei den großen Ecken und 20 Pixel bei den kleinen Ecken. Gerne probieren Sie andere Pixelwerte.
Zur Original-Version
Sie befinden sich auf der Seite index2.html (Bonus-Version). Hier geht es zur Original-Version index.html index.html.
|
Gruppe 01