HTML/CSS in der Navigation?

  • Seite 1 von 2
12.01.2017 00:51
avatar  Rudi_
#1 HTML/CSS in der Navigation?
avatar
Mitglied

Ich würde gern einen Mouseover-Effekt in der Navigation einfügen, weiß aber nicht, wie ich HTML/CSS dort einfügen kann.

Kann mir jemand helfen?

Das ist mein Forum. Ich möchte, dass die Buttons in der Navigation beim Überfahren mit der Maus das Aussehen verändern.


 Antworten

 Beitrag melden
12.01.2017 11:42
avatar  Ingmar
#2 RE: HTML/CSS in der Navigation?
avatar
Technik

Dieser Eintrag würde den Menüpunkt beim überfahren rot hinterlegen:

1
2
3
4
 
#nav_n.nav_n li:hover {
background-color: red !important;
}
 
 

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
12.01.2017 14:56 (zuletzt bearbeitet: 12.01.2017 15:02)
avatar  Rudi_
#3 RE: HTML/CSS in der Navigation?
avatar
Mitglied

Ich möchte den Hover-Effekt aber für die Icons, die ich in der Navigation hochgeladen habe. Es müssten also die Links der Grafiken in das CSS eingefügt werden.

https://files.homepagemodules.de/b583841/a_751_55685a53.png


 Antworten

 Beitrag melden
12.01.2017 15:05
avatar  Rudi_
#4 RE: HTML/CSS in der Navigation?
avatar
Mitglied

ah, habe den Selektor gefunden, es ist .nav_n img

Jetzt werde ich es wohl selbst schaffen.


 Antworten

 Beitrag melden
03.05.2017 16:51
#5 RE: HTML/CSS in der Navigation?
avatar
Mitglied

Zitat von Ingmar im Beitrag #2
Dieser Eintrag würde den Menüpunkt beim überfahren rot hinterlegen:

1
2
3
4
 
#nav_n.nav_n li:hover {
background-color: red !important;
}
 
 





Das habe ich auch probiert, leider funktioniert das bei mir nicht?


 Antworten

 Beitrag melden
03.05.2017 17:10
#6 RE: HTML/CSS in der Navigation?
avatar
Mitglied

Hallo winnemely,

ich glaube das ist für das Gaia Template, Du hast aber das Business.

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
03.05.2017 17:15
#7 RE: HTML/CSS in der Navigation?
avatar
Mitglied

Oh, Sorry, das wusste ich nicht. Danke Shogun. Gibt es so etwas auch für das Business Template?


 Antworten

 Beitrag melden
03.05.2017 19:57
avatar  Olaf
#8 RE: HTML/CSS in der Navigation?
Ol
Mitglied

Naklar.

Entwerder die Schrift der Menüpunkte in Rot:

1
2
3
4
 
#navigation a:hover{
color: red;
}
 
 



oder der Hintergrund der Menüpunkte in Rot:

1
2
3
 
#navigation a:hover{
background-color: red ;
}
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
03.05.2017 19:57
#9 RE: HTML/CSS in der Navigation?
avatar
Mitglied

Ich denke eher nicht, denn da wird das ja soweit ich sehe, anders gemacht. Aber vielleicht hat @Olaf, oder jemand anderes einen Tipp für Dich. Musst halt etwas Geduld haben.

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
03.05.2017 19:59
avatar  Olaf
#10 RE: HTML/CSS in der Navigation?
Ol
Mitglied

Zitat von Shogun im Beitrag #9
Aber vielleicht hat @Olaf, oder jemand anderes einen Tipp für Dich.


Da muß ich ihn mal fragen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
03.05.2017 20:00
#11 RE: HTML/CSS in der Navigation?
avatar
Mitglied

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
04.05.2017 01:29 (zuletzt bearbeitet: 04.05.2017 01:31)
avatar  Rudi_
#12 RE: HTML/CSS in der Navigation?
avatar
Mitglied

Zitat von Olaf im Beitrag #10
Zitat von Shogun im Beitrag #9
Aber vielleicht hat @Olaf, oder jemand anderes einen Tipp für Dich.


Da muß ich ihn mal fragen.

Gruß
Olaf


Musst du nicht, hat sich erledigt...das hat inzwischen ein Profi erledigt..

Achja Shogun, wenn du Olaf fragen willst, dann solltest halt Olaf fragen.


 Antworten

 Beitrag melden
04.05.2017 07:39
#13 RE: HTML/CSS in der Navigation?
avatar
Mitglied

Moin, ihr seit spitze. Olaf, vielen Herzlichen Dank. Getestet und funktioniert. Heute Abend werde ich es einfügen. Die Variante mit dem Hoover Button gefällt mir am besten.

Danke


 Antworten

 Beitrag melden
08.05.2017 17:09
#14 RE: HTML/CSS in der Navigation?
avatar
Mitglied

Noch eine Zusatzfrage: Könnte man das auch hinkriegen, wie hier im Supportforum oben in der Navileiste, zwischen den Button einen kleinen Leerraum? Das gefällt mir nämlich sehr.
Danke


 Antworten

 Beitrag melden
10.05.2017 21:17
avatar  Olaf
#15 RE: HTML/CSS in der Navigation?
Ol
Mitglied

Das geht auch über die CSS.
Mit weißen Abgrenzungen:

1
2
3
4
 
ul.navigation li{
border-right:5px solid #ffffff !important;
}
 
 


Die Farbe kann man natürlich ändern,aber ich dachte,zu Deiner weißen Schrift passt Weiß gut.
Oder mit der gleichen Farbe der Navi:

1
2
3
4
 
ul.navigation li{
margin-right:8px;
}
 
 


Alles Geschmacksache.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!