=D
muy bueno
pero yo prefiero usar este
miren aki dejo los codigos
-----------------------------------------------------------------------------------------
index.html
-----------------------------------------------------------------------------------------
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="ES" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>float</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<body class="mensajeflotante" onload="staticbar('barraregistro','fromRight','frombottom','0','15','15'); return false">
<script src="float.js" type="text/javascript"></script>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div style="visibility:visible" id="barraregistro"><div id="darkcheats">
<div align="right"><a href="#" onclick="closebar('barraregistro','0'); return false">
<img src="http://www.darkcheats.org/foros/darkcheats/gfx/floatcerrar.gif" border=0/></a> </div>
</div>
<table class="floatmensaje" width="100%" border="0">
<tr>
<td width="25%" height="80"><img src="http://www.darkcheats.org/foros/darkcheats/gfx/floatlogo.gif"></td>
<td class="floatmensaje" width="80%">
<center><img src="http://www.darkcheats.org/foros/darkcheats/famfamfam/atencion.gif">
<font color="#FF6600"><b>ATENCION: Este Es Un Ejemplo</b></font></center>
<br>
<b>www.SisiumWeb.com.ar</b>
<br>Disfruta De Este Float =D
<br><br>
<br>De Parte De Strikefay</td>
</tr>
</table>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</body>
</html> -----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
style.css
-----------------------------------------------------------------------------------------
Código HTML:
.mensajeflotante #barraregistro {
position: absolute;
font-size: 8x;
height: 120px;
width: 440px;
background-color: #3B87CA;
font-size: 8px;
}
.mensajeflotante #barraregistro #sitiumweb {
font-family: Arial, Helvetica, sans-serif;
font-size: 8x;
color: #C4E27A;
background-color: #C4E27A;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #F2F1DA;
background-repeat: repeat-y;
font-weight: bold;
}
.floatmensaje
{
background: #F2F1DA;
font: 9pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color: #36444F;
}
-----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
float.js
-----------------------------------------------------------------------------------------
Código HTML:
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(IdLayer,persistclose){
if (persistclose)
document.cookie="remainclosed=0"
document.getElementById(IdLayer).style.visibility="hidden"
}
function staticbar(IdLayer, horizontalpos, verticalpos, persistclose, startX, startY){
try {
barheight = document.getElementById(IdLayer).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;
if (horizontalpos == "fromRight") {
el.sP = function(x, y){
this.style.right = x + "px";
this.style.top = y + "px";
};
}
else {
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(IdLayer);
stayTopLeft();
} catch (e) {
}
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else
if (window.attachEvent)
window.attachEvent("onload", staticbar)
else
if (document.getElementById)
window.onload = staticbar
saludoz