Navigatiebar

van Chocolate zo 9 feb 2014 - 16:11

_{Hallo Hallo *zwaait*
Ik ben niet heel erg thuis in het maken van forums, en nog minder ben ik thuis in het coderen. En dus heb ik een vraagje. c: Hier op kickstart, is de navigatiebar onder elkaar te zien. Dat kreeg ik opzich wel voor elkaar, maar wanneer ik deze probeerde te verplaatsen en op de goede plek en hoogte probeerden te krijgen, ging hij hem helemaal spacen. Toen had ik het idee om alleen de knoppen profile, inbox, inloggen, uitloggen en registeren onder elkaar in een speciaal vakje te zetten, en om de knoppen zoals users en index naast elkaar te laten en alleen wat omhoog te verplaatsen zodat die er mooi bij zouden passen. Het idee heb ik, maar de uitvoering.. Tja, ik heb géén idee wat de codes zijn om de navigatie knoppen individueel te verplaatsen. Dus hierbij de vraag, kan iemand me daar bij helpen? Hieronder een screenshot van onder andere het logo, het plan is om de buttons die onder elkaar moeten in het vak met de bloesems(?) te plaatsen. Let niet op de verdere leegte van het forum, ik ben nog vollop bezig met de lay-out. Maar als er misschien mensen ideeën hebben ervoor, is dat natuurlijk ook altijd hardstikke welkom!

Liefs, Chocolate~

Screenshot:}

van **CCDragon** zo 9 feb 2014 - 16:22

De Navbar kan je op de volgende manier onder elkaar krijgen:

STAP 1.
Heel belangrijk! Als je dit niet doet heeft stap 2 weinig nut. Ga naar je adminpaneel-> Display->Indexpagina->headers&navigatie. Zet de "Force the navbar to remain on one line" op NO.

STAP 2.
Ga naar display->templates->algemeen->overall_header. Vervang nu op regel 267 dit:

Code:: <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

door dit:

Code:: <td align="{MENU_POSITION}"{MENU_NOWRAP}><div style="width:180px;margin-top:-230px;margin-right:500px;">{GENERATED_NAV_BAR}</div></td>

De marges moet je verder zelf even aanpassen.

Je kan dus gewoon de plaatjes uploaden bij Display->plaatjes. Zijn je plaatjes bijv. 200 px breed, zet div style="width:180px; dan ook op 200ox Dan gaan ze automatisch onder elkaar staan.
Met margin-top en margin-right kan je ze verplaatsen door de waardes groter of kleiner te maken. Je moet er maar even mee spelen (:

van Chocolate zo 9 feb 2014 - 16:35

_{Het kan zijn omdat ik tot nu toe zo weinig mogelijk aan de templates heb gezeten en vrijwel alles met de css probeer te doen, waardoor het voor mij net iets te ingewikkeld is, maar het lukt bij mij niet. Ze blijven naast elkaar staan en verdwenen daarbij na een paar seconden ook nog eens in het logo. De width aanpassen werkt ook niet bepaald veel, ze komen niet onder elkaar te staan. Verschillen de templates misschien per forumsoort? Want misschien ligt het daar aan, aangezien de eerste code bij mij ook niet op regel 267 maar 269 stond.}

van **CCDragon** zo 9 feb 2014 - 17:10

Welke soort heb je? Phb2? Want daarop zou het gewoon moeten werken. Het kan ook zijn dat iets in het CSS het verstoort. Weet niet of je al veel codes hebt gebruik op de navbar en of banner?

van Chocolate zo 9 feb 2014 - 17:23

_{Ja, Ik gebruik phbb2. Ik heb wel codes bij de css, maar niet betrokken op de navbar. Wel op de banner zodat deze mooi op zijn plek staat, maar verder niet.

CCDragon schreef:Zet de "Force the navbar to remain on one line" op NO
Dat heb ik trouwens ook al gedaan, dus daar ligt het niet aan.}

van **CCDragon** zo 9 feb 2014 - 17:27

Hmmm D: Heb je al wat rond gespeeld met de marges? Verder zou ik het ook niet weten.. Misschien moet je Anja even poken xD

(heb je hem wel gevalideerd btw?)

van Chocolate zo 9 feb 2014 - 17:31

_{Jep, daar heb ik al mee rondgespeeld. Niet gevalideerd, maar op dat knopje gedrukt waarmee je zeg maar het voorproefje te zien krijgt. Ik wil niet de kans lopen om m'n template te verkloten.
Vraagje, wie is Anja? xd}

van **CCDragon** zo 9 feb 2014 - 17:33

Haha, dat is Lone Wanderer Wink

Haar zus Lacernella Rubra is ook goed met codes (ze doen ook dezelfde grafische opleiding).

van **Lone Wanderer** zo 9 feb 2014 - 19:51

Chocolate: als je de link van je forum zou willen geven, wil ik er wel eens naar kijken? Ik vind het altijd makkelijker om te helpen als ik het forum zelf voor me heb, dan als ik naar screenshots kijk, dan kan ik de structuur van de codes zien Smile

van Chocolate za 22 feb 2014 - 17:48

_{Sorry voor de late reactie, maar hier is de link van mijn forum: http://allthedays.actieforum.com/}

van **Lone Wanderer** zo 23 feb 2014 - 12:01

Ik heb er even naar gekeken, maar ik weet niet helemaal zeker of ik nu snap wat je wil. Je zegt in je eerste post dat het wel lukt om de buttons onder elkaar te zetten, maar op de manier die CCDragon aangaf lukt dat niet? Ik heb die code namelijk ook even op mijn test-forum geprobeerd en daar lukt dat zonder problemen. Zou je je template-code kunnen geven mét de aanpassing die CCDragon heeft uitgelegd?

Anders kun je eventueel ook wel alle buttons individueel gaan verplaatsen, maar dat is meer werk, dus het is beter als je de code even laat zien Razz

van Gesponsorde inhoud

Navigatiebar

Navigatiebar

Re: Navigatiebar

Re: Navigatiebar

Re: Navigatiebar

Re: Navigatiebar

Re: Navigatiebar

Re: Navigatiebar

Re: Navigatiebar

Re: Navigatiebar

Re: Navigatiebar

Re: Navigatiebar

Re: Navigatiebar