Resaltar mensajes mediante CSS – Parte II

Publicado por Nikko el dia 25 Mar 2008 - Guardado en CSS, Diseño Web Leido 765 Veces

cssmensajesbox.jpg
Seguramente recordaran este artículo en el cual hablamos sobre una sencilla técnica para resaltar mensajes mediante css, pues hoy desde Woork, podemos ver otras técnicas muy bonitas también usando solamente CSS. Las mismas poseen unas buenas variantes, un diseño muy simple, con iconos, con bordes redondeados, un diseño solidó, al estilo tooltip etc. Si buscabas buenas formas de resaltar mensaje en el contenido de tus artículos, ambas técnicas te serán sumamente útiles.Ver Demo - Mas info y descarga de ejemplos CSS Message Box collection
Post relacionado Resaltar mensajes mediante CSS - Parte I

Uso de ejemplo

CSS:
.round-a-gray{
background:#444444 url(img/round_gray-left.png) left top no-repeat;
color:#FFFFFF;
text-align:center;
}
.round-a-gray div{
background:url(img/round_gray-right.png) right bottom no-repeat;
padding:4px;
}

Mensaje resaltado

HTML:
<div class="round-a-gray"><div>Alternated rounded borders message box</div></div>

Publicado por Nikko

Soy un diseñador y desarrollador web situado en la Patagonia Argentina. Disfruto testear y conocer nuevos scripts, además de experimentar nuevas técnicas tanto en impresión como en desarrollo web. Como propietario de Patagonia Creative, divido mi tiempo entre la empresa, trabajos para Pymes, ONG y Gob. ////////// Facebook / linkedin / xing

Nikko ha publicado 1142 posts en Xyberneticos - Leer todos mis articulos Nikko

  1. La verdad que esta muy bueno, cuando publicaste el anterior lo use y quedo re copado.

    Una correcion el blog es Woork, no Works

  2. Juanu - Gravatar

    Juanu

    25-03-2008

    Permalink

    che, me re gustó :)

  3. Nikko - Gravatar

    Nikko

    25-03-2008

    Permalink

    Fede: Gracias . Corregido, fue más bien una distracción. Saluds

    Juanu: es eso genial. abrazos



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: