El mundo de Amy!♥

Tuto: Como poner un aviso/Mensaje flotante en el blog [Blogskin]

martes, 23 de julio de 2013 • 2:04 • 2 comments

Holaaa!!!♥♥♥ como estan?:33 yo muuy bien :D con nuevos animos para publicar en el blog (aunque es la 1:59 de la mañana xD) les traigo este tuto que se trata de como poner un aviso o mensaje flotante en el blog:33 espero que les encante!!:33 les quedara asi como el avisito de nuestro blog:33

1* Ve a tu plantilla y busca:

<html>

2* pega el siguiente codigo justo abajo de <html> :

<style type="text/css">
#aviso{
width:500px; /* Ancho de la caja */
padding:5px; position:absolute; z-index:5000;}
.caja-aviso{
border:4px double #0080FF; /* Color del borde */
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;
background-color: #CEECF5; /* Color de fondo */
padding: 10px; font-family: Verdana, Geneva, sans-serif;
color: #0B173B; /* Color del texto */
}
.letrero-aviso { /* Estilos de la palabra AVISO */
font-size:18pt;
font-weight:bold;
color:#B4045F;
text-shadow: 0px 0px 10px #BA55D3;}
</style>

<div id="aviso" style="left:300px; top:100px; padding:0;">
<div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">[CERRAR]</font> <img valign="middle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNjreXwF_scAhRCaE31qpY50818e2XzV2aHP-yGMTRWEAGqoxesmT2j2YHxJNeAhnvETNwHQSeS2KUD8Tq1jhaxvBESvnN0MWKgB-GcksgOdpI63RiLxxav05huZoTAcC_oIFrj4Ix-0dD/" style="vertical-align:middle;"/></a></b></div>

<br/>
<fieldset class="caja-aviso">
<legend class="letrero-aviso" align="center">AVISO</legend>
aqui tu mensajito
<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>

</div><div class="clear"/></div>

y listo!!!♥♥♥ ya le editas tu el codigito para que se vea bien lindo!:333 ojala les haya gustado si es asi dejenme sus comentarios aqui abajito que opinar no cuesta nada e.e adios!:33

Etiquetas: Tutoriales

2 comentarios:

Sherry Vvip ha dicho...: Justo lo qe buscaba!
muchas gracias, me encanta tu blog <3

espero puedas visitar el mio c: http://sherryvvip.blogspot.mx/

ya te sigo!; 24 de julio de 2013, 1:35
Amy ha dicho...: Gracias:3 ya sigo tu blog!!; 24 de julio de 2013, 11:53

Publicar un comentario

Holaa!!♥♥♥ Gracias por tu comentario!!!♥ Besos!!

OLDER POST • NEWER POST

Bienvenido!

♥♥♥♥

Hola! yo soy Amy y este es mi blog! aqui encontraras recursos tutoriales y muchas cositas kawaii, ojala te guste♥

C-box ♥

dejame un mensajito!♥