Meniu de navigatie pe bara

Pagina 1 din 2 1, 2  Urmatorul

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 : http://postimage.org/image/trrdcnoab/
avatar
Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 23
Localizare : Pe forum :)
Data înscrierii : 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ă.
avatar
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 : http://postimage.org/image/edtjuumln/

Imagine cu bara rosie ( poate va ajuta la ceva ) : http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png
avatar
Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 23
Localizare : Pe forum :)
Data înscrierii : 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;
}
avatar
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
avatar
Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 23
Localizare : Pe forum :)
Data înscrierii : 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
avatar
Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6769
Varsta : 19
Localizare : Buzau
Data înscrierii : 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
avatar
Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 23
Localizare : Pe forum :)
Data înscrierii : 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;
}
avatar
Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6769
Varsta : 19
Localizare : Buzau
Data înscrierii : 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.
avatar
Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 23
Localizare : Pe forum :)
Data înscrierii : 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
avatar
Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6769
Varsta : 19
Localizare : Buzau
Data înscrierii : 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;
}
avatar
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.
avatar
Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 23
Localizare : Pe forum :)
Data înscrierii : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum