Deprecated: Function eregi_replace() is deprecated in /home/tupunto/public_html/webmaster/admin/includes/classes/class.helper.php on line 830

Deprecated: Function eregi_replace() is deprecated in /home/tupunto/public_html/webmaster/admin/includes/classes/class.helper.php on line 830

Deprecated: Function eregi_replace() is deprecated in /home/tupunto/public_html/webmaster/admin/includes/classes/class.helper.php on line 830

Deprecated: Function eregi_replace() is deprecated in /home/tupunto/public_html/webmaster/admin/includes/classes/class.helper.php on line 830

Deprecated: Function eregi() is deprecated in /home/tupunto/public_html/webmaster/includes/classes/class.template.php on line 169

Deprecated: Function eregi() is deprecated in /home/tupunto/public_html/webmaster/includes/classes/class.template.php on line 169

Deprecated: Function ereg_replace() is deprecated in /home/tupunto/public_html/webmaster/includes/classes/class.template.php on line 324
Tupunto del Webmaster - http://www.tupuntoempresarial.com/webmaster
Mejorando nuestros estilos CSS
http://www.tupuntoempresarial.com/webmaster/articles/7/1/Mejorando-nuestros-estilos-CSS/Page1.html
By Super Admin
Published on 11/23/2008
 
Existen numerosas herramientas para mejorar el aspecto de nuestro web, para ello, usaremos las herramientas que html nos brinda para ello.

Mejorando nuestros estilos CSS
Existen numerosas herramientas para mejorar el aspecto de nuestro web, para ello, usaremos las herramientas que html nos brinda para ello.

Empezaremos usando el efecto dotted.

Conseguiremos que una linea, se convierta en discontinua, lo haremos de la siguiente forma: <hr size="1" width="100" color="#000000" style="border:1px #000000 dotted;"> Un efecto sencillo, pero que puede mejorar enormemente el aspecto de nuestro web.

Podemos conseguir un efecto similar en nuestros links, consiguiendo que cuando el cursos pasa por encima, un recuadro de trazado discontinuo se muestre sobre el link, ¿Cómo se hace eso? el procedimiento es el siguiente:

Generaremos un syle en nuestra hoja de estilos llamado: navegalis.

.navegalis {border:1px #000000 dashed} Ahora sólo tendremos que llamar la clase "navegalis" desde nuestro link: <a href="http://www.navegalis.com/" class="navegalis">Navegalis</a> Ahora, cuando pases el cursor sobre el texto Navegalis un recuadro discontinuo rodeará el enlace.

Esperamos que estos trucos os sean de ayuda en vuestros proyectos webs.