Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in één van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Menu aanpassen

Vorige onderwerp Volgende onderwerp Go down

Menu aanpassen

Bericht van doggygirly op wo 7 jan 2015 - 12:38

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;
}

doggygirly
Actief Forumlid

Vrouw Aantal berichten : 204
Leeftijd : 23
Locatie : Geluwe
Registratiedatum : 09-08-07

Profiel bekijken http://www.wolfstory.clicboard.com
doggygirly is bedankt door de starter van dit topic.

De auteur van dit bericht is verbannen van het forum - See the message

Re: Menu aanpassen

Bericht van 10spetter10 op vr 9 jan 2015 - 20:20

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


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1294
Leeftijd : 19
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Menu aanpassen

Bericht van doggygirly op za 10 jan 2015 - 19:50

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
Actief Forumlid

Vrouw Aantal berichten : 204
Leeftijd : 23
Locatie : Geluwe
Registratiedatum : 09-08-07

Profiel bekijken http://www.wolfstory.clicboard.com
doggygirly is bedankt door de starter van dit topic.

De auteur van dit bericht is verbannen van het forum - See the message

Re: Menu aanpassen

Bericht van 10spetter10 op za 10 jan 2015 - 23:03

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;
}


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1294
Leeftijd : 19
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum