Meniu de navigatie pe bara

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Meniu de navigatie pe bara

Mesaj Scris de Dw1k1nG - la data de Sam 14 Apr - 19:50

Cum pot pune meniu de navigatie pe acea bara rosie ?

Imagine : [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 22
Localizare : Pe forum :)
Data de inscriere : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Vizitato la data de Sam 14 Apr - 19:54

Adăugați în foaia de stil css:
Cod:

#page-header .navbar {
background: url(LINKIMAGINE) no-repeat center;
margin-left: -35px;
margin-right: -35px;
}

Trebuie să adăugați imaginea de fundal și să modificați 35 cu valorea dorită.

Vizitato
Vizitator


Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Dw1k1nG - la data de Sam 14 Apr - 20:12

Uiteti cum a-mi apare ..

Imagine : [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Imagine cu bara rosie ( poate va ajuta la ceva ) : [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 22
Localizare : Pe forum :)
Data de inscriere : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Vizitato la data de Sam 14 Apr - 20:14

Puneți în css:
Cod:

#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -35px;
margin-right: -35px;
}

Vizitato
Vizitator


Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Dw1k1nG - la data de Sam 14 Apr - 20:16

Acest cod lam adaugat de prima data in CSS
Cod:
#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -35px;
margin-right: -35px;
}

Nici o schimbare

Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 22
Localizare : Pe forum :)
Data de inscriere : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Keir la data de Sam 14 Apr - 20:19

Bună seara,

Am să vă rog să postați aici foaia de stil CSS. Din câte observ în imagine aveți mai multe coduri care deformează meniul de navigare.


Ultima editare efectuata de catre Keir in Sam 14 Apr - 20:30, editata de 1 ori

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Dw1k1nG - la data de Sam 14 Apr - 20:29

Cod:
#page-header {
background: url(http://i43.servimg.com/u/f43/17/43/53/81/sus11.png) center;
height: 290px;
width: 1030px;
background-repeat: no-repeat;
}

#page-header .navbar a{
position: relative;
margin-left: 10px;
font-size: 12px;}

#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -35px;
margin-right: -35px;
}

acesta este tot Css'u

Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 22
Localizare : Pe forum :)
Data de inscriere : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Keir la data de Sam 14 Apr - 20:32

Condul acesta se bate cap în cap:

Cod:
#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -35px;
margin-right: -35px;
}

Ori personalizați margin-left, ori margin-right. Încercați așa:

Cod:
#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -35px;
}

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Dw1k1nG - la data de Sam 14 Apr - 21:02

Fara nici un efect, la fel ca inainte.

Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 22
Localizare : Pe forum :)
Data de inscriere : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Keir la data de Sam 14 Apr - 21:04

Păi normal că este ca înainte dacă nu ați modificat valoarea de "-35 px". Adăugați una mai mica. Cu cât valoarea va fi mai mică, cu atât se va apropia mai mult de #wrap, cu cât va fi mai mare, cu atât se va depărta. A face cu ochiul

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Vizitato la data de Sam 14 Apr - 21:07

Ștergeți din css acest cod:
Cod:

#page-header {
background: url(http://i43.servimg.com/u/f43/17/43/53/81/sus11.png) center;
height: 290px;
width: 1030px;
background-repeat: no-repeat;
}

Vizitato
Vizitator


Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Dw1k1nG - la data de Dum 15 Apr - 13:12

Uitati css'ul
Cod:
#page-header .navbar a{
position: relative;
margin-left: 10px;
font-size: 12px;}

#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -1px;
margin-right: -1px;
}

am modificat pana am ajuns la -1 px si nam vazut nici o schimbare.

Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 22
Localizare : Pe forum :)
Data de inscriere : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Keir la data de Dum 15 Apr - 13:15

V-am mai spus odată. Ori scrieți "margin-left" - distanța de la stânga la dreapta, ori "margin-right" - distanța de la dreapta la stânga. Lăsați doar margin-left:

Cod:
    #page-header .navbar a{
    position: relative;
    margin-left: 10px;
    font-size: 12px;}

    #page-header .navbar {
    background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
    margin-left: -20px;
}

Încercați să puneți o valoare cât mai scăzută. De exemplu, "-20px", cum am pus mai sus. A face cu ochiul

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Dw1k1nG - la data de Dum 15 Apr - 20:33

Poteti inchide subiectu.

Multumesc.

Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 22
Localizare : Pe forum :)
Data de inscriere : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Rezolvat Re: Meniu de navigatie pe bara

Mesaj Scris de Vizitato la data de Dum 15 Apr - 20:42

topic rezolvat

Vizitato
Vizitator


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum