Pop Up deslizante invitando a RegistrarseTema Solucionado

[program]

Hola en este tutorial les diré como pueden poner en su foro phpbb3 un popup o cartelito la cual solo lo verán los usuarios que no estén registrados y los que no hayan iniciado sección. me refiero al famoso popup que te invita a registrarse.

Empecemos

Lo primero que necesitamos es el código que esta aquí:

Código: Seleccionar todo

<!-- IF not S_USER_LOGGED_IN -->
	    <!-- BEGIN switch_importal -->  
       {PORTAL_HEADER}  
       <table class="empty-table" width="100%" cellspacing="0" cellpadding="0" border="0">  
       <tr>  
       {PORTAL_HEADERLEFT}  
       <td valign="top">  
       {PORTAL_HEADERCENTER}  
       <!-- END switch_importal --> 
<style type="text/css">

#topbar{
position:absolute;
border: 0px solid black;
padding: 0px;
background-color: lightyellow;
width: 0px;
visibility: hidden;
z-index: 100;
}

</style>

<script type="text/javascript">

/***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

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">
<a href="" onClick="closeba(); return false"><im src="close" border="0" /></a>  
<a href="http://www.dishentertainment.net/foro/ucp.php?mode=register" target="_blank"><img src="http://dishentertainment.net/foro/imagenes/popup2.jpg" width="223" height="152" border="0" alt="Registrate" /></a>
</div>
<!-- ENDIF -->

Ahora lo que tienen que hacer es buscar el archivo overall_header.html que se encuentra en la carpeta templates del estilo que tengas puesto. "cuando digo estilo me refiero a si es prosilver o el de tu preferencia".
Cuando tengas ese archivo vas a buscar dentro de el estas palabras:

Código: Seleccionar todo

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->

Y vas a poner el código antes de ellas. "me refiero a pegar el código en la parte de arriba de esas palabras."

Luego de que hagan ese proceso le dan guardar y luego tienen que limpiar el cache de su foro y listo ya tienen su popup.

Luego que ya tengan su popup tienen que modificar el código para su foro."si no lo modifican les va a salir mi popup y también los van a enviar a mi pagina de registro." como lo hacen pues es bien fácil van al final del código y editan las url que aparecen allí. en mi caso yo solo utilice 2 url.
Utilice la url que te envia a mi pagina de registro y la url de la foto que te invita a registrarte.
para los que no saben nada quiero decirles que en mi caso el popup es una foto la cual quiere decir que ustedes deberán crear sus propias fotos con el programa que mas les guste, yo utilice Photoshop.

Buenos mis amigos espero haberles podido ayudado. Cualquier duda solo pregunten.