ID do artigo: 71
Escrito por: Chico Gois
Escrito em: Sáb Out 09, 2010 10:56
Descrição do artigo: Adiciona uma caixa popup com opção de fechar, somente para usuarios logado
- Link externo para este artigo:
-
http://www.suportephpbb.com.br/forum/kb.php?a=71
Abra: XXX/template/overral_header.html
Localize:
- Código: Selecionar todos
</head>
Antes, adicione:
- Código: Selecionar todos
<SCRIPT language=javascript>
function closeDiv() {
document.getElementById('floatLayer').style.left = "-1000";
return false;
}
window.onerror = null;
//VALOR DE 75 ABAIXO É A POSIÇÃO ACIMA E ABAIXO DA JANELA//
var topMargin = 75;
var slideTime = 1000;
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
function layerObject(id,left) {
if (ns6) {
this.obj = document.getElementById(id).style;
this.obj.left = left;
return this.obj;
}
else if(ie4) {
this.obj = document.all[id].style;
this.obj.left = left;
return this.obj;
}
else if(ns4) {
this.obj = document.layers[id];
this.obj.left = left;
return this.obj;
}
}
function layerSetup() {
floatLyr = new layerObject('floatLayer', pageWidth * .2);
window.setInterval("main()", 10)
}
function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}
function main() {
if (ns4) {
this.currentY = document.layers["floatLayer"].top;
this.scrollTop = window.pageYOffset;
mainTrigger();
}
else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}
}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin;
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY;
floatStart();
}
animator();
}
}
function floatStart() {
var now = new Date();
this.A = this.targetY - this.currentY;
this.B = Math.PI / ( 1 * this.slideTime );
this.C = now.getTime();
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt;
this.A = this.A > 0 ? this.findHt : -this.findHt;
}
else {
this.D = this.currentY;
}
}
function animator() {
var now = new Date();
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;
newY = Math.round(newY);
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )document.all.floatLayer.style.pixelTop = newY;
if ( ns4 )document.layers["floatLayer"].top = newY;
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px";
}
}
function start() {
if(ns6||ns4) {
pageWidth = innerWidth;
pageHeight = innerHeight;
layerSetup();
floatObject();
}
else if(ie4) {
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
layerSetup();
floatObject();
}
}
</SCRIPT>
<DIV id=floatLayer style="LEFT: -1000px; WIDTH:300px; POSITION: absolute; TOP: 3px; 200: 128px; BACKGROUND-COLOR: #FFFFFF">
<!--VALOR DE 300 E 300 ACIMA É O TAMANHO DA JANELA-->
<table border="1" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" width="300" height="300">
<tr height="30">
<td border="3" align="right" bgcolor="#f4f4e8" colspan="4">
<b><font size="1" face="Verdana" color="#0000FF">Fechar</font></b><A onclick="return closeDiv()"
href=""><b><FONT size="1" face="Verdana" color="#0000FF">[X]</FONT></b></A>
</td>
</tr>
<tr>
<td border="1" align="center" bgcolor="#f4f4e8" colspan="4">
<a href="http://www.suportephpbb.org" target="_blank">
<img
src="http://www.fyvie.net/projects/fyvienet/phpbb-logo.jpg" alt="Suporte phpBB" border="0" ></a>
</td>
</tr>
</table>
</DIV>
Prosilver:Localize:
- Código: Selecionar todos
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
Adicione depois:
- Código: Selecionar todos
<SCRIPT>start()</SCRIPT>
Subsilver2:Localize:
- Código: Selecionar todos
<!-- IF S_USER_LOGGED_IN -->
Adicione depois:
- Código: Selecionar todos
<SCRIPT>start()</SCRIPT>
FAQ:P.: Como posso customizar o popup
R.: Editando o codigo abaixo:
- Código: Selecionar todos
<DIV id=floatLayer style="LEFT: -1000px; WIDTH:300px; POSITION: absolute; TOP: 3px; 200: 128px; BACKGROUND-COLOR: #FFFFFF">
<!--VALOR DE 300 E 300 ACIMA É O TAMANHO DA JANELA-->
<table border="1" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" width="300" height="300">
<tr height="30">
<td border="3" align="right" bgcolor="#f4f4e8" colspan="4">
<b><font size="1" face="Verdana" color="#0000FF">Fechar</font></b><A onclick="return closeDiv()"
href=""><b><FONT size="1" face="Verdana" color="#0000FF">[X]</FONT></b></A>
</td>
</tr>
<tr>
<td border="1" align="center" bgcolor="#f4f4e8" colspan="4">
<a href="http://www.suportephpbb.org" target="_blank">
<img
src="http://www.fyvie.net/projects/fyvienet/phpbb-logo.jpg" alt="Codigo Fonte" border="0" ></a>
</td>
</tr>
</table>
</DIV>
phpBB 3.0.11 PT-BR
Exportar para word
