AjudaFM
Bem-Vindo
não é obrigado se registra para ver nosso tutoriais
agora se quiser tirar uma duvida registre-se
Bem vindo ao AJUDAFM 4.0
Cadastre-se agora para ter acesso a todos os nossos recursos. Uma vez cadastrado e logado, você será capaz de criar tópicos, postar respostas a tópicos já existentes, a reputação de seus companheiros, começar seu próprio mensageiro privado, atualizações de status post, gerir o seu perfil e muito mais. Esta mensagem será removida assim que tiver logado no AJUDAFM 4.0
Entrar Cadastre-se
AjudaFM

Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Mensagens : 100
CashFM : 264
Reputação : 21
inscrição : 02/07/2012
Idade : 19

avatar

Maxinho

AdminFM

AdminFM



[Tutorial] Anuncio em caixa no rodapé do fórum (Com Minimizar e Maximizar)

Não sou bom com título, mais nesse tutorial vou ensinar a colocar uma caixa no rodapé do fórum com um anuncio que em vez de poder fechar você pode minimizar ou maximizar.

1º - Adicionar


overall_footer_end

Código:
<style type="text/css">
      * html div#fl813691 {position: absolute; overflow:hidden;
      top:expression(eval(document.compatMode &&
      document.compatMode=='CSS1Compat') ?
      documentElement.scrollTop
      +(documentElement.clientHeight-this.clientHeight)
      : document.body.scrollTop
      +(document.body.clientHeight-this.clientHeight));}
      #fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px;}
      #eb951855{ width:300px; padding-right:7px; background:url(http://img98.imageshack.us/img98/9400/rightp.gif) no-repeat right top;}
      #cob263512{background:url(http://img205.imageshack.us/img205/2176/fulld.gif) no-repeat left top; height:150px; padding-left:7px;}
      #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}
      #coh963846 a{color:#690;text-decoration:none;}
      #coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
               #coc67178 li{display:inline;}
               #coc67178 li a{background-image:url(http://img205.imageshack.us/img205/9837/closebutton.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
                  #coc67178 li a.close{background-position: 0 0;}
                  #coc67178 li a.close:hover{background-position: 0 -15px;}
                  #coc67178 li a.min{background-position: -30px 0;}
                  #coc67178 li a.min:hover{background-position: -30px -15px;}
                  #coc67178 li a.max{background-position: -60px 0;}
                  #coc67178 li a.max:hover{background-position: -60px -15px;}
      #co453569{display:block; margin:0; padding:0; height:123px;  border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
      </style>
<div id="fl813691" style="z-index: 999; height: 151px; ">
         <div id="eb951855">
         <div id="cob263512">
      
            <div id="coh963846">
               <ul id="coc67178">
                  <li id="pf204652hide" style="display: inline; "><a class="min" href="javascript:pf204652clickhide();" title="Minimizar">Minimizar</a></li>
                  <li id="pf204652show" style="display: none; "><a class="max" href="javascript:pf204652clickshow();" title="Maximizar">Maximizar </a></li>
                  
               </ul>
            <a target="_blank" href="http://ajudafm.ativoforum.com" title="Anuncie Aqui Gratis" rel="nofollow">Anuncie</a>
           </div>
      
            <div id="co453569">
      
 
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="120" codebase="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0">
<param name="MOVIE" value="Link_Do_SWF">
<param name="PLAY" value="true">
<param name="QUALITY" value="best">
<param name="LOOP" value="true">
  <a href="http://ajudafm.ativoforum.com" target="_blank"><img src="http://img805.imageshack.us/img805/3180/fsn.png" width="300" height="120" alt="AjudaFM" title="Anuncie" border="none" /></a>
</object>

      
            
            </div>
         </div></div></div>
  <script>
      pf204652bottomLayer = document.getElementById("fl813691"); var pf204652IntervalId = 0, pf204652maxHeight = 150, pf204652minHeight = 20, pf204652curHeight = 0; function pf204652show() { pf204652curHeight += 2; pf204652curHeight > pf204652maxHeight && clearInterval(pf204652IntervalId); pf204652bottomLayer.style.height = pf204652curHeight + "px" } function pf204652hide() { pf204652curHeight -= 3; pf204652curHeight < pf204652minHeight && clearInterval(pf204652IntervalId); pf204652bottomLayer.style.height = pf204652curHeight + "px" } pf204652IntervalId = setInterval("pf204652show()", 5); function pf204652clickhide() { document.getElementById("pf204652hide").style.display = "none"; document.getElementById("pf204652show").style.display = "inline"; pf204652IntervalId = setInterval("pf204652hide()", 5) } function pf204652clickshow() { document.getElementById("pf204652hide").style.display = "inline"; document.getElementById("pf204652show").style.display = "none"; pf204652IntervalId = setInterval("pf204652show()", 5) } function pf204652clickclose() { document.body.style.marginBottom = "0px"; pf204652bottomLayer.style.display = "none" } ;
      </script>

Coloque esse código em qualquer lugar do overall_footer_end que vai funcionar

Resultado






Desenvolvido por Max Kyle | © AjudaFM
Editado e Postado por © Max Kyle


Atenção:

Lembrando galera todos os tutoriais são testados sem ter nenhum outro código ativo, pois isso pode gerar incompatibilidade entre eles.


_________________________________________________________________________________________________________

Olá Convidado, Dicas Importantes:
- Respeite as Regras do fórum
- Teste o Editor de Imagens
- Utilize as Ferramentas de usuário e o serviço de litígios.
- Conheça os Tutoriais que vão lhe ajudar em seu fórum
- Não peça suporte por MP ou no Chat-Box
- As mudanças de nome de usuário são feitas clicando Aqui
Ver perfil do usuário http://ajudafm.ativoforum.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum