Ajuda com banner flutuante

Mensagem por **cleiton157** » 13 Jun 2013, 13:10

Qual a URL do seu fórum: http://clubedopassarinheiro.com
Tipo de Hospedagem: Uolhost
Qual a versão do phpBB: phpBB 3.0.11
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário:teste123 Senha:...
Estilos instalados: proskygray
Modificações instaladas: AutoMod, Classifieds MOD, board3 Portal 2.0.1, Posting template, Advanced BBCode Box 3 (aka ABBC3), phpBB mChat.
Qual seu nivel de experiência: Intermediario
Quando começou o problema: ...
Descreva seu problema: Banner flutuante

Olá, Galera estou com uma duvida cruel, já faz algum tempo que venho tentando colocar propagandas do (mercado livre afiliados) e outros do mesmo seguimento, em meu fórm... Pois não tenho mais espaço na pagina inicial, para inserir o banner fixo.
Quero então, colocar um banner flutuante, exibindo estas propagandas.
Tentei seguir o Post kb.php?a=71 e o mesmo não apareceu em meu estilo que é baseado no prosilver (proskygray)
fucei bastante e não achei nada que funcione.
Segue o código do banner:

Código: Selecionar todos

<iframe src="http://pmssrv.mercadolivre.com.br/jm/PmsSrv?tool=6243535&creativity=595212&new=N&ovr=N" 
width="300" height="250" scrolling="no" frameborder="0" marginheight="0" marginwidth="0">
</iframe>

Me ajudem please --'

Mensagem por **_Vinny_** » 13 Jun 2013, 15:36

Chegou a atualizar a template apos a edição dos arquivos?

Mensagem por **cleiton157** » 13 Jun 2013, 16:16

Sim, Vinny.
Meu phpbb está configurado para atualização automática de templates.
Eu fucei na net, e achei vários tutos, consigo inserir o banner e tals... porém não consigo fazer ele rolar junto com a barra de rolagem.
Acho que além da div flutuante, tenho que criar um outro arquivo em .js
Tah tenso (^L~)

Mensagem por **robra** » 13 Jun 2013, 19:06

No código do artigo citado, substitua a linha...

Código: Selecionar todos

<DIV id=floatLayer style="LEFT: -1000px; WIDTH:300px; POSITION: absolute; TOP: 3px; 200: 128px; BACKGROUND-COLOR: #FFFFFF">

.. por:

Código: Selecionar todos

<DIV id=floatLayer style="LEFT: 50px; WIDTH:300px; POSITION: absolute; TOP: 3px; BACKGROUND-COLOR: #FFFFFF;">

E as linhas...

Código: Selecionar todos

<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>

... pelo o código em sua 1ª mensagem.

Abraço. Imagem

Mensagem por **cleiton157** » 14 Jun 2013, 14:21

Vou testar Robra.
Vlw mesmo!

Mensagem por **cleiton157** » 14 Jun 2013, 14:52

Robra, agora apareceu o banner!
Reparei que ao acessar a pagina principal, o banner se desloca um pouco para baixo e para. Ele não acompanha o rolamento da barra lateral (scroll) e ele esta uma camada abaixo do botão "portal"
de uma olhadinha lá no fórum vc msm e veja como ficou
http://www.clubedopassarinheiro.com
Vou postar meu overalheader, caso precise

Código: Selecionar todos

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<link rel="shortcut icon" href="{ROOT_PATH}images/favicon.png" type="image/x-icon" /> 
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="index,follow" />
<meta name="description" content="" />

{META}

<title><!-- IF S_IN_MCP -->{L_MCP} | <!-- ELSEIF S_IN_UCP -->{L_UCP} | <!-- ENDIF -->Clube do Passarinheiro - Fórum</title>
<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: proskygray
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:	  Richard Hayes ( http://www.phpbbcommunties.com/ )
	

-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
		var url = '{UA_POPUP_PM}';
		window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	};

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	};
	
<!-- IF SCRIPT_NAME == "viewtopic" -->	
	function doCollapseExpand(id,img){
   var b = document.getElementById(id);
      if (b.style.display=='none'){
      b.style.display='';
   document.images[img].src='{T_THEME_PATH}/images/arrow_up.gif'; 
} else {
      b.style.display='none';
   document.images[img].src='{T_THEME_PATH}/images/arrow_down.gif';
} return false; }
<!-- ENDIF -->

// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<link href="{T_THEME_PATH}/images/favicon.ico" rel="shortcut icon"  type="image/vnd.microsoft.icon" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.5.0.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<!-- ENDIF -->
<!-- MOD : MSSTI ABBC3 (v{S_ABBC3_VERSION}) - Start //-->
<!-- INCLUDE ./../../abbcode/abbcode_header.html -->
<!-- MOD : MSSTI ABBC3 (v{S_ABBC3_VERSION}) - End //-->
<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: 50px; WIDTH:300px; POSITION: absolute; TOP: 3px; 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="275">
  <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">
    
    <iframe src="http://pmssrv.mercadolivre.com.br/jm/PmsSrv?tool=6243535&creativity=595212&new=N&ovr=N" 
width="300" height="250" scrolling="no" frameborder="0" marginheight="0" marginwidth="0">
</iframe>
    
    </td>
  </tr>
</table>
     </DIV>

</head>
 
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div class="bbg1">
	<div class="site-logo">
				<a href="{U_INDEX}" >{SITE_LOGO_IMG}</a>
	</div>
			<div class="quick-link-padding">
		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text"  style="width: 100px;" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
				</fieldset>
				</form>

		<!-- ENDIF -->
			</div>	

			<!-- INCLUDE menu_bar.html -->				

<div class="bbg2">
	<div style="height: 10px;"></div>
		<div id="wrap">
			<a id="top" name="top" accesskey="t"></a>
		<div id="page-header">
	</div>
	
		<a name="start_here"></a>
	<div id="page-body">
<div id="tabs">
       <ul><!-- IF U_PORTAL --><li<!-- IF SCRIPT_NAME == 'portal' --> class="activetab"<!-- ENDIF -->><a href="{U_PORTAL}" title="{L_PORTAL_EXPLAIN}"><span>{L_PORTAL}</span></a></li><!-- ENDIF -->
          <li
		  <!-- IF SCRIPT_NAME == 'index' or SCRIPT_NAME == 'viewforum' or SCRIPT_NAME == 'viewtopic' --> class="activetab"<!-- ENDIF -->><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
          <!-- IF S_DISPLAY_SEARCH --><li<!-- IF SCRIPT_NAME == 'search' --> class="activetab"<!-- ENDIF -->><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}"><span>{L_SEARCH}</span></a></li><!-- ENDIF -->
		  <!-- IF S_MCHAT_ENABLE and U_MCHAT --><li<!-- IF SCRIPT_NAME == 'mchat' --> class="activetab"<!-- ENDIF -->><a href="{U_MCHAT}" title="{L_MCHAT_EXPLAIN}"><span>{L_MCHAT}</span></a></li><!-- ENDIF -->
          <!-- IF U_NAME --><li<!-- IF SCRIPT_NAME == 'doacao' --> class="activetab"<!-- ENDIF -->><a href="{U_NAME}" title="{L_NAME_EXPLAIN}"><span>{L_NAME}</span></a></li><!-- ENDIF -->
		 
		  <!-- IF U_NAME --><li<!-- IF SCRIPT_NAME == 'parceiros' --> class="activetab"<!-- ENDIF -->><a href="{U_PARCEIROS}" title="{L_PARCEIROS_EXPLAIN}"><span>{L_PARCEIROS}</span></a></li><!-- ENDIF -->
          <!-- IF U_DOWNLOAD --><li<!-- IF SCRIPT_NAME == 'download' --> class="activetab"<!-- ENDIF -->><a href="{U_DOWNLOAD}" title="{L_DOWNLOAD_EXPLAIN}"><span>{L_DOWNLOAD}</span></a></li><!-- ENDIF -->		  
          <!-- IF S_DISPLAY_MEMBERLIST --><li<!-- IF SCRIPT_NAME == 'memberlist' --> class="activetab"<!-- ENDIF -->><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
          <li<!-- IF SCRIPT_NAME == 'faq' --> class="activetab"<!-- ENDIF -->><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><span>{L_FAQ}</span></a></li>
		
		  
       </ul>
    </div>
	<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
			    <li class="icon-home"><!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF --><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
                <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<SCRIPT>start()</SCRIPT>
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
					<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH --> &bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>				
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-doacao"><a href="{U_NAME}" title="{L_NAME_EXPLAIN}">{L_NAME}</a></li>
			    <!-- IF S_DISPLAY_SEARCH --><li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
			    <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
				<li class="icon-login"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ELSEIF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li>
				<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->

	</div>

		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
		<div align="center"><script type="text/javascript"><!--
google_ad_client = "ca-pub-8584834727393298";
/* Portal 1 */
google_ad_slot = "9237558251";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>

Vlw pela força!
Aguardo...

Mensagem por **robra** » 14 Jun 2013, 22:50

Cara... me parece que o código do artigo kb.php?a=71 está cheio de "bugs". :roll:
O banner não fica sobre o texto da página completamente e o botão "X" para fechá-lo não funciona também.
Não sou programador mas, como sempre digo que a pesquisa é o princípio do saber, pesquisando no Google sobre este código, achei-o na página abaixo com comentários desde 2007:
http://codigofonte.uol.com.br/codigo/js ... e-a-pagina
Ao que tudo indica, o código foi trazido de lá.
Pesquisando mais, vi que este mesmo código foi discutido no suporte de Portugal e o Vinny sugeriu uma outra opção:
http://www.phpbbportugal.com/forum/view ... =60#p22020

:arrow: Misturei os 2 códigos para ter o resultado pretendido, com o botão "X" funcionando:

img000.jpg

Para isso, faça o seguinte:
1- Retorne o seu overall_header.html ao estado anterior a edição.
2- Insira antes da tag </head>:

Código: Selecionar todos

<script language="JavaScript1.2">

// Drop-in content box- By Dynamic Drive
// For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
// This credit MUST stay intact for use

var ie=document.all
var dom=document.getElementById
var ns4=document.layers
var calunits=document.layers? "" : "px"

var bouncelimit=32 //(must be divisible by 8)
var direction="up"

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossobj.top=scroll_top-250+calunits
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}

function dropin(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+40+calunits
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",5)
}
}

function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}

function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}


window.onload=initbox

</script>

3- Insira depois da linha <div id="page-body">, em uma nova linha:

Código: Selecionar todos

<!-- IF not S_IS_BOT -->
<div id="dropin" style="position:absolute;visibility:hidden;left:50px;top:50px;width:300px;height:300px;background-color:#F5F5F5; z-index: 999;">
<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 href="#" onClick="dismissbox();return false"><b><FONT size="1" face="Verdana" color="#0000FF">[X]</FONT></b></A>

    </td>
  </tr>
  <tr>
    <td border="1" align="center" bgcolor="#f4f4e8" colspan="4">
   <iframe src="http://pmssrv.mercadolivre.com.br/jm/PmsSrv?tool=6243535&creativity=595212&new=N&ovr=N" 
width="300" height="250" scrolling="no" frameborder="0" marginheight="0" marginwidth="0">
</iframe>

    </td>
  </tr>
</table>
</div>
<!-- ENDIF -->

OBS: O banner aparecerá para visitantes e usuários logados.
Caso queira que apareça somente para usuários logados, então substitua a linha  por .
Caso queira que apareça somente para visitantes, então substitua a linha 
por .

Abraço. Imagem

Mensagem por **cleiton157** » 15 Jun 2013, 00:39

vlw robra!
O botão fechar ficou legal + ela continuou estática, mas tá blz!
vou fuçar mais um pouco pela net, e ver se consigo colocar ela para rolar com a pagina.
Abraço!

Mensagem por **robra** » 15 Jun 2013, 17:19

No teste funcionou normal. O banner acompanhava a rolagem da página.
Pode ser que o código javascript do banner esteja em conflito com algum arquivo .js ou com outro código javascript existente no overall_header.html.

Abraço. Imagem

Suporte phpBB

Ajuda com banner flutuante

Ajuda com banner flutuante

Re: Ajuda com banner flutuante

Re: Ajuda com banner flutuante

Re: Ajuda com banner flutuante

Re: Ajuda com banner flutuante

Re: Ajuda com banner flutuante

Re: Ajuda com banner flutuante

Re: Ajuda com banner flutuante

Re: Ajuda com banner flutuante

Quem curtiu esta postagem