Tutorial - Modificarea barei de navigare complet in Phpbb3

Scris de BeHappy Sam Iun 18, 2011 6:21 am

Tutorial - Modificarea barei de navigare complet in Phpbb3

Salut. Daca doriti sa va personalizati bara de navigare pe phpbb3 urmariti acesti pasi.

Pentru realizarea acestui tutorial fiti atenti si faceti cum se zice in tutorial.

In primul rand veti merge la Foaia de stil CSS gasita in P.A. => Afisare => Imagini si culori => Culori. Acolo, in spatiul liber veti adauga urmatorul cod:

Cod:: div#page-header div.navbar { display: block; float: center; height: 40px; margin-right: 8px; text-decoration: none; text-shadow: 1px 1px 2px #4D5A1C; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; border: none; }

display: block; - nu merita modificat.
float: center; - puteti inlocui center (centru) cu right (dreapta) sau left (stanga). Acest cod afecteaza pozitia barei.
height: 40px; - inaltimea. Inlocuiti 40 cu ce numar doriti.
margin-right: 8px; - se modifica doar atunci cand e nevoie.
text-decoration: none; - stergeti acest cod daca doriti ca textul sa fie subliniat.
text-shadow: 1px 1px 2px #4D5A1C; - acest cod va adauga un mic efect - umbra. Modificati cifrele 1, 1, 2 cu ce doriti. Cu cat mai mare cifra cu atat si umbra. Inlocuiti #4D5A1C cu culoarea umbrei dorite.
font-family: Arial, Helvetica, sans-serif; - inlocuiti denumirile cu numele fontului dorit.
font-size: 12px; - Inlocuiti 12 cu marimea textului.
font-weight: normal; - inlocuiti normal cu strong daca doriti ca textul sa fie mai "apasat".
color: #FFFFFF; - inlocuiti cu culoarea textului.
border: none; - daca doriti sa fie cu bordura inlocuiti none cu px, de exemplu 1px. Dar nu va recomand pentru ca nu cred ca ar arata frumos.

Puteti sa va vizualizati forumul, dar daca apare vreun bug va trebui sa mai adaugai si acest cod pentru disparitia casutei de cautare:

Cod:: #search{ display:none; }

Cu dvs a fost BeHappy, ne vedem la noul tutorial. Wink

***Daca intampinati probleme sau dificultati in realizarea acestui tutorial sa rugam sa postati in categoria [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Tutorial realizat de BeHappy | DesignART
***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !