Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas  [ 1 mensaje ] 
Nuevo pop up de registro!! 
Autor Mensaje
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 01-30-2008, 3:17
Mensajes: 1813
Ubicación: U.S.A
Nota Nuevo pop up de registro!!
Hola, como dice el tema ahora traigo una ventana pop up de registro nueva, mas personalizada y facil de editar, se acopla al estilo que uses y lo mejor de todo es que solo lo ven los visitantes y los usuarios no identificados! son dos codigos distintos ya que uno es para los estilos basados en prosilver y el otro para los basados en subsilver, aclaro que para colocarlo es necesario editar la plantilla "overall_header.html" la cual algunos estilos no permite edicion y por el momento no se da soporte para este error! .... se utilizan un par de imagenes que deben subir a un host propio para no perderlas en un futuro, aqui dejo los codigos con sus indicaciones!


Indicaciones generales!


* Las imagenes en los codigos son:

Imagen
Código:
http://i45.tinypic.com/3450z1g.jpg


Imagen
Código:
http://i49.tinypic.com/1z1e2au.png


* Deben guardarlas en su pc y subirlas a un host propio y reemplazar los codigos para no perderlas en un furuto.


* El Titulo del mensaje se personaliza automaticamente con el titulo de tu foro ya configurado desde el panel de administracion.

* El texto del mensaje se puede configurar editandolo entre las etiquetas center:

Código:
<center>Bienvenido a nuestro foro, para acceder a todo nuestro contenido es necesario tu registro, hazlo ahora! es gratis y no tarda ni 5 minutos! </center>


* Los enlaces de registro y identificarse se acoplan automaticamente a tu foro! no los edites!!


Estilos basados en prosilver.

Imagen

Demo: http://www.tu-webgratis.com/board/index.php?

* Ir a http://{urldelforo}panel admin -> Estilos -> Plantillas -> Clic en editar sobre tu estilo -> abrir "overall_header.html" y en el final del codigo pegar:

Código:

<!--

* Script gracias a (www.javascript-fx.com/)(www.dynamicdrive.com)

* Este aviso debe permanecer intacto para uso legal.
-->
<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->

 

<style type="text/css">



#topbar{

position:absolute;

border: 0px solid black;

padding: 2px red;

background-color: ;

width: 450px;

visibility: hidden;

z-index: 200;

}



</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 = 5 //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><center><img src="http://i45.tinypic.com/3450z1g.jpg"/></center></p>
<div class="forumbg">
      <div class="inner"><span class="corners-top"><span></span></span>
         <table class="table1" cellspacing="1">
            <thead>
               <tr>
                  <th style="text-align:center;">Bienvenid@ a {SITENAME} </th>
               </tr>
            </thead>
            <tbody>
               <tr class="bg1"><td class="" colspan="1,">
<center>Bienvenido a nuestro foro, para acceder a todo nuestro contenido es necesario tu registro, hazlo ahora! es gratis y no tarda ni 5 minutos! </center>

<p><center><a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/icon_register.gif" width="12" height="13" alt="*" /> {L_REGISTER}</a>&nbsp;&nbsp;<a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_LOGIN_LOGOUT}</a>&nbsp;</center></p>
                    </td>
               </tr>
            </tbody>
         </table>
      
      <span class="corners-bottom"><span></span></span></div>
   </div>
   

<a href="" onClick="closebar(); return false"><img src="http://i49.tinypic.com/1z1e2au.png" border="0" /></a>
</div>

<!-- ENDIF -->


* Guardar y limpiar la cache del foro.

...............................................................................................................................................................

Estilos basados en subsilver.

Imagen

Demo:http://www.tu-webgratis.com/board/index.php?style=5

* Ir a http://{urldelforo}panel admin -> Estilos -> Plantillas -> Clic en editar sobre tu estilo -> abrir "overall_header.html" y en el final del codigo pegar:

Código:
<!--

* Script gracias a (www.javascript-fx.com/)(www.dynamicdrive.com)

* Este aviso debe permanecer intacto para uso legal.
-->
<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->

 

<style type="text/css">



#topbar{

position:absolute;

border: 0px solid black;

padding: 2px red;

background-color: ;

width: 450px;

visibility: hidden;

z-index: 200;

}



</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 = 5 //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><center><img src="http://i45.tinypic.com/3450z1g.jpg"/></center></p>
<div style="margin: 10px 25px 0 25px;">
      <table width="100%" class="tablebg" cellspacing="1" >
         <tr>
            <th>Bienvenid@ a {SITENAME}</th>
         </tr>
         <tr>
            <td class="row1">
<center>Bienvenido a nuestro foro, para acceder a todo nuestro contenido es necesario tu registro, hazlo ahora! es gratis y no tarda ni 5 minutos! </center>

<p>&nbsp;</p><p><center><a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/icon_mini_register.gif" width="12" height="13" alt="*" /> {L_REGISTER}</a>&nbsp;<a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_LOGIN_LOGOUT}</a>&nbsp;</center></p>
                    </td>
         </tr>
      </table>
   </div>
   <a href="" onClick="closebar(); return false"><img src="http://i49.tinypic.com/1z1e2au.png" border="0" /></a>
</div>

<!-- ENDIF -->


* Guardar y limpiar la cache del foro.

............................................................................................................................................................



Que lo disfruten!! 8-)

_________________
lı....ıllıllı....ıllıllı....ıllıllı... DJ .ıllıllı....ıllıllı....ıllıllı...ıl
Imagen

http://www.tu-webgratis.com


12-25-2009, 20:29
Perfil WWW
Mostrar mensajes previos:  Ordenar por  
Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas   [ 1 mensaje ] 

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 2 invitados


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:  
cron
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.082s | 13 Queries | GZIP : Off ]