Menü-Randfarbe transparent machen
Autor: Thomas S.
Visitado 1126,
Seguidores 1,
Compartilhado 0
Hallo, wie kann ich die Menü-Randfarbe transparent machen? Meine Idee: Das Menü soll keine Rand haben, nur das aktuelle Item unter dem Mauszeiger soll eine Rand bekommen. Müsste man doch bei der Farbauswahl nur 'Transparenz' zur Auswahl hinzufügen. Ginge das?
Vielen Dank und einen schönen Tag
Publicado em
Hallo Thomas,
Du brauchst den Menürand nicht transparant machen, wenn Du unter "3D-Stil" die Randstärke auf 0 setzt (siehe Bild).
Autor
Hallo Martin,
Danke, aber das gilt dann aber auch für das Element unter dem Mlauszeiger, ich hätte gerne das aktuelle Item unter dem Mauszeiger umrandet.
Hallo Thomas,
dann füge doch eine Hintergrundgrafik in den betreffenden Button ein?
Autor
Moin Martin, das Menü soll durchsichtig sein.
Hallo Thomas,
kein Problem (siehe Anlage). Ich habe unter "Stil des Hauptmenüs" als Hintergrund eine PNG-Datei eingebaut und zwar bei "Mauskontakt" und "Aktuelle Seite". Die Hintergrundfarbe auf Transparent stellen.
Die PNG-Datei habe ich mit Photoshop erstellt (kannst auch ein anderes Programm nehmen) - innen Transparent und außen einen weißen Rand. Zuvor solltest Du schauen, wie groß diese Hintergrunddatei sein soll (am besten mit einem Screenshot).
Gruß
Martin
Oder du fügst unter Seo&Code "Erweitert" vor dem </head> Tag folgenden Code ein!
<style>
#imMnMn > ul > li:hover .imMnMnFirstBg, #imMnMn > ul > li.imMnMnCurrent:hover .imMnMnFirstBg, #imMnMn > ul > li.imMnMnCurrent .imMnMnFirstBg {border: 1px solid #ffffff !important;}
</style>
Autor
Hallo und Danke euch beiden!
@Martin: Ja, schöne Idee, muss man aber bei jeder Änderung des Menüs bezgl. der Breite dran denken und neue Rahmen machen.
@Andreas: Ja, so stellte ich es mir vor, und es passt sich bei Projektänderungen automatisch an, Super. Was müsste ich das für das Pull-Down-Menü da mit rein packen? Die automatischen Rahmen sehen bei mir da doch leider wieder anders aus.
Und: Könnten die Programmierer nicht einfach den Farbselektor um 'Transparent' erweitern? Klappt doch an anderen Stellen auch so gut.
Hier ist schwer zu diskutieren mit den verschiedenen Codes ! Wenn dann müsstest du zu unofficialwsx5.de dich anmelden und dort einen Post eröffnen !