Navigatiebar + schaduw lettertype

Hii,
Weeral een paar vragen, het spijt me ;s Maar ik zag een hele leuke navigatiebar en ik vroeg me af welke code erachter zit (eerste afbeelding) c: Mijn tweede vraag, hoe kan ik schaduwen toevoegen aan de lettertypes (afbeelding 2, zowel groen als rood deel) En als het kan ook hoe ik dit in het midden krijg ^^ Iemand? Alvast bedankt! ^^ En dan als laatste, welke code is gebruik voor afbeelding 3, het rode?

Niemand?  

Nibsy, zou je niet zo snel je topic willen bumpen? Je hebt het topic pas gisteravond gestart.

Voor dat menu; staat het naast de banner? Je kan deze tutorial gebruiken om je menu op een andere plek te zetten.

Voor de schaduwen, ik neem aan dat je al een code hebt staan in het CSS om het lettertype te veranderen? Zo ja, voeg dit dan toe aan die code:

Code:

text-shadow: 2px 2px 2px #000;

Ik kan sowieso met een paar puntjes helpen:

Nummer 1

Dit is een tutorial, uitgewerkt voor een verticaal menu en volledig compatibel met Forummotion. Volg gewoon stap per stap en dan zal je een horizontaal menu krijgen:
http://www.webartzforum.com/t1129-vertical-sub-menu

Nummer 2

Het schaduweffect bij het 2de onderdeel heeft enkel een klein CSS trucje nodig:

Code:

h3 {text-shadow: 0.1em 0.1em #333}

Centreren doe je simpelweg met

Code:

<center>....</center>

Voeg dit toe aan de css van de plaats waar je graag de schaduw wilt.

Nummer 3

Dit is een scrollbox. Hieronder vind je het script voor een scrollbox. Dit pas je aan naar je eigen noden.

Code:

<div style="width: 190px;height: 250px;overflow:-moz-scrollbars-vertical;overflow-y:auto;">
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
</div>

Als er problemen zijn hoor ik het wel ^^

Gebruik je PHB2? Dan kan je dat aanpassen in de templates. Als je daarbij hulp nodig hebt hoor ik het graag. Bij PHB3 werkt dat helaas niet.

je kan proberen door je vakje met je tekst groter te maken of door de margin-top/left negatief te zetten:

Code:

<div style="width: 190px;height: 250px;overflow:-moz-scrollbars-vertical;overflow-y:auto; margin-top: -10px; margin-left: -50px;">
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
<p>text here! text here! text here! text here!</p>
</div>