Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas  [ 75 mensajes ]  Ir a página 1, 2, 3, 4, 5  Siguiente
[Tutorial] Código emergente-cuadro del banner. 
Autor Mensaje
Equipo Comercial
Equipo Comercial
Avatar de Usuario

Registrado: 05-30-2007, 15:49
Mensajes: 1384
Nota [Tutorial] Código emergente-cuadro del banner.
aqui tienen el codigo y pueden modificarlo a vuestro gusto este es el mio.


Quedaria algo como esto:

Imagen

El codigo emergente:

Citar:
<BEGIN>
<style>

#topbar
{
PADDING-TOP: 5px;
PADDING-BOTTOM: 5px;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
VISIBILITY: hidden;
BORDER-TOP: black 1px solid;
BORDER-BOTTOM: black 1px solid;
BORDER-RIGHT: black 1px solid;
BORDER-LEFT: black 1px solid;
WIDTH: 450px;
FONT-FAMILY: Tahoma;
POSITION: absolute;
BACKGROUND-COLOR: white
}</style><script type="text/javascript">
var persistclose = 1
var startX = 50
var startY = 50
var verticalpos = "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.right=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>
<table>
<tbody>
<tr>
<td><center><font><img><P>EEEHH!! COLEGAAA!!! Est&aacute;s&nbsp;navegando en&nbsp;modo <b>VISITANTE</b> [Si ya te has conectado con tu cuenta puedes darle a la cruz roja para cerrar esta ventana] ,o puedes <strong><a>Registrarte totalmente gratis </a></strong>&nbsp;y en pocos minutos podras acceder a todas nuestras secciones y escribir mensajes libremente. Asi como obtener algunas ventajas como Registrado.<br>
<strong><font>Atentamente El Equipo de SoS Animales</P> </font></strong></font></center></td>
<td><a><img></a></td>
</tr>
</tbody>
</table>
</div>
<END>




Este es el apartado del banner:

Lo pueden modificar a su gusto y quedaria algo como esto:

Imagen

Citar:
<center><img src="http://img26.picoodle.com/data/img26/3/9/17/f_dog203copiam_7b75ec1.jpg"</a> </center>

<center><textarea><a>
<img></a> </textarea></center>

<center><a><font>+ Banner</a></center>




espero que les sirva

_________________
Imagen
_______________________________________________________________________
Imagen


09-19-2008, 18:18
Perfil WWW
Equipo Comercial
Equipo Comercial
Avatar de Usuario

Registrado: 05-30-2007, 15:49
Mensajes: 1384
Nota 
este es el segundo codigo, la imagen no me salio , asi quu quedara algo como esto:

Imagen

_________________
Imagen
_______________________________________________________________________
Imagen


09-19-2008, 18:21
Perfil WWW
Moderador
Moderador
Avatar de Usuario

Registrado: 01-16-2008, 2:08
Mensajes: 4000
Ubicación: México
Nota 
buen tuto bro. 8-) :smile:

_________________


09-19-2008, 19:28
Perfil WWW
Equipo Comercial
Equipo Comercial
Avatar de Usuario

Registrado: 05-30-2007, 15:49
Mensajes: 1384
Nota 
Gracias Compañero Booster

_________________
Imagen
_______________________________________________________________________
Imagen


09-19-2008, 19:37
Perfil WWW
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 10-19-2006, 12:35
Mensajes: 4798
Ubicación: (España)
Nota 
Gracias por el aporte Didocz :-o
Añadido al indice de tutoriales 8-)

_________________
Imagen


La verdadera sabiduría está en reconocer la propia ignorancia.( Socrates )


09-20-2008, 9:33
Perfil
Forero ForoGratis
Forero ForoGratis
Avatar de Usuario

Registrado: 12-25-2007, 21:53
Mensajes: 3395
Ubicación: España, el bierzo que no es leon
Nota 
no me va el codigoo

_________________
Dani Cifu Blog


09-20-2008, 19:08
Perfil WWW
Forero Habitual
Forero Habitual

Registrado: 04-07-2008, 18:30
Mensajes: 347
Nota 
cierto a mi tampoco me sale

esta bien el codigo?

_________________
Esta es mi Url : www.lacomparsadelrizo.crearforo.es

Un Saludo Er Charru


09-22-2008, 10:39
Perfil
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 10-19-2006, 12:35
Mensajes: 4798
Ubicación: (España)
Nota 
Charru, Cifu, cual de los 2 codigos no os funciona ?? :?

_________________
Imagen


La verdadera sabiduría está en reconocer la propia ignorancia.( Socrates )


09-22-2008, 14:04
Perfil
Forero ForoGratis
Forero ForoGratis
Avatar de Usuario

Registrado: 12-25-2007, 21:53
Mensajes: 3395
Ubicación: España, el bierzo que no es leon
Nota 
Código:
<BEGIN>
<style>

#topbar
{
PADDING-TOP: 5px;
PADDING-BOTTOM: 5px;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
VISIBILITY: hidden;
BORDER-TOP: black 1px solid;
BORDER-BOTTOM: black 1px solid;
BORDER-RIGHT: black 1px solid;
BORDER-LEFT: black 1px solid;
WIDTH: 450px;
FONT-FAMILY: Tahoma;
POSITION: absolute;
BACKGROUND-COLOR: white
}</style>
<div>
<table>
<tbody>
<tr>
<td>
<font><img><P>EEEHH!! COLEGAAA!!! Est&aacute;s&nbsp;navegando en&nbsp;modo VISITANTE [Si ya te has conectado con tu cuenta puedes darle a la cruz roja para cerrar esta ventana] ,o puedes <strong><a>Registrarte totalmente gratis </a></strong>&nbsp;y en pocos minutos podras acceder a todas nuestras secciones y escribir mensajes libremente. Asi como obtener algunas ventajas como Registrado.

<strong><font>Atentamente El Equipo de SoS Animales</P> </font></strong></font>
</td>
<td><a><img></a></td>
</tr>
</tbody>
</table>
</div>
<END>

le falta el css?

_________________
Dani Cifu Blog


09-22-2008, 15:39
Perfil WWW
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 06-01-2007, 4:50
Mensajes: 3547
Ubicación: México
Nota 
pues sepa que modifico didocz hace tiempo le pase mi codigo...

tal cual le pase:

(por cierto cifu nada que ver con .css)

<!-- IF not S_USER_LOGGED_IN --><style type="text/css">

#topbar
{
PADDING-TOP: 5px;
PADDING-BOTTOM: 5px;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
VISIBILITY: hidden;
BORDER-TOP: black 3px solid;
BORDER-BOTTOM: black 3px solid;
BORDER-RIGHT: black 3px solid;
BORDER-LEFT: black 3px solid;
WIDTH: 450px;
FONT-FAMILY: Tahoma;
POSITION: absolute;
BACKGROUND-COLOR: white
}</style><script type="text/javascript">
var persistclose = 1
var startX = 50
var startY = 50
var verticalpos = "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.right=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">
<table width="100%">
<tbody>
<tr>
<td width="99%"><center><font size="1">Est&aacute;s&nbsp;navegando en&nbsp;modo VISITANTE, puedes <strong><a href="/board/ucp.php?mode=register">registrarte totalmente gratis</a></strong>&nbsp;y en pocos minutos podras acceder a todos nuestros foros y postear libremente.
Asi como obtener algunas ventajas como Registrado.<br />
<strong><font color="#339966">Atentamente El Equipo de El Gran Ocio</font></strong></font></center></td>
<td width="1%"><a onclick="closebar(); return false" href="http://forosphpbb3.forogratis.es"><img style="float: left" alt="" border="0" src="http://img523.imageshack.us/img523/7581/closefd5.gif" /></a></td>
</tr>
</tbody>
</table>
</div><!-- ENDIF -->

_________________
Imagen


09-22-2008, 15:51
Perfil
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 06-01-2007, 4:50
Mensajes: 3547
Ubicación: México
Nota 
se acuerdan que me lo pedian mcuho hasta por mps pero yo de malo no lo pasaba xDDD

_________________
Imagen


09-22-2008, 15:55
Perfil
Equipo Comercial
Equipo Comercial
Avatar de Usuario

Registrado: 05-30-2007, 15:49
Mensajes: 1384
Nota 
Yo lo modifique a mi gusto, ustedes pueden hacer lo mismo.


espero que se os haya solucionado.

PD:Pilloman algun dia tenias que darles el codigo aqui se comparte todo o casi todo :smile:

saludos

_________________
Imagen
_______________________________________________________________________
Imagen


09-22-2008, 17:26
Perfil WWW
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 10-19-2006, 12:35
Mensajes: 4798
Ubicación: (España)
Nota 
Didocz escribió:
PD:Pilloman algun dia tenias que darles el codigo aqui se comparte todo o casi todo :smile:



Bueno... No todo el mundo es asi de generoso, por desgracia .. 8)

_________________
Imagen


La verdadera sabiduría está en reconocer la propia ignorancia.( Socrates )


09-22-2008, 17:29
Perfil
Equipo Comercial
Equipo Comercial
Avatar de Usuario

Registrado: 05-30-2007, 15:49
Mensajes: 1384
Nota 
seria muy egoista de mi parte guardarmelo, ya que en su dia otros hicieron lo mismo conmigo

_________________
Imagen
_______________________________________________________________________
Imagen


09-22-2008, 17:33
Perfil WWW
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 06-01-2007, 4:50
Mensajes: 3547
Ubicación: México
Nota 
ya bueno ya no me hagan sentir menos...

_________________
Imagen


09-22-2008, 17:33
Perfil
Mostrar mensajes previos:  Ordenar por  
Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas   [ 75 mensajes ]  Ir a página 1, 2, 3, 4, 5  Siguiente

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado


No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Saltar a:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.
Traducción al español por Huan Manwë para phpbb-es.com
phpBB SEO
[ Time : 0.088s | 13 Queries | GZIP : Off ]