16 octubre 2010

Mensaje de Alerta con CSS

Con un Mensaje de Alerta podemos avisar a nuestras visitas algun inconveniente, o al reves, que estamos
muy felices y ponemos el mensaje, por ejemplo, abajo del mensaje de los Comentarios de Este blog:


                                                            Comenzemos..
Primero Vamos a Diseño / Edición de HTML / justo antes de ]]></b:skin> Pegamos el Siguiente Codigo
Para Darle el Estilo CSS:


.alert {
background: #fff6bf url(http://i54.tinypic.com/5tz81w.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

Lo que Esta Color Rojo es la Imagen de Alerta, la Podemos Cambiar por Cualquier Otra, Ahora
Para Añadir el Mensaje, Vamos a  
Elementos de la Pagina/ Añadir un Gadget/ HTML Javacript
y Añadimos el Siguente Codigo:

<p class="alert">Aqui tu Mensaje</p>

Y Así Tenemos Nuestro Mensaje de Alerta.

9 comentarios:

  1. Muy bueno amigo,gracias:D

    ResponderEliminar
  2. Esta muy bueno, a ver si lo aplico en mi blog.
    Gracias!

    ResponderEliminar
  3. @Nena: me Alegra que te Haya Gustado Nena :D
    muy bueno tu blog espero que tengas mucho exito :)
    ¡Un Abrazo de Oso! ;)

    ResponderEliminar
  4. Anónimo12/13/2010

    post impresionante. Realmente disfruté la lectura de su blog.

    ResponderEliminar
  5. Gracias Anonimo! :D
    Ahora en Experto en Blogs no tenemos Mucho tiempo para Poder Publicar Nuevo Contenido, Pero Ahora pondremos post de Navidad, Etc.
    ¡Gracias por tu Visita y Saludos!

    ResponderEliminar
  6. (Perdón También por Responder Tarde) :'(

    ResponderEliminar
  7. Anónimo12/17/2010

    这是非常有趣的阅读。我要注明你在我的博客文章。它可以吗?而你等一个Twitter帐号?

    ResponderEliminar
  8. 是的,你是匿名的,对不起,如果你误解了我的中文,但我不会说的语言。
    我不明白你在Twitter上的问题。

    ResponderEliminar

hola a todos, NO se aceptan comentarios como
"wow que blog, mi blog es.." osea, Spam,
todas las personas que comentan (si tienen su perfil habilitado) yo entro a su perfil y miro su blog.
los comentarios groseros e insultantes asi como fuera de lugar serán borrados sin aviso.

CONTACTO→ Expertoenblogs.blog@hotmail.com