CSS | Funk Blog Job . Comunicación, diseño y tecnología

Utilizar CSS para maquetar un boletín

Las ventajas de la maquetación CSS, con respecto a la maquetación tradicional por tablas, se pueden aplicar también a envíos de boletines en formato HTML.

http://www.desarrolloweb.com/articulos/2000.php

Entradas relacionadas

CSS que simulan botones para usar en tus links.

Hacer un botón con CSS sin utilizar formularios, simplemente con enlaces que se comportan visualmente como botones.

Cómo realizar un enlace que tenga aspecto de botón con CSS?. Dicho de otra manera, vamos a crear botones a partir de enlaces, aplicando una hoja de estilo que hará que los enlaces se muestren de forma similar a como serían los botones. Para ello, vamos a hacer que, al pasar el mouse por encima de un enlace, este parezca como que está pulsado.

El código HTML

Vamos a partir básicamente de un enlace, al que asignaremos una clase definida con CSS. Como los estilos los vamos a aplicar con CSS, el enlace es tan sencillo como este:


a href="#" class="enlaceboton">Hola!!

El código CSS

Vamos a definir la clase “enlaceboton”, que es el estilo que se ha asignado para el enlace. Como sabemos, los enlaces tienen diferentes estados (visitados, no visitados, o con el cursor por encima), así que tendremos que definir el estilo para cada estado.


.enlaceboton {    font-family: verdana, arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   padding: 4px;
   background-color: #ffffcc;
   color: #666666;
   text-decoration: none;
}
.enlaceboton:link,
.enlaceboton:visited {
   border-top: 1px solid #cccccc;
   border-bottom: 2px solid #666666;
   border-left: 1px solid #cccccc;
   border-right: 2px solid #666666;
}
.enlaceboton:hover {
    border-bottom: 1px solid #cccccc;
   border-top: 2px solid #666666;
   border-right: 1px solid #cccccc;
   border-left: 2px solid #666666;
}

En principio, con la clase .enlaceboton se han definido estilos para cualquier estado del enlace. Después, para los diferentes estados del enlace se han definido sus correspondientes estilos, que son el mismo para los estados visitado y no visitado y diferentes para el estado hover, que es el que se aplica cuando está el ratón sobre el enlace.

Eso es todo.
Fuente: http://www.desarrolloweb.com/articulos/s1941.php

Entradas relacionadas

Ciudad Internet CSS

El portal de noticias, servidor de internet en Argentina Ciudad Internet rediseño su sitio con CSS.
tiene un diseño muy atractivo y colorido. Aunque sigue manteniedo los banners publicitarios indexados flash.

Buena por ellos!!!

Entradas relacionadas

Proyecto Camaleón

Navegando por Foros del Web me encuentro con algo no muy original, pero si muy interesante. Se trata del proyecto Camaleon.

Screen del site camaleoncss.com

La idea de su creador, es la siguiente:

El objetivo de este proyecto es demostrar como un mismo documento puede ser visualizado de muchas formas diferentes en base a la aplicación de diferentes hojas de estilos. Esto pudiera parecer a simple vista un juego de webmasters, pero en el fondo puede reflejarse su utilidad en el campo de los negocios, al convertir las tareas de rediseño web en una asignación a los creativos, en lugar de ser todo un nuevo proyecto a cargo de editores, programadores y diseñadores.

Por el momento el diseño que mas me gusto fue Bulletproof, aunque tampoco es algo que me haya impactado demasiado… de todas formas, es un proyecto nuevo y aun falta mucho camino por recorrer…

Fuente: NET2home

Entradas relacionadas



Arteuz Comunicación Multimedia


Rompecabezas, particiapciones para casamientos y cumpleaños de quince



// Elementos publicados en Facebook por mis amigos.




Warning: array_slice() expects parameter 1 to be array, null given in /home/funkblog/public_html/wp-content/plugins/facebook-posted-items/fp_fb_posted_items.php on line 31
  • No items





//Post Adaptados





//Comentarios Recientes






 

Calesita de Parque SaavedraCalesita de Parque SaavedraCalesita de Parque SaavedraParque SaavedraParque SaavedraMailén con sapo PépeDSC04496Sin PalabrasDSC04463Salió matera como toda la familiaDía del niñoDigna hija de sus padres.
BlogESfera Directorio de Blogs Hispanos - Agrega tu Blog Add to Technorati Favorites

Directoriox.com.ar

Unión de Bloggers Hispanos Directorio de Blogs DirectorioPlus Bitacoras.com

Find the best blogs at Blogs.com.