Page 1 of 1
CSS Menu vragen
Posted: Fri Dec 18, 2020 7:39 am
by Swets
Kan je in een CSS Menu de knoppen die naar een pagina Linken en andere kleur geven als de knoppen waar niets aan hangt?
Re: CSS Menu vragen
Posted: Fri Dec 18, 2020 8:17 am
by Pablo
Dat kan d.m.v. custom code:
Code: Select all
<style>
#CssMenu1 li:nth-child(2) a
{
background: #FF0000;
}
</style>
waarbij '2' de tweede knop is.
Re: CSS Menu vragen
Posted: Fri Dec 18, 2020 8:33 am
by Swets
okay,
Custom code...
en waar vind ik dat ? in het menu?
sorry hoor...
Re: CSS Menu vragen
Posted: Fri Dec 18, 2020 8:51 am
by Pablo
Stap 1
Open Page HTML
Stap 2
Selecteer 'Between head tags'
Stap 3
Kopieer de code.
Re: CSS Menu vragen
Posted: Fri Dec 18, 2020 9:55 am
by Swets
gelukt...
<style>#wb_CssMenu1 a.withsubmenu:hover{
background-color:#555;
font-color:black;
text-decoration:underline;
}
</style>
ik heb dit er van gemaakt....
nu worde de knoppen grijs als er geen pagina onder hangt...
maar alleen als je er overheen hover...
kijken of ik dat nog op 1 of andere manier kan wijzigen, dat ze gewoon altijd een andere kleur hebben....
Re: CSS Menu vragen
Posted: Fri Dec 18, 2020 11:02 am
by Swets
<style>
#wb_CssMenu1 a.withsubmenu:hover, #wb_CssMenu1 ul ul ul a.withsubmenu:hover{
background-color:#555;
font-color:black;
}
#wb_CssMenu1 a.withsubmenu::after {
content: '>';
position: relative;
display: inline-block;
}
#wb_CssMenu1 a.withsubmenu:hover::after, #wb_CssMenu1 a.withsubmenu:focus::after {
animation-name: example;
animation-duration: 0.3s;
position: relative;
}
@keyframes example {
0% {left:0px; top:0px;}
25% {left:4px; top:0px;}
50% {left:8px; top:0px;}
75% {left:12px; top:0px;}
100% {left:16px; top:0px;}
}
</style>
ik heb nu dit.... nu zet hij ook een > achter de tekst in de knop als het geen pagina is...
wordt steeds leuker...
www.arjan-swets.com
Re: CSS Menu vragen
Posted: Fri Dec 18, 2020 2:10 pm
by Swets
ik weet dat dit niets met het pakket heeft te maken....
en als je je er niet naar wil kijken is er ook niets aan de hand....
maar ik heb nu het onderstaande....
maar ik krijg het maar niet voor elkaar
dat bij hardware/micro controllers/arduino/flipperkast dat flipperkast grijs word?
pijltje doet het wel... maar de kleur niet....
En jij heb er duidelijk veel meer verstand van als ik.... dus misschien een tip of?
http://www.arjan-swets.com
Code: Select all
<style>
#wb_CssMenu1 a.withsubmenu:hover, #wb_CssMenu1 ul ul ul a.withsubmenu:hover{
background-color:#555;!important
font-color:black;
}
#wb_CssMenu1 a.withsubmenu::after {
content: '>';
position: relative;
top:1px;
margin-left: 5px;
display: inline-block;
}
#wb_CssMenu1 li a.withsubmenu:hover::after, #wb_CssMenu1 li a.withsubmenu:focus::after {
transform: rotate(90deg);
transition: transform 0.5s ease-in-out;
position: relative;
}
#wb_CssMenu1 ul li li a.withsubmenu:hover::after, #wb_CssMenu1 ul li li a.withsubmenu:focus::after {
animation-name: example;
transform: rotate(0deg);
animation-duration: 0.5s;
animation-iteration-count:infinite;
position: relative;
}
@keyframes example {
0% {left:0px; top:0px;}
25% {left:8px; top:0px;}
50% {left:16px; top:0px;}
75% {left:8px; top:0px;}
100% {left:0px; top:0px;}
}</style>
Re: CSS Menu vragen
Posted: Fri Dec 18, 2020 2:15 pm
by Pablo
Sorry, ik kan je helaas niet helpen met HTML/CSS gereleteerde vragen.
Daar gaat meestal voor mij ook heel veel tijd inzitten.
Re: CSS Menu vragen
Posted: Fri Dec 18, 2020 2:22 pm
by Swets
begrijp ik....
dan zoek ik verder...
maar eerlijk zeggen, wat vind je er zo van?
ik vind het steeds mooier worden...
wel jammer met die folders er tussen dat het menu gauw erg breed word, en dat die dan buiten het scherm valt...
maar ik heb al een beetje met alles zitten schuiven...
Re: CSS Menu vragen
Posted: Fri Dec 18, 2020 2:48 pm
by Pablo
Ja, het wordt wel mooi zo!