|
|||
Hintergrundbilder für einzelne Navigationspunkte
Hallo!
Ich habe ein kleines Problem bei der Umsetzung einer Homepage. Zurzeit besteht die Navi aus 6 Feldern, die alle einen grauen Hintergrund und das selbe Bild beim Hover-Effekt haben. Nun wünscht der Kunde aber, dass jeder Navipunkt ein eigenes Hintergundbild (transparentes PNG 15% des Hover-Bildes) und ein eigenes Bild beim Hover-Effekt hat. (100% des Bildes) Wie kann ich das umsetzen? Ich würde ja jedem Navipunkt eine eigene Klasse geben, die ich dann im Backend eintrage. Aber wie genau kann ich das machen? Mir fehlt die Starthilfe CSS Code aktuell: Code:
#dropmenu a { color:#FFFFFF; display:block; float:left; font-size:18px; margin-right:0px; text-decoration:none; line-height: 181px; height: 181px; width:180px; padding:0px; text-align:center; margin-right:10px; margin-bottom:10px; background:url(images/menu_item.png) no-repeat; text-transform:uppercase; font-family: 'PT Sans Narrow', sans-serif; } #dropmenu a:hover { background:url(images/menu_hover.png) no-repeat; text-indent:-9999px; } #dropmenu li {float:left; position:relative;} #dropmenu ul {position:absolute; display:none; top:30px;; left:0px;} |
Sponsored Links |
|
|||
Da jeder Navipunkt eine eigenes Hintergundbild hat, würde ich sogar eine ID vergeben statt einer Klasse. Ist eindeutig und lässt sich im CSS direkt ansprechen.
Anders wirst du es wohl kaum hinbekommen, schon allein wegen des Hovereffektes. EDIT: Als Profi solltest du wissen, dass man 1. keine Crosspostings erstellt und 2. wie man sowas umsetzt.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. Geändert von explanator (15.04.2013 um 12:56 Uhr) |
Sponsored Links |
|
|||
Vielen dank schonmal.
Doch leider kann das so auch nciht funktionieren, da ich mit WP arbeite und dort für die vorgesehenen Seiten nur Klassen eingeben kann. (sry hätte ich vorher erwähnen sollen) |
|
|||
Wie sieht es aus mit jQuery der Navigation nachträglich die fehlenden ids zu verpassen? und diese mittels css, wie es explanator angesprochen hat zu stylen.
Nachtrag: Mein Template hat in der Navigation ids PHP-Code:
Geändert von gabischatz (16.04.2013 um 20:57 Uhr) |
|
|||
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Stichwörter |
background image, hintergrund, hover, navigation |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
zwei hintergrundbilder? | pino.bonbon | CSS | 9 | 15.01.2009 19:31 |
zwei Hintergrundbilder | standard | CSS | 6 | 23.12.2007 17:44 |
Hintergrundbilder überlagern | icepm | CSS | 3 | 13.12.2007 12:43 |
Einzelne Frames nicht ausdrucken | Spardie | CSS | 4 | 29.08.2006 16:49 |
IE zeigt Hintergrundbild(er) nicht ganz an... | nueffl | CSS | 5 | 30.06.2006 12:19 |