Código Seja bem vindo

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

Resolvido Código Seja bem vindo

Mensagem por Mauricio Molina em 27/05/14, 12:41 pm

  • Descrição:
Alguém pode me passar o código do Seja bem vindo ao FDF, e onde colocar?



Até achei alguns tópicos, mas não é exatamente este atual...

Obrigado!

  • Informações:
Fórum:http://aquapeixes.forumeiros.com/Versão:PHPBB3
Tipo:Pedido de códigoTags:Código,vindo



Última edição por Mauricio Molina em 29/05/14, 06:05 pm, editado 1 vez(es)
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Código Seja bem vindo

Mensagem por Hancki em 27/05/14, 02:47 pm

Olá!

O código é este:
Código:
<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">
   
   <div id="indexmenu">
       <img src="http://i57.servimg.com/u/f57/16/63/75/54/modc10.png" id="acc-mons" alt=""><span id="acc-welc">Bem-vindo ao Fórum dos Fóruns Hancki! </span>
      <div id="acc-news" style="">
         
         <div id="acc-contnews">
            
            <div id="acc-neweff" onclick="location.href='http://ajuda.forumeiros.com/t92130-5-pacotao-de-tutoriais-do-fdf-2014'">
               
               <div style="cursor:pointer;">
                  
                  <h4>
                      <blink> 5º Pacotão de Tutoriais </blink>
                  </h4>
                  
               </div>
               
            </div>
            
         </div>
         
         <div id="follow_fdf">
             <a href="http://www.facebook.com/forumeirospt" target="_blank"><img class="rede_link" src="http://illiweb.com/fa/optimisation_fdf/fr/facebook10.png" alt="Facebook"></a><a href="https://plus.google.com/u/0/b/106647941075849166848/" target="_blank"><img class="rede_link" src="http://illiweb.com/fa/optimisation_fdf/fr/googleplus.png" alt="Google+"></a><a href="https://twitter.com/Forumeiros_PT" target="_blank"><img class="rede_link" src="http://illiweb.com/fa/optimisation_fdf/fr/twitter10.png" alt="Twitter"></a><a href="http://www.youtube.com/tvforumeiros" target="_blank"><img class="rede_link" src="http://i.imgur.com/gNaOcyO.png" alt="Youtube"></a>
         </div>
         
      </div>
      
      <p style="padding-right: 20px; font-size: 12px;" align="justify">
          O Fórum dos Fóruns é um espaço de contato pessoal entre Forumeiros e você, onde encontrará todo o tipo de informações: o nosso regulamento, as perguntas mais frequentes, as atualizações constantes e as principais dicas para administrar e personalizar o seu fórum Forumeiros. <br><br> Use o sistema de <strong><a rel="nofollow" onclick="showhide(document.getElementById('search_menu')); return false;" href="/search">busca</a></strong> para encontrar dúvidas já criadas por outros usuários que poderão solucionar a sua pergunta.
      </p>
      
   </div>
   
   <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>
Coloque-o na mensagem da homepage!

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Código Seja bem vindo

Mensagem por Mauricio Molina em 27/05/14, 07:48 pm

Ola..

Fiz um teste e não ficou como esta aqui, veja:



Tirei o código porque como pode ver não editei...
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Código Seja bem vindo

Mensagem por DeeW. em 27/05/14, 09:11 pm

Poderia deixar o código activo em teu fórum para podermos ajudar?
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Código Seja bem vindo

Mensagem por Mauricio Molina em 27/05/14, 09:17 pm

Vou editar então depois eu aviso...

Logo eu aviso...

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Código Seja bem vindo

Mensagem por DeeW. em 27/05/14, 09:26 pm

Estou a esperar amigo! Piscada só comentei para não fazer double-post! Piscada
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Código Seja bem vindo

Mensagem por Mauricio Molina em 28/05/14, 08:02 pm

Ola...

Desculpa a demora, estava realizando outras funções...

gora ja esta editado e  ativo..

No aguardo...

Código atual:

Código:

 
 
<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://s27.postimg.org/n4bi1whov/peixe_aquapeixes.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">
      
      <div id="indexmenu">
          <img src="http://i66.servimg.com/u/f66/15/86/37/09/gestio10.png" id="acc-mons" alt="" /><span id="acc-welc">Bem-vindo ao Fórum AquaPeixes {USERNAME}! </span>
         <div id="acc-news" style="">
            
            <div id="acc-contnews">
               
               <div id="acc-neweff" onclick="location.href='http://aquapeixes.forumeiros.com/t5027-comunicado-upgrade-no-formularios-de-postagens-apresentacao-e-doencas-e-tratamentos#75899'">
                  
                  <div style="cursor:pointer;">
                     
                     <h4>
                         <blink> Upgrade Formulários de postagens. </blink>
                     </h4>
                     
                  </div>
                  
               </div>
               
            </div>
            
            <div id="follow_fdf">
                <a href="http://www.facebook.com/aquapeixesAQP" target="_blank"><img class="rede_link" src="http://illiweb.com/fa/optimisation_fdf/fr/facebook10.png" alt="Facebook" /></a>
            </div>
            
         </div>
         
         <p style="padding-right: 20px; font-size: 12px;" align="justify">
             Você acaba de encontrar um novo seguimento de Fórum de Aquarismo, o AquaPeixes, nosso objetivo é propor assuntos/discussões educacionais sobre Aquários e Peixes Ornamentais. <br /><br /> Use o sistema de <strong><a rel="nofollow" onclick="showhide(document.getElementById('search_menu')); return false;" href="/search">busca</a></strong> para encontrar dúvidas já criadas por outros usuários que poderão solucionar a sua pergunta.
         </p>
         
      </div>
      
      <table style="padding: 3px 3px 0px; font-size: 12px; margin-bottom: 0px; margin-top: 15px; width: 90%;">
         
         <tbody>
            
            <tr class="zebraUm" valign="top">
               
               <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="/t5032-"> Equipe AquaPeixes</a><br /><a href="/t2-">Regras do fórum</a><br /><a href="/t45-"> Proposta do Forum AquaPeixes.</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="/c1-"> AquaPeixes e Você</a><br /><a href="/c10-"> Artigos AquaPeixes</a><br /><a href="/c4-"> Seções AquaPeixes</a><br /><a href="/c8-"> Classificados, Publicidades e Parceiros</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="/t600-"> FAQ- Botões e Ícones do Fórum</a><br /><a href="/c10-"> Artigos AquaPeixes</a>
                  </div>
                  
               </td>
               
            </tr>
            
         </tbody>
         
      </table>
      
   </div>
   
</div>
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Código Seja bem vindo

Mensagem por Uatyla em 28/05/14, 10:07 pm

Olá use os seguintes código e depois faças as alterações!

Vá em Painel de controle » Visualização » Pagina Inicial » Geral e adicione o seguinte código

Código:
    <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">
      
       <div id="indexmenu">
           <img src="http://i57.servimg.com/u/f57/16/63/75/54/modc10.png" id="acc-mons" alt="" /><span id="acc-welc">Bem-vindo ao Fórum dos Fóruns {USERNAME}! </span>
          <div id="acc-news" style="">
            
             <div id="acc-contnews">
                
                <div id="acc-neweff" onclick="location.href="http://ajuda.forumeiros.com/t89027-novo-tema-do-forum-dos-foruns">
                  
                   <div style="cursor:pointer;">
                      
                      <h4>
                          <blink> Novo tema para Fdf </blink>
                      </h4>
                      
                   </div>
                  
                </div>
                
             </div>
            
             <div id="follow_fdf">
                 <a href="http://www.facebook.com/forumeirospt" target="_blank"><img class="rede_link" src="http://illiweb.com/fa/optimisation_fdf/fr/facebook10.png" alt="Facebook" /></a><a href="https://twitter.com/Forumeiros_PT" target="_blank"><img class="rede_link" src="http://illiweb.com/fa/optimisation_fdf/fr/twitter10.png" alt="Twitter" /></a><a href="http://www.youtube.com/ForumeirosOficial" target="_blank"><img class="rede_link" src="http://i.imgur.com/gNaOcyO.png" alt="Youtube" /></a>
             </div>
            
          </div>
          
          <p style="padding-right: 20px; font-size: 12px;" align="justify">
              O Fórum dos Fóruns é um espaço de contato pessoal entre Forumeiros e você, onde estão presentes informações que a empresa deseja publicar para os usuários, tais como: O nosso regulamento, as perguntas e respostas mais frequentes, os anúncios e atualizações que fazemos constantemente e por fim, as principais dicas que você deve saber para administrar o seu fórum. <br /><br /> Use o sistema de <strong><a rel="nofollow" onclick="showhide(document.getElementById('search_menu')); return false;" href="/search">busca</a></strong> para encontrar dúvidas já criadas por outros usuários que vão solucionar a sua pergunta.
          </p>
          
       </div>
      
       <table style="padding: 3px 3px 0px; font-size: 0.9em; margin-bottom: 0px; margin-top: 15px; width: 90%;">
          
          <tbody>
            
             <tr valign="top">
                
                <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>


Depois vá em Painel de Controle » Visualização » Imagens e cores » Cores » Folha de estilo CSS e adicione esse código.

Código:
    #avat_toolbar {height: 30px;width: 30px;}
    #follow_fdf {
     float: right;
    }
    .panel div.mes-txt, .panel p {
    font-size: 1.2em;
    }

    #indexmenu {
    text-align: justify;
    }

    #acc-mons {
    background-color: #E5F1F9;
    float: right;
    margin-left: 5px;
    margin-top: 40px;
    }

    #acc-welc {
    background: url(http://illiweb.com/fa/optimisation_fdf/fr/puce10.png) no-repeat scroll left top transparent;
    color: #00A5CD;
    display: block;
    font-family: arial;
    font-size: 1.7em;
    font-style: italic;
    min-height: 40px;
    padding: 5px 0 0 25px;
    }

    div#acc-news {
    float: right;
    margin-left: 10px;
    }

    div#acc-news #acc-contnews {
    display: block;
    }

    #acc-neweff div{
    background:url(http://illiweb.com/fa/optimisation_fdf/fr/bulle_annonce.png) repeat scroll 0 0 transparent;
    color:#d2691e;
    font-size:17px;
    font-weight:700;
    height:35px;
    padding:9px 11px 10px 3px;
    text-align:center;
    text-shadow:1px 1px 3px #FFF;
    width:325px;
    }
    #acc-neweff h4{
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#DB7D21',Direction=135,Strength=3);
    zoom:1;
    }

Lembre-se de fazer as alterações, pois o códigos possui imagens, protegida pela forumeiros.
Espero ter ajudado!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Código Seja bem vindo

Mensagem por Mauricio Molina em 29/05/14, 06:04 pm

Obrigado Uatyla...

Mas basta usar este código no CSS, retirei o fundo que ficava na engrenagem...

Código:
    #avat_toolbar {height: 30px;width: 30px;}
    #follow_fdf {
    float: right;
    }
    .panel div.mes-txt, .panel p {
    font-size: 1.2em;
    }

    #indexmenu {
    text-align: justify;
    }

    #acc-mons {
    float: right;
    margin-left: 5px;
    margin-top: 40px;
    }

    #acc-welc {
    background: url(http://illiweb.com/fa/optimisation_fdf/fr/puce10.png) no-repeat scroll left top transparent;
    color: #00A5CD;
    display: block;
    font-family: arial;
    font-size: 1.7em;
    font-style: italic;
    min-height: 40px;
    padding: 5px 0 0 25px;
    }

    div#acc-news {
    float: right;
    margin-left: 10px;
    }

    div#acc-news #acc-contnews {
    display: block;
    }

    #acc-neweff div{
    background:url(http://s23.postimg.org/fqbzvgbx7/imagem_flutuante.png) repeat scroll 0 0 transparent;
    color:#d2691e;
    font-size:17px;
    font-weight:700;
    height:35px;
    padding:9px 11px 10px 3px;
    text-align:center;
    text-shadow:1px 1px 3px #FFF;
    width:325px;
    }
    #acc-neweff h4{
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#DB7D21',Direction=135,Strength=3);
    zoom:1;
    }
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

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