Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Meniu ca in imagine !

Vezi subiectul anterior Vezi subiectul urmator In jos

  • 0

Rezolvat Meniu ca in imagine !

Mesaj Scris de BulaneLLLL* Lun Ian 06, 2014 10:33 pm

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


Ultima editare efectuata de catre BulaneLLLL* in Mier Ian 08, 2014 8:16 pm, editata de 1 ori
BulaneLLLL*

BulaneLLLL*
Membru Forumgratuit

Mesaje : 116
Varsta : 33
Data înscrierii : 14/12/2013
Mulțumiri : 1
Internet Explorer Invision

http://www.c4strike.taro.tv
BulaneLLLL* a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu ca in imagine !

Mesaj Scris de CryssBoy[;x] Mar Ian 07, 2014 9:37 am

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 "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.
CryssBoy[;x]

CryssBoy[;x]
Membru Forumgratuit

Mesaje : 215
Varsta : 26
Data înscrierii : 20/10/2013
Mulțumiri : 2
Internet Explorer phpBB3

http://extream-tutorials.phpbb9.com
CryssBoy[;x] a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu ca in imagine !

Mesaj Scris de MBeatrice Mier Ian 08, 2014 9:19 pm

Marcat rezolvat :
topic rezolvat
MBeatrice

MBeatrice
Membru onorific
Membru onorific

Mesaje : 729
Varsta : 30
Localizare : Ploiesti
Data înscrierii : 01/01/2013
Mulțumiri : 5
Internet Explorer phpBB3

MBeatrice a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum