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

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

Vezi profilul utilizatorului 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

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

Vezi profilul utilizatorului 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

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

Vezi profilul utilizatorului 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

Mesaje : 6769
Varsta : 20
Localizare : Buzau
Data înscrierii : 28/12/2011
Multumiri : 68
Niciun avertisment

Vezi profilul utilizatorului 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

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

Vezi profilul utilizatorului 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

Mesaje : 6769
Varsta : 20
Localizare : Buzau
Data înscrierii : 28/12/2011
Multumiri : 68
Niciun avertisment

Vezi profilul utilizatorului 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

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

Vezi profilul utilizatorului 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

Mesaje : 6769
Varsta : 20
Localizare : Buzau
Data înscrierii : 28/12/2011
Multumiri : 68
Niciun avertisment

Vezi profilul utilizatorului 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

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

Vezi profilul utilizatorului http://itutorials.wow3.info/

Sus In jos

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum