Navigation
Einträge in dieser Kategorie
- Ebene horizontal zentrieren
- Ebene vertikal und horizontal zentrieren
- Teile der Seite verstecken
- Wie verstecke ich die CSS-Anweisungen vor Netscape 4.x und Internet Explorer 4.x?
- Mehrere Stylesheets einbinden
- Wie binde ich CSS-Dateien mit Browserweiche und media-Attribut richtig ein?
- Wie kann man das Layout der ausgedruckten Seite beeinflussen?
- Horizontale Navigation mithilfe einer Liste
- Dropdown-Menüs mit CSS
- Scrollbar einfärben
- Barrierefreie Navigationsmenüs mit CSS
- Layer fixieren (CSS-Frames)
- Wie erstelle ich einen zentrierten Dreispalter?
- Kann man ein Hintergrundbild relativ zum rechten Rand des viewports positionieren?
- Kann man ein Hintergrundbild relativ zum rechten Rand des viewports positionieren?
- Seite mal mit, mal ohne CSS anzeigen
- Der IE zeigt die farbige Scrollbar nicht an.
- Kennt Mozilla (Firefox und andere) das cursor[url]-element?
- Wie kann ich ohne Tabelle eine Bildunterschrift erreichen?
- Kann man ein Bild nur dann erscheinen lassen, wenn man CSS aktiviert hat?
- Wie kann ich Styles auf einer einzelnen PHP-Seite einbinden?
- Ich habe meine Hauptseite zentriert, links und rechts möchte ich einen Übergang machen. Leider verschiebt sich entweder die ganze Seite nach unten oder es liegt nicht genau an der Mitte an.
- Horizontal und vertikal zentrieren, ohne fest stehende Dimensionen
- Wie sperrt man html-seiten, dass der user den Quellcode nicht öffnen kann.
- Wie kann ich erreichen, daß bei zwei Spalten, die jeweils als float-definiert sind (:left und :right) und von denen Spalte A eine feste Pixelangabe hat, Spalte B so skaliert, daß der komplette Rest-viewport ausgefüllt wird (also abzüglich des Platzes, den Spalte A braucht)? (Breite auf 100 % setzen klappt natürlich nicht, weil dann Spalte B unter Spalte A springt.)
- Per Zufall wechselnde Hintergrundgrafiken erzeugen
- Inline-Popup mit CSS
- Ich möchte in der Navigation die vertikal angeordneten Elemente unterschiedlich weit einrücken. Wie kann ich das erreichen?
- Wie kann ich erreichen, dass mein Hintergrundbild mit jedem Seitenaufruf zufällig die Position wechselt? Danke.
- Eine Ebene vor die andere schieben
Tags
Sticky FAQs
Tricks und Kniffe
Per Zufall wechselnde Hintergrundgrafiken erzeugen
Eine kleine Spielerei mit Hintergrundgrafiken: Bei jedem Aufruf einer Seite ändert sich die Grafik. Um in der css-Datei php ausführen zu können muß diese mit der Endung .php gespeichert werden, also nicht style.css, sondern style.php. Damit sie aber als css-Datei erkannt wird, muß ganz zu Anfang Folgendes stehen:
<?php
header("content-type: text/css");
?>
Und dieses ist der "Zufallsgenerator" für die unterschiedlichen Grafiken, der irgendwo, am besten auch gleich oben oder vorm Aufruf notiert wird:
<?php
$new[1] = "header0.jpg";
$new[2] = "header1.jpg";
$new[3] = "header2.jpg";
$new[4] = "header3.jpg";
$zufall = rand(1,4);
?>
Und so wird die Zufallsgrafik aufgerufen:
background: url(images/header) no-repeat;
Der Validator läßt sich übrigens ein U für ein X vormachen und validiert die style.php, die als css ausgegeben wird, einwandfrei :-)
Mehr Informationen unter: http://www.gabis-bloghaeuschen.de/?p=224
Tags: -
Verwandte Artikel:
- Hintergrundbild über 2 Container
- Kann man ein Bild nur für diejenigen anzeigen lassen, die CSS aktiviert haben?
- Wie bekomme ich bei einem zweispaltigen CSS-Design beide Spalten gleich lang ?
- Listenpunkte mit eigenem Aufzählungszeichen
- Ebene horizontal zentrieren
Letzte Änderung des Artikels: 2006-12-13 23:38
Autor: Gabi
Revision: 1.0
Kommentieren nicht möglich