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 Apr 14, 2012 7:50 pm

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 Apr 14, 2012 7:54 pm

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 Apr 14, 2012 8:12 pm

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 Apr 14, 2012 8:14 pm

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 Apr 14, 2012 8:16 pm

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 Apr 14, 2012 8:19 pm

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 Apr 14, 2012 8:30 pm, 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 Apr 14, 2012 8:29 pm

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 Apr 14, 2012 8:32 pm

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 Apr 14, 2012 9:02 pm

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 Apr 14, 2012 9:04 pm

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 Apr 14, 2012 9:07 pm

Ș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 Apr 15, 2012 1:12 pm

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 Apr 15, 2012 1:15 pm

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 Apr 15, 2012 8:33 pm

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 Apr 15, 2012 8:42 pm

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