Navi-Leiste: "Background" per "mouseover" verändern!

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � Navi-Leiste: "Background" per "mouseover" verändern!

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8 und 7 - Fragen & Antworten Linux, Ubuntu und andere Betriebssysteme �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Navi-Leiste: "Background" per "mouseover" verändern! datum

25.10.2014 09:10 (zuletzt bearbeitet: 10.08.2019 07:07)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3468
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1338

Navi-Leiste: "Background" per "mouseover" verändern!
Aktualisiert 10.08.19

Es ist möglich Hintergründe, z.B. der Navi-Leiste beliebig per CSS und einer neuen "Klasse", per "mouseover" zu verändern.
Hier muss man natürlich auch sehen und suchen, wo die neue "class" zu platzieren ist oder welche vorhandene "class" man nutzen kann!

Lösung:

Der Hintergrund per "mouseover" läst sich gut mit "background:hover" verändern.
Mit dem Zusatz "! important" werden vorhandene Befehle überschrieben.
Mit "padding" wird der Abstand zum Rand eingestellt.
......

Zum Beispiel Auswahlmenü - Forum Übersicht

Hintergrund per "mouseover" verändern - Nur Hauptmenü.

  • Neue "class" erstellen: "link_background".
  • Eintragung in "".
  • Neue "class" in "", wie folgt eintragen.

Eintrag "Eigener CSS-Code":

1
2
 
.link_background {cursor: pointer;font-size: 15px !important;padding: 5px !important;}
.link_background:hover {background-color: #12468A !important;}
 

Eintrag "Obere Leiste":
[pre]<li id="{{menulist:key}}" class="menu_item{{menulist:now==true.start}} currentpage{{menulist:now==true.end}}" style="padding:0px 0px;">
<a class="link_background" href="{{menulist:ziel}}" {{menulist:_blank==true.start}}target="_blank"{{menulist:_blank==true.end}}>
{{menulist:icon==true.start}}<img title="{{cur_name}}" src="{{menulist:icon}}" />{{menulist:icon==true.end}}[/pre]

Schlie�en

Hintergrund per "mouseover" verändern - Nur Untermenü.

• Eintragung in "".

1
2
 
.menu_item {cursor: pointer;font-size: 14px !important;padding: 2px !important;}
.menu_item:hover li {background-color: #12468A !important;}
 

Hintergrund per "mouseover" verändern - Haupt und Untermenü.

• Eintragung in "Eigener CSS Code".

1
2
 
.menu_item {cursor: pointer;font-size: 14px !important;padding: 2px !important;}
.menu_item:hover a {background-color: #12468A !important;}
 

Schlie�en

Weitere interessante Links aus dem Forum:
  • Wie kann ich den Hintergrund in Forum-Beiträgen ändern?
  • 5 x Hintergrundwechsler für Forum und Homepage
  • Minimierter Styleswitcher fürs Business-Template!

Bis dann und viel Erfolg
Wolfgang

Antworten

Ausgefallene Mausverfolgung, effektvoll, speziell und individuell einstellbar � � Hintergrund

�hnliche Themen

Antworten

Letzter Beitrag

Forum ohne Anmeldung?
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 3 07.01.2024 09:37
Wolfgang • Zugriffe: 326

Nur fürs V4: Untere Page-Leiste für den Posteingang
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

14.11.2022 19:58
von

Wolfgang • Zugriffe: 321

Tastenkombinationen (Shortcuts) fürs eigene Forum (v4 + v6)
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 2 09.05.2022 14:11
Hannita2 • Zugriffe: 1169

Login-Leiste im Gaia und Portal-Box "Userinfo" modifizieren - Teil 1+2!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

12.01.2020 23:12
von

Wolfgang • Zugriffe: 2902

Drucker-Button in der Bildergalerie!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 0 01.01.2020 11:02
Wolfgang • Zugriffe: 901
Forum Untere Leiste Farbton ändern.
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Aquostic 6 24.07.2017 15:13
Wolfgang • Zugriffe: 1080

Vereinfachte ToDo Liste mit neuen Features - Komplett überarbeitet!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

20.01.2016 12:17
von

Wolfgang • Zugriffe: 1595

Bilder vergrößern per "Mouseover", mittels "CSS" oder "Tooltipps"
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

18.01.2020 17:44
von

Wolfgang • Zugriffe: 20365

Bilderpräsentation per Mouseover, per Mausklick, Modal oder per Diashow!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Hagen_King

24.07.2024 10:32
von

Wolfgang • Zugriffe: 7976

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

58%

Forum - Navi-Leiste: "Background" per "mouseover" verändern!

Navi-Leiste: "Background" per "mouseover" verändern!Aktualisiert 10.08.19

Navi-Leiste: "Background" per "mouseover" verändern!
Aktualisiert 10.08.19