Cute Aviso Flotante By Annyz

ñam ñaamm ^v^ me tarde bastante haciendo este tuto pero valio la pena xD me quedo bien lindo haha

si quieren ver como queda da clic aqui en mi blog de pruebas n.n

para ponerlo como siempre super sencillo

anda a Diseno >> Elementos de Pagina >> Anadir Gadget Html/Javascript y copiar el codigo

Codigo:

<style>
<!--
#postit{
position:fixed; wiidth:350px; padding:15px; background: url(URL DE TU FONDO)center; border: 1px dashed #ffcfe7;-moz-border-radius: 35px;
border-radius: 35px;
border-radius: 1em 4em 1em 4em;

visibility:hidden; z-index:100; cursor:hand; color: black }
-->
</style>
<div id=postit style="left: 420px; top: 150px">
<div align=right><b><a href="javascript:closeit()">CERRAR</a></b></div><br /><center><img src="URL DE TU IMAGEN" /></center>
<!--INSERT YOUR CONTENT HERE-->
AQUI TU MENSAJE
<!--END YOUR CONTENT HERE--><br />

<script type="text/javascript" language="javascript">

//Post-it only once per browser session? (0=no, 1=yes)
//Specifying 0 will cause postit to display every time page is loaded

var once_per_browser=0

///No need to edit beyond here///

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ns4)
crossobj=document.layers.postit
else if (ie4||ns6)
crossobj=ns6? document.getElementById("postit") : document.all.postit


function closeit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function showornot(){
if (get_cookie('postdisplay')==''){
showit()
document.cookie="postdisplay=yes"
}
}

function showit(){
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show"
}

if (once_per_browser)
showornot()
else
showit()
</script></font></font></div>

Ahora Edita:

Fucsia: Direccion de tu fondito
Lila: Grueso del borde
Verde: Tipo del borde
Naranja: Color del Borde
Cafe: Forma del borde
Azul: Url o direccion de la imagen que estara dentro del mensaje - Trata de que tu imagen no sea tan grande -
Morado: Ahi escribe tu mensaje
Rojo: Como vez hay un letrero de cerrar si quieres que en vez de letritas tenga una imagen borra la palabra CERRAR y pon este codigo.

<img src="URL DE TU IMAGEN" />

y listo ^^

Aqui los extras

..x Tipo De Bordes x..
..x Formas De Bordes x..

No Copy ~~