Menu aanpassen

ik ben dit echt zo verleerd...

Op http://wstester.actie-forum.com kun je zien dat ik probeer een menu met drop down menutjes te maken. Nu is dat redelijk gelukt, er zijn alleen 2 zaken die echt niet willen lukken;

- Is het mogelijk 'Inbox' een ander kleur te geven als er nieuwe berichten zijn? Anders gaan er heel wat berichten over het hoofd gezien worden

- Ik wil het menu in de hoofding. Nu is dat wel al gelukt, maar het driop down menu verschuift niet mee.. INTUSSEN GELUKT

- Kan 'registreren' een andere kleur krijgen zodat dit opvalt voor gasten?

- er staan nu redelijk dikke witte strepen tussen alle tabs, kan ik deze verwijderen of fijner maken?


Alvast bedankt! Zodra dit gelukt is kan de lay out in werking gaan

EDIT
dit is de css dat ik heb staan

Code:

#nav, #nav ul {
padding: 3px 0 0 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width: 90px;  
}

#nav ul {
position: absolute;
width: 120px;
left: -1000px;
 }

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#nav a {
display: block;
margin: 2px 2px 3px 2px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

ul a{
font-weight: bold;
color: #F60;
cursor: pointer;
}

ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #CCC;
cursor: pointer;
}

ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #FFF;
cursor: pointer;
}

ul li{
background-color:none;
border-left: 3px solid #FFF;
}

ul ul li{
background-color:none;
border-top: 3px solid #FFF;
border-left: 0;
}

Hoi! Goeie vraag. Ik ben er ook wel nieuwsgierig naar eigenlijk.

Ik zat te kijken op verschillende forums, maar ik kan het niet echt vinden. Ik weet wel iets voor de hele navbar:

ul.navlinks li a { color:######!important;}, maar per button weet ik het niet echt. Is het mssn een idee om een aparte button te maken in jouw kleur en die in de navbar als plaatje in te voeren

EDIT: In mijn eigen CSS zie ik dat je iets per button kunt aanpassen, bijvoorbeeld:
#page-header .navbar .navbut9 {color:######!important;} En als dat werkt dan is deze oplossing wel heel erg secret via een vriend van me hoor haha! xD

1. Om de 'Inbox'-knop te doen opvallen wanneer er een nieuwe pb is ga je volgens mij javascript nodig hebben en de oude navbalk. Want er is volgens mij geen variabele gegeven die laat zien of er een nieuw bericht is dus moet je deze info halen uit de oorspronkelijke navbalk, deze kan je wel verbergen zodat hij niet zichtbaar is. Verder ga je wat meer classes aan je li elementen geven zodat je ze preciezer en dus makkelijker kan aanroepen.
   
   
2. Hiervoor is het ook makkelijker als bijvoorbeeld de li van register een extra class geeft en deze opmaakt.
   
   
3. Die witten strepen zijn een border van je li-elementen. Momenteel is je css van die navbalk redelijk vaag maar je kan deze aanpassen door deze css code:
   
   

   Code:

   ul li {
  border-left: 0px solid transparent;
}

Als je ook eens je template post van die navbalk kunnen we je beter helpen met meer class en id's te geven zodat je preciezer te werk kan met je css.

Ok, ik ga toch hulp nodig hebben met het verplaatsen van het menu.. bij mij staat ie perfect maar op anderen hun scherm niet... dan staat ie teveel naar links of recht..
Ik ga kijken om de template code hier te plaatsen

doggygirly schreef:Ok, ik ga toch hulp nodig hebben met het verplaatsen van het menu.. bij mij staat ie perfect maar op anderen hun scherm niet... dan staat ie teveel naar links of recht..
Ik ga kijken om de template code hier te plaatsen

probeer dit in je CSS. Sorry dat ik kort ben, maar ik ben ook op het andere support forum online....

margin-left: auto;
margin-right: auto;

Het probleem met het verschuiven van je menu afhankelijk van je scherm is makkelijk op te lossen. Het is namelijk zo dat je menu momenteel is verankerd aan je body-element, dit wil zeggen dat het afhankelijk is aan de randen van je scherm. Wanneer je het nu gaat verankeren aan de randen van je forum blijft deze staan op om het even wat voor scherm.
Hiervoor ga je de position van je bodyline op relative moeten zetten en daarna je menu terug fixeren door te spelen met je left en top.

Code:

.bodyline {
  position: relative;
}
#nav, #nav ul {
  top: xxxpx;
  left: xxxpx;
}