[ Mesaje noi · Membrii · Regulamentul forumului · Căutare · RSS ]
Pagina 1 din 11
I.P.G Comunity/Forum » Resurse pentru servere de Metin2 » Scripturi si tutoriale HTML » Meniul simplu
Meniul simplu
bulanelData: Luni, 2012-01-02, 9:57 PM | Mesaj # 1
Bautor de vin
Grup: Administrator
Mesaje: 60
Premii: 1
Reputaţie: 0
Ok revin cu inca un mic tutorial, imi imaginez ca exista destule pe net dar fac si eu unul cat se poate de simplu. In acest tutorial vom crea un meniu de link-uri ( simplu zis un meniu ), orizontal, folosind HTML si CSS. Pentru inceput creeam un UL ( Unordered List ) adica o lista neordonata, in care elementele listei sunt….link-urile noastre.

Vom aplica partea de CSS, pentru inceput sa scapam de bulinute asa ca vom adauga in partea de CSS a paginii noastre web urmatoarele:
Code
#meniu ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}


Codul de mai sus elimina bulinutele, si spatiulmarginea.Acum mai adaugam o linie de CSS care va transforma lista noastra din verticala in orizontala.
Code
#meniu ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
#meniu li {
display: inline;
}


Acum, link-urile din meniu fiind…link-uri ele au by default acea culoare specifica lor, adica acel albastru si sublinite, vom adauga inca o linie CSS ca sa eliminam acea subliniere si de ce nu sa le dam o alta culoare.
Code
#meniu ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
#meniu li {
display: inline;
}
#meniu a {
text-decoration:none;
color: red;
}


De sa nu adaugam si un efect, acela de a-si schimba culoarea cand trecem cu mouse-ul peste link-urile din meniu, asa ca mai adaugam o line CSS.
Code
#meniu ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
#meniu li {
display: inline;
}
#meniu a {
text-decoration:none;
color: red;
}
#meniu a:hover {
color: yellow;
}
 
GameMasterData: Joi, 2012-01-05, 11:31 PM | Mesaj # 2
Bautor de vin
Grup: Administrator
Mesaje: 42
Premii: 0
Reputaţie: 0
GG
 
I.P.G Comunity/Forum » Resurse pentru servere de Metin2 » Scripturi si tutoriale HTML » Meniul simplu
Pagina 1 din 11
Căutare:

Copyright MyCorp © 2017 | Găzduire site gratuită — uCoz