dijous, 24 de febrer del 2011

Como crear una barra de botones

1. Primer agafem la llista i la transformem en una llista no ordenada, o posant <ul> </ul>, si la volem ordenada tindrem que donar-li al botó dels numeros y les linies o escribint <ol> </ol>.

2. Després hem de quitar el punts per que no apareixin, per fer això hem de modificar l'etiqueta <ul> amb els fulls d'estils,
i posar el tipus de selector com a "etiqueta", hem de modificar el punts llavors tindrem que anar a "llista" i modificar "list-style-type", posar none (res) i aceptar.

3. Modifiquem l'etiqueta <li> amb fulls d'estil i l'hi posem un color.
4. Després l'hi fiquem un link al boto amb una etiqueta composta. unint l'etiqueta <li> amb l'etiqueta de fer links <a>. Anem als fulls d'estils i posem al selector "compost" per posar més d'una etiqueta a la vegada i després podem elegir perquè d'etiquetes de links i han varies.
Hi han 4 les quatre principals:
- a: link (és tal i com es veu)
- a: active (és com es veu quan hi cliques a sobre)
- a: visited (és quan el link ja l'has visitat)
- a: hover (és quan hi tens el ratolí a sobre)
També hi ha un altre que "<a>" que engloba tots els demes.
Si el que volem es modificar un dels valors del botó com per exemple el color que tindra quan pasem el ratolí per sobre, s'hauria de fer l'etiqueta composta que deía abans, escrivint "li a" que és linea + link, i posant-li un color.
Després d'aixo ja tindrem el link fet i podrem ficar-li més coses fent mes etiquetes compostes com "a: visited, a: active, a: link".

0 comentaris:

Publica un comentari a l'entrada