Hola, quisiera saber algun codigo HTML para colocar un anuncio flotante en mi sitio, si es posible que quede en el medio de la pagina flotando
Gracias de antemano !
| |||
Respuesta: Anuncio Flotante ? Hola! existen muchos ejemplos dentro de forosdelweb sobre este asunto.. pero te puedo orientar al vuelo sobre el tema. dentro de la etiqueta body por ejemplo de tu index colocas este codigo y luego lo modificas segun tu necesidad. Código HTML: <div style=visibility: visible; left: 600px; top: 514px; id=topbar> <table width=300 border=0 cellpadding=0 cellspacing=0> <tbody><tr> <td valign=top align=right><a href=?mod=home2 onclick=closebar(); return false><img src=./img/publicar_close.gif border=0></a></td> </tr> <tr><td><a href=?mod=ver_indice onclick=closebar();><img src=./img/img_ver_indice.jpg alt=indice ver border=0></a></td> </tr> </tbody></table> </div> Código HTML: <style type="text/css"> #topbar{ position:absolute; border: 0px solid black; padding: 5px; background-color: ; width: 300px; visibility: hidden; z-index: 200; top: 27px; height: 134px; left: 13px; } </style> <script type="text/javascript"> var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session var startX = 150 //set x offset of bar in pixels var startY = 150 //set y offset of bar in pixels var verticalpos="fromtop" //enter "fromtop" or "frombottom" function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } function staticbar(){ barheight=document.getElementById("topbar").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script> saludos! |
Etiquetas: |