Hallo Zusammen
Ich habe auf meiner Website (http://www.visionex.ch) einen Menüeffekt. Gerne möchte ich, dass die Striche (oben und unten) beim zur Zeit aktiven Menü bleiben. Kann mir da jemand helfen?
Vielen lieben Dank schon im Voraus.
LG
Chantal
Hallo Zusammen
Ich habe auf meiner Website (http://www.visionex.ch) einen Menüeffekt. Gerne möchte ich, dass die Striche (oben und unten) beim zur Zeit aktiven Menü bleiben. Kann mir da jemand helfen?
Vielen lieben Dank schon im Voraus.
LG
Chantal
Deinen Eintrag in de custom.css für a:hover musst Du auch auf a:active anwenden.
Vielen Dank für deine Antwort...aber das funktioniert irgendwie nicht. Für den Effekt ist ja nachstehender Code. Und wenn ich da alles was a:hover ist auch mit a:active mache geschieht nichts.
.snip1217 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.snip1217 .home, .angebote li {
display: inline-block;
list-style: outside none none;
margin: 0.5em 1.5em;
padding: 0;
}
.snip1217 .angebote, .preise li {
display: inline-block;
list-style: outside none none;
margin: 0.5em 1.5em;
padding: 0;
}
.snip1217 .preise, .referenzen li {
display: inline-block;
list-style: outside none none;
margin: 0.5em 1.5em;
padding: 0;
}
.snip1217 .referenzen, .visionex li {
display: inline-block;
list-style: outside none none;
margin: 0.5em 1.5em;
padding: 0;
}
.snip1217 .visionex, .kontakt li {
display: inline-block;
list-style: outside none none;
margin: 0.5em 1.5em;
padding: 0;
}
.snip1217 .kontakt, .kontakt li {
display: inline-block;
list-style: outside none none;
margin: 0.5em 1.5em;
padding: 0;
}
.snip1217 a.home, a.angebote, a.preise, a.referenzen, a.visionex, a.kontakt {
padding: 0.3em 0 !important;
color: #ffffff !important;
position: relative !important;
text-decoration: none !important;
display: inline-block !important;
}
.snip1217 a.home:before, a.angebote:before, a.preise:before, a.referenzen:before, a.visionex:before, a.kontakt:before,
.snip1217 a.home:after, a.angebote:after, a.preise:after, a.referenzen:after, a.visionex:after, a.kontakt:after {
height: 3px;
position: absolute;
content: '';
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
background-color: #4187bf;
width: 0;
color: rgba(255, 255, 255, 0.5);
}
.snip1217 a:before {
top: 46px;
left: 0;
}
.snip1217 a:after {
bottom: 44px;
right: 0;
}
.snip1217 a:hover,
.snip1217 .current a {
color: #ffffff;
}
.snip1217 a:active,
.snip1217 .current a {
color: #ffffff;
}
.snip1217 a:hover:before,
.snip1217 .current a:before,
.snip1217 a:hover:after,
.snip1217 .current a:after {
width: 100%;
}
.snip1217 a:active:before,
.snip1217 .current a:before,
.snip1217 a:active:after,
.snip1217 .current a:after {
width: 100%;
}
Alles anzeigen
wow perfekt dankeee!! funktioniert