Cómo crear un banner desplegable en JavaScript

  • Autor Autor miguel223
  • Fecha de inicio Fecha de inicio
miguel223

miguel223

Épsilon
Verificación en dos pasos activada
Si entrais en esta empresa de publicidad RentAcorner - Inicio podéis observar abajo a la derecha un elegante banner desplegable, he visto a usuarios de este foro que han hecho exactamente ese mismo banner pero con su publicidad propia pero no recuerdo quienes eran :fatigue: me gustaria que alguien me pudiese a ayudar para hacer mi propia publicidad igual a ese banner 😱

Un saludo y gracias de antemano!
 
este seria el codigo

HTML:
<script type="text/javascript">
		document.write('<style>#rac_box{ position:fixed; bottom:0; right:10px; width:300px; display:none; border-radius:3px 3px 0 0; z-index:1000000; box-shadow: 0px 0px 5px [B]Enlace eliminado[/B] ; } [B]Enlace eliminado[/B] { overflow:hidden; padding:3px 4px 3px 3px; font-size:11px; color:#999; background:#000; border-radius:3px 3px 0 0; } [B]Enlace eliminado[/B] { height:100px; background:#f9f9f9; } [B]Enlace eliminado[/B]  img{ height:100px; width:300px; } [B]Enlace eliminado[/B] { float:left; } [B]Enlace eliminado[/B] { float:right; overflow:hidden; margin-top:1px; } [B]Enlace eliminado[/B] :hover{ cursor:pointer; }</style>'); document.write('<div id="rac_box">[I]<div id="rac_title"> <a href="http://rentacorner.com" target="_blank"> <img id="rac_logo" src="http://rentacorner.com/rjs/logo.png"/> </a><img id="rac_hider" onClick="rac_hide()" src="http://rentacorner.com/rjs/close.png"/> </div> <div id="rac_content"> <a href="http://rentacorner.com" target="_blank" onClick="rac_hide()"><img src="/rjs/example.png"/></a> </div></div>[/I]');	 function rac_show(){ 	document.getElementById("rac_box").style.display="block"; } function rac_hide(){ 	document.getElementById("rac_box").style.display="none"; } rac_show(); 	</script>

lo que esta en cursivas es lo que debes sustituir lo acabo de probar y funciona bien
 
Hola @iguel223,

es mas bien un css y te dejo el css

Enlace eliminado [/URL] {
position: fixed;
bottom: 0;
right: 10px;
width: 300px;
display: none;
border-radius: 3px 3px 0 0;
z-index: 1000000;
box-shadow: 0px 0px 5px Enlace eliminado [/URL] ;
}
user agent stylesheetdiv {
display: block;
}


Un saludo 🙂

Muchas gracias, pero es para poner mi publicidad y que otros usuarios las ponga en su sitio web.

Un saludo!
 
Gracias...me sirvio
 
asi es tal y como sale arriba, lo que postea el compañero, es correcto.
 
Atrás
Arriba