Banner flotante para invitados

  • Autor Autor _aNoNiMo_
  • Fecha de inicio Fecha de inicio
Si no me equivoco tendrias que editar esta parte que esta casi al principio del codigo.

height: 134px;
left: 13px;

Prueba dando distintos valores para que se adapte de la forma que quieres.
 
Muchas gracias por la ayuda!! Sois unos cracks!
 
Si no me equivoco tendrias que editar esta parte que esta casi al principio del codigo.

height: 134px;
left: 13px;

Prueba dando distintos valores para que se adapte de la forma que quieres.


Ok gracias ya voy a intentar darle saludos y gracias nueva mente

Edito nada : Jugue con las 2 variables y ninguna de las dos funka
 
Zonaenlinea como modificaste las variables para que te quede centrado el banner?

Porque yo he puesto diferentes medidas, pero no me da quedado centrado (?)

Un saludo!
 
En el codigo que coloco Kuervo, dice esto:

<p align="right"><a href="" onClick="closebar(); return false"><img src="RUTA DEL ICONO PARA CERRAR LA VENTANA" border="0" /></a>
</align>

Me parece que esta mal cerrada la etiqueta <p> que es la que nos deberia alinear la imagen para cerrar la ventana a la derecha... reemplaza </align> por </p>

Aver si con eso te funciona Zonaenlinea 🙂
 
Zonaenlinea como modificaste las variables para que te quede centrado el banner?

Porque yo he puesto diferentes medidas, pero no me da quedado centrado (?)

Un saludo!

para que me quede centrado que la imagen dime si es la imagen dime para darte las medidas yo lo habia colocado en todo el centro de la pagina pero lo coloque en una esquinita 😀 por que elimine el boton de cerra la ventana voy a probar coloque me indico NkC si me sirve asi dejo el icono de cerrar si no la dejo todo el tiempo 😉

---------- Actualizado a las 15:51 ---------- Original a las 15:38 ----------

En el codigo que coloco Kuervo, dice esto:



Me parece que esta mal cerrada la etiqueta <p> que es la que nos deberia alinear la imagen para cerrar la ventana a la derecha... reemplaza </align> por </p>

Aver si con eso te funciona Zonaenlinea 🙂

lo remplace y funciono prefecta mente lo que quiero es saber como hago para que la imagen de cerrar la imagen quede en la otra esquina de donde me quedo ya que ando jugando con las variables y nada

eso si ahora si quedo en la esquinita gracias por esa papacho solo que ahora la quiero enla otra esquinita no en esa.
 
<p align="right"> por <p align="left">, eso era o no xD?
 
<p align="right"> por <p align="left">, eso era o no xD?

Nada mira el codigo como lo tengo y nada no semueve de la esquinita 😉

<p align="left"><a href="" onClick="closebar(); return false"><img src="RUTA DEL ICONO PARA CERRAR LA VENTANA" border="0" /></a>
</align>
 
el </align> cambialo por </p>
 
Nada no funka como que voy a optar por no dejar el boton para cerrar la imagen 🙁 que mas
 
A ver lo voy a probar hoy día en localhost, a ver si me funciona 🙂
 
No consigo Hacer este banner he copiado el codigo i nada Help🙁

---------- Actualizado a las 18:52 ---------- Original a las 18:51 ----------

No lo consigo hacer
 
A ver lo voy a probar hoy día en localhost, a ver si me funciona 🙂

Si te funka me pasas el dato ;9 😀

No consigo Hacer este banner he copiado el codigo i nada Help🙁

---------- Actualizado a las 18:52 ---------- Original a las 18:51 ----------

No lo consigo hacer

Explicate mejor ya subistes las imagen al internet o al server o cualquier pagina que puedas subir imagenes

luego de colocar el codigo al principio del HEADER finalizas secion y hay ves lo que colocastes , eso solo lo ven los que entran a tu pagina sin entrar registado(invitado/a)
 
Me funciona, se ve la imagen para cerrar arriba en la esquina superior izquierda o derecha:

2w2fpsn.jpg


PHP:
<!-- Improve registration Rates -->
<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 = 30 //set x offset of bar in pixels
var startY = 90 //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>
 
 
<div id="topbar">
<p align="left"><a href="" onClick="closebar(); return false"><img src="http://www.downtwarez.com/foro/topbar/right.png" border="0" /></a>
  </p>
   <a href="http://localhost/register.php"><img src="http://www.pbggrlatino.com/wp-content/uploads/2009/03/fotolia_12042378_xs-sombra.gif"></a></td>
</div>
<!-- End Improve Registration -->

Eso es lo que quieres o no? Yo usaria una imagen que salga una X en todo caso ^^
 
Yo lo coloque y quedo asi prefecto lo malo que el boton de cerrar no este de ese lado sono del otro lado :s pero asi me quedo a mi como no lo pude colocar del otro lado lo quite pero si lo colocas del otro lado me pasas el dato para colocarlo 😉
 
Bueno ahora si quedo como queria gracias NkC quedo bien con eso ultimoque me informastes 😉

Aqui esta el codigo prefecto solo copiarlo y pegarlo y listo solo tiene que colocar las urrl de las imagenes y a difrutar el aviso 😛

<vb:if condition="$show[guest]">
<!-- Improve registration Rates -->
<style type="text/css">
#topbar{
position:absolute;
border: 0px solid black;
padding: 5px;
background-color: ;
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 = 280 //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>


<div id="topbar">
<p align="right"><a href="" onClick="closebar(); return false"><img src="La ruta de la imagen para cerrar" border="0" /></a>
</p>
<a href="http://www.AQUI.tu.sitio.com/register.php"><img src="La urrl del aviso"></a></td>
</div>
<!-- End Improve Registration -->
El aviso esta centrado en todo el medio de la pagina y la imagen de cerrar esta en toda la esquinita.(H)
 
Voy a hacer un pequeño tutorial luego, pero con más opciones de posición 🙂
 
Como están amigos. Pregunto para redoblar la apuesta. Se podrá de alguna manera que en el banner flotante con las bases de este mismo código, en lugar de imagen tengamos un pequeño video de YT o similar ? Imagino que debería arrancar automáticamente para que no se confundan con una publicidad.

PD: Intenté reemplazar por un código html de un video para probar en la parte del código donde debería ir la imagen, pero no funcionó <-- (Sí, Terrible FAIL lo mío)

Saludos y gracias de antemano people 🙂
 
Atrás
Arriba