Meniu ca in imagine !

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Meniu ca in imagine !

Mesaj Scris de BulaneLLLL* la data de Lun 6 Ian - 22:33

Cine ma poate ajuta sa fac meniul ca cel din imagine ? Va rogg !


Ultima editare efectuata de catre BulaneLLLL* in Mier 8 Ian - 20:16, editata de 1 ori

BulaneLLLL*
Membru Forumgratuit

Mesaje : 116
Varsta : 26
Data de inscriere : 14/12/2013
Multumiri : 1
2 avertismente

http://www.c4strike.taro.tv

Sus In jos

Rezolvat Re: Meniu ca in imagine !

Mesaj Scris de CryssBoy[;x] la data de Mar 7 Ian - 9:37

Buna ziua, Salut! 


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 "http://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.

CryssBoy[;x]
Membru Forumgratuit

masculin

Mesaje : 218
Varsta : 18
Data de inscriere : 20/10/2013
Multumiri : 2
Niciun avertisment

http://extream-tutorials.phpbb9.com

Sus In jos

Rezolvat Re: Meniu ca in imagine !

Mesaj Scris de MBeatrice la data de Mier 8 Ian - 21:19

Marcat rezolvat :
topic rezolvat

MBeatrice
Membru onorific
Membru onorific

feminin

Mesaje : 730
Varsta : 23
Localizare : Ploiesti
Data de inscriere : 01/01/2013
Multumiri : 5
Niciun avertisment

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum