Suche im Forum:
Suchen


Autor Nachricht
Beitrag11.06.2007 um 20:29 (UTC)    
Titel: CSS: Design Iceblue / Eigene Navi-Buttons

Buttons in Navigation einfügen
Beschreibung überarbeitet am 16.12.11 (by find-templates.de.tl)

Originalgröße des Buttons 185 x 33 Pixel.
Der neue Button muss in gleicher Größe erstellt werden.



CSS-Code einfügen:
Arrow Login
Arrow Design einstellen
Arrow Erweiterte Einstellungen
Arrow Text über dem Design
*Erklärung mit Bildern*

Zitat:

<style type="text/css">
<!--


/* alle Navi-Buttons */
td.nav {
background-color: #FFFFFF;
background-image:url(Grafikadresse 1);}

/* HOVER Button bei Mauskontakt */
td.nav:hover {
background-color: #800000;
background-image:url(Grafikadresse 2);}

/* aktuell offene Seite kennzeichnen */
tr.checked_menu td {
background-color: #6f8ac4;
background-image: url(Grafikadresse 3); }

-->
</style>



Wer bereits CSS-Codes eingefügt hat:
Schaut in euren Design-Code, ob diese beiden Klassen bereits vorhanden sind.
Ihr müsst diesen Code dann NICHT kopieren, sondern euren Codes nur anpassen Wink

TIPP :
Statt der Buttons können eure Buttons auch eine Hintergrundfarbe bekommen.
Dann bitte bei background-image: url(); die Klammern () leer lassen.
Es wird dann die Farbe angezeigt, die background-color von Euch bekommen hat.

Wo finde ich die Grafikadresse des Buttons ?
- gehe auf "Bilder verwalten"
- klicke den Bild-Namen an
- der Button wird Dir nun angezeigt
- mit der Maus auf das Bild (Button)
- mit Rechtsklick Grafikadresse kopieren

Grafikadresse sieht z.B. so aus: http://img.webme.com/pic/../........../name.jpg

Gruss Wolle


Zuletzt bearbeitet von wolle am 16.12.2011, 14:13, insgesamt 11-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de