Pagina 1 din 1
Bara de meniu HTML dupa imagini din PhotoShop
Scris: Dum Aug 26, 2012
de kidupk
Salutari
Nu demult am invatat oleaca de css. Am facut in photoshop o bara de meniu acuma as dori sa imi ziceti cum sa o pot face activa in html si css. Adica sa pun linkurile la butoane etc.
As dori un raspuns cat mai urgent va rog.
Bara de meniu HTML dupa imagini din PhotoShop
Scris: Dum Aug 26, 2012
de MarPlo
Uite aici un tutorial despre
Creare Meniu Dublu cu CSS .
Daca in loc de text vrei o imagine la link, se adauga textul intr-un tag <span> in link, apoi in CSS se defineste o imagine pt acel link, se ascunde tag-ul <span>, se defineste alta imagine pt link la "hover" (cand cursorul mouse-ului e pe link).
Uite un exemplu pe care-l poti dezvolta. Unde nu stii, mai vezi si prin Cursul CSS de pe site, sau cautare pe net.
Cod: SelectaĊ£i tot
<style>
/* Imagine pt. "linkcw" */
#linkcw {
background: url('image_linkcw.jpg') 0 0 no-repeat;
}
/* Ascunde textul din "linkcw" */
#linkcw span {
visibility: hidden;
}
/* Arata alta imagine la hover pe "linkcw" */
#linkcw:hover {
background: url('linkcw_hover.jpg') 0 0 no-repeat;
}
</style>
<a href="http://www.coursesweb.net/" title="Cursuri Programare Web" id="linkcw"><span>Cursuri Programare Web</span></a>
- Tutoriale, mai multe explicatii si exemple poti gasi pe internet daca dai cautare:
create menu css html .
Re: Bara de meniu HTML dupa imagini din PhotoShop
Scris: Lun Aug 27, 2012
de kidupk
Vreau sa iti multumesc foarte mult ca mai ajutat. Ma chinui de foarte mult timp cu bara de meniu.