CSS Menu vragen

[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?

[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.

[Swets]

okay,
Custom code...
en waar vind ik dat ? in het menu?

sorry hoor...

[Pablo]

Stap 1
Open Page HTML

Stap 2
Selecteer 'Between head tags'

Stap 3
Kopieer de code.

[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....

[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

[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>

[Pablo]

Sorry, ik kan je helaas niet helpen met HTML/CSS gereleteerde vragen.
Daar gaat meestal voor mij ook heel veel tijd inzitten.

[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...

[Pablo]

Ja, het wordt wel mooi zo!