Colocar efeito de abas na Home Page

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Colocar efeito de abas na Home Page

Mensagem por IsmaelS. em 17/06/14, 04:58 pm

  • Descrição:
Olá,

Queria saber se era possível saber como colocar este efeito:


  • Informações:
Fórum:http://testarnada.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Colocar,efeito



Última edição por IsmaelS. em 17/06/14, 05:50 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar efeito de abas na Home Page

Mensagem por Sennior em 17/06/14, 05:02 pm

Saudações,

Aceda a tua Home Page:
Painel de Controle Seta Visualização Seta Página inicial Seta Geral

Código:
<table style="padding: 3px 3px 0px; font-size: 0.9em; margin-bottom: 0px; margin-top: 15px; width: 90%;">
      
      <tbody>
         
         <tr valign="top" class="zebraUm">
            
            <td>
                <strong> <img style="width: 15px;height: 15px;" src="http://illiweb.com/fa/fdf/parchemin.png"> <a class="seta-titulo" onclick="toggleMenu(this);"> Regras e staff</a></strong><br>
               <div class="menuidx" style="display: none;">
                   <a href="/t7556-"> Equipe Forumeiros</a><br><a href="/t82-">Regras do fórum</a><br><a href="/t86036-"> Como entrar na equipe de moderação</a>
               </div>
               
            </td>
            
            <td>
                <strong> <img style="width: 15px;height: 15px;" src="http://illiweb.com/fa/fdf/questions.png"> <a class="seta-titulo" onclick="toggleMenu(this);"> Subfóruns de seu interesse</a></strong><br>
               <div class="menuidx" style="display: none;">
                   <a href="/c2-"> Ajuda e suporte</a><br><a href="/c5-"> Serviços para usuários</a><br><a href="/c1-"> Forumeiros e você</a>
               </div>
               
            </td>
            
            <td>
                <strong> <img style="width: 15px;height: 15px;" src="http://illiweb.com/fa/optimisation_fdf/common/ecrire2.png"> <a class="seta-titulo" onclick="toggleMenu(this);"> Antes de questionar</a></strong><br>
               <div class="menuidx" style="display: none;">
                   <a href="/search"> Função busca</a><br><a href="/t23-"> Perguntas e respostas frequentes</a><br><a href="/t6745-"> Tutoriais, dicas e astúcias</a>
               </div>
               
            </td>
            
         </tr>
         
      </tbody>
      
   </table>

Abraços.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre funções do fórum, créditos e domínios'
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar efeito de abas na Home Page

Mensagem por IsmaelS. em 17/06/14, 05:08 pm

Olá,

Quando clico nas abas não abre nada para baixo apenas aparece os títulos amigo!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Colocar efeito de abas na Home Page

Mensagem por Sennior em 17/06/14, 05:47 pm

Saudações,

Aqui esta:
Código:
<div class="panel introduction"><div class="inner"><span class="corners-top"><span></span></span><div class="mes-txt"> <script>function toggleMenu(oThis) {
    jQuery('a.seta-titulo').removeClass("menu-abrir");
    jQuery('.menuidx').slideUp(500);
    var menu = jQuery(oThis).parent().next().next();
    if (!menu.is(':visible')) {
    menu.slideDown(900).css('display', 'block');
    jQuery(oThis).addClass("menu-abrir");
    }
    }</script><style>#acc-welc{
    background:url(http://i45.servimg.com/u/f45/12/05/75/97/63083010.png) no-repeat scroll left top transparent;
    color:#1675BC;
    display:block;
    font-family:arial;
    font-size:1.7em;font-style:italic;min-height:40px;
    padding:5px 0 0 25px;
    }

    a.menu-abrir{
    background:url(http://illiweb.com/fa/fdf3/down11.png) no-repeat transparent;color:#7cba2c;
    padding-left:18px
    }

    .seta-titulo{
    background:url(http://illiweb.com/fa/fdf3/right10.png) no-repeat transparent;
    color:#0372BE;
    cursor:pointer;
    font-weight:700;
    padding-left:14px;
    text-transform:uppercase
    }

    .seta-titulo:hover{
    color:#7cba2c
    }

    a.seta-titulo:focus{color:#7cba2c}

    .rede_link {opacity: 0.6; height: 50px;width: 50px;}
    .rede_link:hover {
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    }</style> <div class="mes-txt">
   
   
   
   <table style="padding: 3px 3px 0px; font-size: 0.9em; margin-bottom: 0px; margin-top: 15px; width: 90%;">
      
      <tbody>
         
         <tr valign="top" class="zebraUm">
            
            <td>
                <strong> <img style="width: 15px;height: 15px;" src="http://illiweb.com/fa/fdf/parchemin.png"> <a class="seta-titulo" onclick="toggleMenu(this);"> Regras e staff</a></strong><br>
               <div class="menuidx" style="display: none;">
                   <a href="/t7556-"> Equipe Forumeiros</a><br><a href="/t82-">Regras do fórum</a><br><a href="/t86036-"> Como entrar na equipe de moderação</a>
               </div>
               
            </td>
            
            <td>
                <strong> <img style="width: 15px;height: 15px;" src="http://illiweb.com/fa/fdf/questions.png"> <a class="seta-titulo" onclick="toggleMenu(this);"> Subfóruns de seu interesse</a></strong><br>
               <div class="menuidx" style="display: none;">
                   <a href="/c2-"> Ajuda e suporte</a><br><a href="/c5-"> Serviços para usuários</a><br><a href="/c1-"> Forumeiros e você</a>
               </div>
               
            </td>
            
            <td>
                <strong> <img style="width: 15px;height: 15px;" src="http://illiweb.com/fa/optimisation_fdf/common/ecrire2.png"> <a class="seta-titulo" onclick="toggleMenu(this);"> Antes de questionar</a></strong><br>
               <div class="menuidx" style="display: none;">
                   <a href="/search"> Função busca</a><br><a href="/t23-"> Perguntas e respostas frequentes</a><br><a href="/t6745-"> Tutoriais, dicas e astúcias</a>
               </div>
               
            </td>
            
         </tr>
         
      </tbody>
      
   </table>
   
</div></div><span class="corners-bottom"><span></span></span></div></div>

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar efeito de abas na Home Page

Mensagem por IsmaelS. em 17/06/14, 05:49 pm

Olá,

Resolvido obrigado!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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