Modificarea aspectului meniului de navigare

Salut, eu as dori sa stiu cum pot sa fac si eu asa meniul ca in imaginea aceasta:

Salut,

HighPlay, Va rog sa va puneti de acord titlul subiectului cu problema dumneavoastra reala.
Un titlu adecvat acestui topic ar fi: Modificarea aspectului meniului de navigare.

Gata, ma ajutati si pe mn?

Sigur ca te ajut,

Pasul 1. Setarile necesare.
1.1 Panou de administrare ~> Afisare ~> Pagina de start ~> Antet & Navigare ~> Antet pagini ~> Afisati numai imagini in bara de link-uri ~> Nu ~> Inregistrare
1.2 Panou de administrare ~> Afisare ~> Pagina de start ~> Antet & Navigare ~> Antet pagini ~> Pozitie meniu ~> Centrat ~> Inregistrare

Pasul 2. Modificarile in template.
2.1 Panou de administrare ~> Afisare ~> Template-uri ~> General ~> overall_header ~> Modifica
Cautati urmatorul fragment de script:

Cod:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

Dupa ce ati gasit fragmenul de script de mai sus inlocuiti-l cu fragmentul de script de mai jos:

Cod:

  <div class="meniu"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
            <tr>
                <td align="{MENU_POSITION}"{MENU_NOWRAP}><strong>{GENERATED_NAV_BAR}</strong></td>
              </tr>
</table></div>

2.2 Dupa ce ati efectuat modificarile apasati butonul Inregistrare iar apoi Publica.

Pasul 3. Scriptul CSS pentru a obtine rezultatul dorit.
3.1 Panou de administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS ~> Adaugati scriptul:

Cod:

a.mainmenu{
padding: 10px;
color: #A7A7A7;
font-size: 11px;
font-style: bold;
  border-radius: 3px;
  webkit-border-radius: 3px;
  moz-border-radius: 3px;}

a.mainmenu:hover{color: #11A3D9;}
  
.meniu{
 background-image: url("http://i.imgur.com/9mCqeAD.png");
color : #3d3d3d;
font-style: bold;
font-size: 12px;
font-family: Arial,Rockwell extra bold;
top: 10px;
padding: 15px;}

3.2 Dupa ce ati adaugat scriptul CSS apasati butonul Inregistreaza.
3.3 Bara de fundal a meniul este data de imaginea "https://i.imgur.com/9mCqeAD.png" , imagine pe care o puteti modifica dupa preferintele dumneavoastra, precum si celelalte variabile.

Precizare! Meniul forumului pe o bara de fundal functioneaza la parametrii normali numai atunci cand meniul este selectat pe pozitia Centrat.

---

Ms!