Cómo crear un banner desplegable en JavaScript

miguel223 Seguir

Épsilon
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
20 Jul 2013
Mensajes
898
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 :eek:

Un saludo y gracias de antemano!
 

Franyer Rivas

1
Pi
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
11 Ago 2010
Mensajes
5.615
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
 

miguel223

Épsilon
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
20 Jul 2013
Mensajes
898
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!
 

Gokuh

Gamma
Desde
22 Ago 2013
Mensajes
358
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
asi es tal y como sale arriba, lo que postea el compañero, es correcto.
 
Arriba