Tabela das categorias

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

Resolvido Tabela das categorias

Mensagem por Smile' em 10/06/15, 07:24 pm

Olá, eu queria saber o código do tablon desse forum:
Aqui.
avatar

Smile'
Nível 2

Feminino
Inscrito dia : 06/06/2015
Mensagens : 13
Pontos Ativos : 18

Ver perfil do usuário
  • 0

Resolvido Re: Tabela das categorias

Mensagem por Smile' em 11/06/15, 12:18 am

Up.
avatar

Smile'
Nível 2

Feminino
Inscrito dia : 06/06/2015
Mensagens : 13
Pontos Ativos : 18

Ver perfil do usuário

Resolvido Re: Tabela das categorias

Mensagem por Shaman em 11/06/15, 12:48 am

Olá!

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Sugiro que não faça postagens em menos de 24 horas, isso é considerado flood no FDF Muito feliz

Sobre sua questão, poderia mandar uma print do que realmente quer?

Até mais, boa noite! Rosa
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Tabela das categorias

Mensagem por Smile' em 11/06/15, 01:35 am

http://i.imgur.com/D9B9kGG.jpg (O tablon ligado ao logo).
avatar

Smile'
Nível 2

Feminino
Inscrito dia : 06/06/2015
Mensagens : 13
Pontos Ativos : 18

Ver perfil do usuário

Resolvido Re: Tabela das categorias

Mensagem por Smile' em 12/06/15, 12:20 am

Up! (Podem ajudar por favor? Obrigada (: )
avatar

Smile'
Nível 2

Feminino
Inscrito dia : 06/06/2015
Mensagens : 13
Pontos Ativos : 18

Ver perfil do usuário

Resolvido Re: Tabela das categorias

Mensagem por iHeloaD em 13/06/15, 01:58 am

Olá,

Tente com este código:
Código:
<table>
                                                                                                                                                                                                                                                       
      <tbody>
                                        
         <tr>
                                 
            <td>
                                                                                                                                                                              
               <div style="width: 173px; height: 320px; margin-left: 2px; margin-top: 0px; background-image: url(https://threeriversdeep.files.wordpress.com/2014/07/three-rivers-deep_serene-haiku_forest-run1.gif); padding: 25px;">
                                                                                                                                                                                                                                                             
                  <div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
                                                                                                                                             <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">  janeiro    </span><br>    <strong>CIDADE: </strong> Paris<br><strong>temperatura:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>                                                                                                                 
                  </div>
                                                                                                                                                                                                                                                             
               </div>
                                          
               <div style=" margin-left: 2px; margin-top: 2px; width:222px; height: 20px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px;  color: #000;">
                                                                                                       
               </div>
                                                                                                                                                                                                
            </td>
                                                                                                                                                                                                                                                                       
            <td>
                                                                                                                                                                                                                                                                                                                                                                                                                                  
               <div style="width:200px; height:230px; background:#fff; text-transform: normal; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:10px; overflow:auto; color: #000; opacity: 0.8;">
                                                                                                                                                                                                                                         
                  <div align="center">
                               <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> Novidades</span>         
                  </div><br> Abertura: 12/06/2015.                                                                                                                                                                                                                                                                                                                                             
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
               <div style="width: 220px; padding-top: 6px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                          <a href="http://prisonofoblivion.forumeiros.com/t11-grupos">    grupos  </a>                                                                                                                     
               </div>
                                                                                                                                                                                                                                                          
               <div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background:#fff;">
                                                                                                                                          <a href="http://prisonofoblivion.forumeiros.com/t15-regras-gerais">    regras  </a>                                                                                                                     
               </div>
                                                                                                                                                                                                                                                          
               <div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                          <a href="http://prisonofoblivion.forumeiros.com/t1-modelo-de-ficha">    fichas  </a>                                                                                                                     
               </div>
                                                                                                                                                                                                                                                          
               <div style="width: 220px; padding-top: 5px; padding-bottom: 8px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                          <a href="http://prisonofoblivion.forumeiros.com/f3-games">    off  </a>                                                                                                                     
               </div>
                                                                                                                                                                                                                                                                
            </td>
                                                                                                                                                                                                                                                       
            <td>
                                                                                                                                                                                                                                                      
               <div style="width: 150px; background-image: url(http://i.imgur.com/5LBBjQa.gif); padding: 25px;">
                                                                                                                                                                                                                                                             
                  <div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
                                                                                                                                             <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">  janeiro    </span><br>    <strong>CIDADE: </strong> Paris<br><strong>tempo:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>                                                                                                               
                  </div>
                                                                                                                                                                                                                                                             
               </div>
                                                                                                                                                                                                                                      
               <div style="width:180px; height:223px; background:#fff; text-transform: normal; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:17px 10px 3px 10px; overflow:auto; color: #000; margin-top: 1px; opacity: 0.8;">
                                               
                  <div align="center">
                               <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> A Trama</span>         
                  </div><br>                                                                                                                                                                                          <em>"Futuramente todos vão temer a si mesmo. A poluição que fazem hoje afetará as novas gerações..."</em> Isso era o começo de uma manchete de jornal na França, poucos ligavam para o que estava escrito. A fonte era de um profeta que revelou acontecimentos horríveis em 2040. A tecnologia estava florescendo cada vez mais rápido, ninguém imaginou nas criações feitas pelas pessoas denominadas como gênios. Tudo anda normalmente, ninguém acredita no futuro que os espera e muito menos imagina as consequências de tanta poluição feita pelos próprios seres humanos. <a href="http://prisonofoblivion.forumeiros.com/t9-trama"><span style="font: bold 9px consolas; text-transform: uppercase; color: #000;">+</span></a>                                                                                                                                                                                                                                   
               </div>
                                                                                                                                                                                                                                                                                                        
            </td>
                                                                                                                                                                                                                                                                                                                                     
            <td>
                                                                                                                                                                
               <div style="width:270px; height:125px; background:#fff; text-transform: lowercase; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:10px; overflow:auto; color: #000; margin-bottom: 3px; opacity: 1;">
                                                                                                                                                                                                                                                                                                                       
                  <div align="center">
                                                                                                               <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> colaboração</span>                                                                               
                  </div><br>                                                                              Fórum desenvolvido com base no clipe musical Heroes do DJ Alesso em parceria com Tove lo. Crédito aos donos de <a rel="nofollow" target="_blank" class="postlink" href="http://mortiri.jcink.net/">Mortiri</a> e <a rel="nofollow" target="_blank" class="postlink" href="http://furnace.jcink.net/">Furnace</a>, RPG's quais joguei e adorei o sistema, implantando alguns deles por mera admiração, contendo algumas mudanças e adaptações. Sou agradecido por um dia ter participado deles e me divertido em ambos. Parte gráfica feita por Funebribus, este que tem toda a gratificação do visual.                                                                                     
               </div>
                                                                                                                                                        
               <div style="width: 250px; background-image: url(https://p.gr-assets.com/540x540/fit/hostedimages/1387761505/7666686.gif); padding: 20px; margin-bottom: 3px;">
                                                                                                                                                                                                                                                             
                  <div style="padding: 10px; background: #fff; text-align: justify; font: 8px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.7;">
                                                                                                                                                  
                     <div align="left">
                                                                                          <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">credits</span>                                                             
                     </div>
                                                                                       O tema e o CSS disponibilizados foram feitos por <a style="color: #000" href="http://lotusgraphics.forumeiros.com/u62"><strong>funebribus</strong></a> com a contribuição de <a style="color: #000" href="http://ajuda.forumeiros.com/u54273"><strong>[K]oke</strong></a> para o código base do "<em>tablón</em>". A equipe foi formada pelo conhecido grupo como "<em>The Command</em>", entrando com toda a administração para lhes proporcionar este fórum.                                                               
                  </div>
                                                                                                                                                                     
               </div>
                                                                                                                                                
               <div style="width:270px; height: 19px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; padding:24px 10px 24px 10px; color: #000;">
                                                                                                    <a href="https://www.youtube.com/watch?v=a7SouU3ECpU">THE MUSIC</a>                                                                             
               </div>
                                                                                                                                                            
            </td>
                                                                                                                                                                                                             
         </tr>
                                                                                                                                                                                                                                                            
      </tbody>
                               
   </table>

Resulta?
Até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Tabela das categorias

Mensagem por Rafael em 13/06/15, 02:12 pm

Olá!

Poderia nos indicar o endereço do seu fórum?

Até mais,
iChees
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Tabela das categorias

Mensagem por Smile' em 13/06/15, 04:38 pm

Olá iHelaD, o código funciona, porem ele não fica no seu devido lugar que é o Logo, acho que faltou o código css.

Ichees Aqui.
avatar

Smile'
Nível 2

Feminino
Inscrito dia : 06/06/2015
Mensagens : 13
Pontos Ativos : 18

Ver perfil do usuário

Resolvido Re: Tabela das categorias

Mensagem por Smile' em 15/06/15, 04:15 pm

Up..
avatar

Smile'
Nível 2

Feminino
Inscrito dia : 06/06/2015
Mensagens : 13
Pontos Ativos : 18

Ver perfil do usuário

Resolvido Re: Tabela das categorias

Mensagem por Rafael em 16/06/15, 03:09 pm

Olá @Smile',

Acesse: Painel de Controle Seta Visualização Seta Página inicial Seta Geral Seta Mensagem da página inicial

Código:

<style>#tablon {
    height: 143%;
    left: 239px;
    position: absolute;
    transition: all 1s ease 0s;
    overflow: hidden;
    top: 29px;
    opacity: 0;
}
#tablon:hover {
    opacity: 1;
    transition: all 1s ease 0s;
}</style>
<div id="tablon">
                                                                                                                                                                                                                                                                    
   <table>
                                                                                                                                                                                                                                                                       
      <tbody>
                                                        
         <tr>
                                                 
            <td>
                                                                                                                                                                                              
               <div style="width: 173px; height: 320px; margin-left: 2px; margin-top: 0px; background-image: url(https://threeriversdeep.files.wordpress.com/2014/07/three-rivers-deep_serene-haiku_forest-run1.gif); padding: 25px;">
                                                                                                                                                                                                                                                                             
                  <div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
                                                                                                                                                     <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">  janeiro    </span><br>    <strong>CIDADE: </strong> Paris<br><strong>temperatura:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>                                                                                                                         
                  </div>
                                                                                                                                                                                                                                                                             
               </div>
                                                          
               <div style=" margin-left: 2px; margin-top: 2px; width:222px; height: 20px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px;  color: #000;">
                                                                                                                       
               </div>
                                                                                                                                                                                                                
            </td>
                                                                                                                                                                                                                                                                                       
            <td>
                                                                                                                                                                                                                                                                                                                                                                                                                                                  
               <div style="width:200px; height:230px; background:#fff; text-transform: normal; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:10px; overflow:auto; color: #000; opacity: 0.8;">
                                                                                                                                                                                                                                                         
                  <div align="center">
                                       <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> Novidades</span>                 
                  </div><br> Abertura: 12/06/2015. - - - - - - - - -                                                                                                                                                                                                                                                                                                                                                                                                                              Bem vindos a Oblivion (Mestrado): 15/06/2015                                                                                                                                                                                                                                                                                                                                                     
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
               <div style="width: 220px; padding-top: 6px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                                  <a href="http://prisonofoblivion.forumeiros.com/t11-grupos">    grupos  </a>                                                                                                                             
               </div>
                                                                                                                                                                                                                                                                          
               <div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background:#fff;">
                                                                                                                                                  <a href="http://prisonofoblivion.forumeiros.com/t15-regras-gerais">    regras  </a>                                                                                                                             
               </div>
                                                                                                                                                                                                                                                                          
               <div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                                  <a href="http://prisonofoblivion.forumeiros.com/t1-modelo-de-ficha">    fichas  </a>                                                                                                                             
               </div>
                                                                                                                                                                                                                                                                          
               <div style="width: 220px; padding-top: 5px; padding-bottom: 8px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                                  <a href="http://prisonofoblivion.forumeiros.com/f3-games">    off  </a>                                                                                                                             
               </div>
                                                                                                                                                                                                                                                                                
            </td>
                                                                                                                                                                                                                                                                       
            <td>
                                                                                                                                                                                                                                                                      
               <div style="width: 150px; background-image: url(http://i.imgur.com/5LBBjQa.gif); padding: 25px;">
                                                                                                                                                                                                                                                                             
                  <div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
                                                                                                                                                     <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">  janeiro    </span><br>    <strong>CIDADE: </strong> Paris<br><strong>tempo:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>                                                                                                                       
                  </div>
                                                                                                                                                                                                                                                                             
               </div>
                                                                                                                                                                                                                                                      
               <div style="width:180px; height:223px; background:#fff; text-transform: normal; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:17px 10px 3px 10px; overflow:auto; color: #000; margin-top: 1px; opacity: 0.8;">
                                                               
                  <div align="center">
                                       <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> A Trama</span>                 
                  </div><br>                                                                                                                                                                                          <em>"Futuramente todos vão temer a si mesmo. A poluição que fazem hoje afetará as novas gerações..."</em> Isso era o começo de uma manchete de jornal na França, poucos ligavam para o que estava escrito. A fonte era de um profeta que revelou acontecimentos horríveis em 2040. A tecnologia estava florescendo cada vez mais rápido, ninguém imaginou nas criações feitas pelas pessoas denominadas como gênios. Tudo anda normalmente, ninguém acredita no futuro que os espera e muito menos imagina as consequências de tanta poluição feita pelos próprios seres humanos. <a href="http://prisonofoblivion.forumeiros.com/t9-trama"><span style="font: bold 9px consolas; text-transform: uppercase; color: #000;">+</span></a>                                                                                                                                                                                                                                           
               </div>
                                                                                                                                                                                                                                                                                                                        
            </td>
                                                                                                                                                                                                                                                                                                                                                     
            <td>
                                                                                                                                                                                
               <div style="width:270px; height:125px; background:#fff; text-transform: lowercase; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:10px; overflow:auto; color: #000; margin-bottom: 3px; opacity: 1;">
                                                                                                                                                                                                                                                                                                                                       
                  <div align="center">
                                                                                                                       <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> colaboração</span>                                                                                       
                  </div><br>                                                                              Fórum desenvolvido com base no clipe musical Heroes do DJ Alesso em parceria com Tove lo. Crédito aos donos de <a rel="nofollow" target="_blank" class="postlink" href="http://mortiri.jcink.net/">Mortiri</a> e <a rel="nofollow" target="_blank" class="postlink" href="http://furnace.jcink.net/">Furnace</a>, RPG's quais joguei e adorei o sistema, implantando alguns deles por mera admiração, contendo algumas mudanças e adaptações. Sou agradecido por um dia ter participado deles e me divertido em ambos. Parte gráfica feita por Funebribus, este que tem toda a gratificação do visual.                                                                                             
               </div>
                                                                                                                                                                        
               <div style="width: 250px; background-image: url(https://p.gr-assets.com/540x540/fit/hostedimages/1387761505/7666686.gif); padding: 20px; margin-bottom: 3px;">
                                                                                                                                                                                                                                                                             
                  <div style="padding: 10px; background: #fff; text-align: justify; font: 8px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.7;">
                                                                                                                                                                  
                     <div align="left">
                                                                                                  <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">credits</span>                                                                     
                     </div>
                                                                                               O tema e o CSS disponibilizados foram feitos por <a style="color: #000" href="http://lotusgraphics.forumeiros.com/u62"><strong>funebribus</strong></a> com a contribuição de <a style="color: #000" href="http://ajuda.forumeiros.com/u54273"><strong>[K]oke</strong></a> para o código base do "<em>tablón</em>". A equipe foi formada pelo conhecido grupo como "<em>The Command</em>", entrando com toda a administração para lhes proporcionar este fórum.                                                                       
                  </div>
                                                                                                                                                                                     
               </div>
                                                                                                                                                                
               <div style="width:270px; height: 19px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; padding:24px 10px 24px 10px; color: #000;">
                                                                                                            <a href="https://www.youtube.com/watch?v=a7SouU3ECpU">THE MUSIC</a>                                                                                     
               </div>
                                                                                                                                                                            
            </td>
                                                                                                                                                                                                                             
         </tr>
                                                                                                                                                                                                                                                                            
      </tbody>
                                               
   </table>
</div>

Atenciosamente,
iChees
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Tabela das categorias

Mensagem por Smile' em 16/06/15, 06:14 pm

Olá Ichees

O código funfa, porem não fica no seu devido lugar que é dentro do logo (Imagem Inicial)
avatar

Smile'
Nível 2

Feminino
Inscrito dia : 06/06/2015
Mensagens : 13
Pontos Ativos : 18

Ver perfil do usuário

Resolvido Re: Tabela das categorias

Mensagem por Rafael em 17/06/15, 12:44 pm

Olá!

A tabela realmente não recobre totalmente o seu logótipo mas isso é porquê ele é demasiado grande.
Por isso aumentei um pouco a estrutura da tabela:

Código:

<style>#tablon {
    height: 143%;
    left: 239px;
    position: absolute;
    transition: all 1s ease 0s;
    overflow: hidden;
    top: 29px;
    opacity: 0;
}
#tablon:hover {
    opacity: 1;
    transition: all 1s ease 0s;
}</style>
<div id="tablon">
                                                                                                                                                                                                                                                                       
      <table>
                                                                                                                                                                                                                                                                         
          <tbody>
                                                           
            <tr>
                                                   
                <td>
                                                                                                                                                                                                 
                  <div style="width: 172px; height: 434px; margin-left: 2px; margin-top: 0px; background-image: url(&quot;https://threeriversdeep.files.wordpress.com/2014/07/three-rivers-deep_serene-haiku_forest-run1.gif&quot;); padding: 25px;">
                                                                                                                                                                                                                                                                               
                      <div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
                                                                                                                                                        <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">  janeiro    </span><br>    <strong>CIDADE: </strong> Paris<br><strong>temperatura:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>                                                                                                                       
                      </div>
                                                                                                                                                                                                                                                                               
                  </div>
                                                             
                  <div style=" margin-left: 2px; margin-top: 2px; width:222px; height: 20px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px;  color: #000;">
                                                                                                                         
                  </div>
                                                                                                                                                                                                                   
                </td>
                                                                                                                                                                                                                                                                                         
                <td>
                                                                                                                                                                                                                                                                                                                                                                                                                                                     
                  <div style="width: 200px; height: 350px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 10px; overflow: auto; color: rgb(0, 0, 0); opacity: 0.8;">
                                                                                                                                                                                                                                                           
                      <div align="center">
                                          <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> Novidades</span>               
                      </div><br> Abertura: 12/06/2015. - - - - - - - - -                                                                                                                                                                                                                                                                                                                                                                                                                              Bem vindos a Oblivion (Mestrado): 15/06/2015                                                                                                                                                                                                                                                                                                                                                   
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
                  <div style="width: 220px; padding-top: 6px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                                      <a href="http://prisonofoblivion.forumeiros.com/t11-grupos">    grupos  </a>                                                                                                                           
                  </div>
                                                                                                                                                                                                                                                                             
                  <div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background:#fff;">
                                                                                                                                                      <a href="http://prisonofoblivion.forumeiros.com/t15-regras-gerais">    regras  </a>                                                                                                                           
                  </div>
                                                                                                                                                                                                                                                                             
                  <div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                                      <a href="http://prisonofoblivion.forumeiros.com/t1-modelo-de-ficha">    fichas  </a>                                                                                                                           
                  </div>
                                                                                                                                                                                                                                                                             
                  <div style="width: 220px; padding-top: 5px; padding-bottom: 8px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                                      <a href="http://prisonofoblivion.forumeiros.com/f3-games">    off  </a>                                                                                                                           
                  </div>
                                                                                                                                                                                                                                                                                   
                </td>
                                                                                                                                                                                                                                                                         
                <td>
                                                                                                                                                                                                                                                                         
                  <div style="width: 150px; background-image: url(http://i.imgur.com/5LBBjQa.gif); padding: 25px;">
                                                                                                                                                                                                                                                                               
                      <div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
                                                                                                                                                        <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">  janeiro    </span><br>    <strong>CIDADE: </strong> Paris<br><strong>tempo:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>                                                                                                                     
                      </div>
                                                                                                                                                                                                                                                                               
                  </div>
                                                                                                                                                                                                                                                         
                  <div style="width: 180px; height: 350px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 17px 10px 3px; overflow: auto; color: rgb(0, 0, 0); margin-top: 1px; opacity: 0.8;">
                                                                 
                      <div align="center">
                                          <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> A Trama</span>               
                      </div><br>                                                                                                                                                                                          <em>"Futuramente todos vão temer a si mesmo. A poluição que fazem hoje afetará as novas gerações..."</em> Isso era o começo de uma manchete de jornal na França, poucos ligavam para o que estava escrito. A fonte era de um profeta que revelou acontecimentos horríveis em 2040. A tecnologia estava florescendo cada vez mais rápido, ninguém imaginou nas criações feitas pelas pessoas denominadas como gênios. Tudo anda normalmente, ninguém acredita no futuro que os espera e muito menos imagina as consequências de tanta poluição feita pelos próprios seres humanos. <a href="http://prisonofoblivion.forumeiros.com/t9-trama"><span style="font: bold 9px consolas; text-transform: uppercase; color: #000;">+</span></a>                                                                                                                                                                                                                                         
                  </div>
                                                                                                                                                                                                                                                                                                                           
                </td>
                                                                                                                                                                                                                                                                                                                                                       
                <td>
                                                                                                                                                                                   
                  <div style="width: 270px; height: 186px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-transform: lowercase; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 10px; overflow: auto; color: rgb(0, 0, 0); margin-bottom: 3px; opacity: 1;">
                                                                                                                                                                                                                                                                                                                                         
                      <div align="center">
                                                                                                                          <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> colaboração</span>                                                                                     
                      </div><br>                                                                              Fórum desenvolvido com base no clipe musical Heroes do DJ Alesso em parceria com Tove lo. Crédito aos donos de <a rel="nofollow" target="_blank" class="postlink" href="http://mortiri.jcink.net/">Mortiri</a> e <a rel="nofollow" target="_blank" class="postlink" href="http://furnace.jcink.net/">Furnace</a>, RPG's quais joguei e adorei o sistema, implantando alguns deles por mera admiração, contendo algumas mudanças e adaptações. Sou agradecido por um dia ter participado deles e me divertido em ambos. Parte gráfica feita por Funebribus, este que tem toda a gratificação do visual.                                                                                           
                  </div>
                                                                                                                                                                           
                  <div style="width: 250px; background-image: url(https://p.gr-assets.com/540x540/fit/hostedimages/1387761505/7666686.gif); padding: 20px; margin-bottom: 3px;">
                                                                                                                                                                                                                                                                               
                      <div style="padding: 10px; background: #fff; text-align: justify; font: 8px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.7;">
                                                                                                                                                                     
                        <div align="left">
                                                                                                      <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">credits</span>                                                                   
                        </div>
                                                                                                  O tema e o CSS disponibilizados foram feitos por <a style="color: #000" href="http://lotusgraphics.forumeiros.com/u62"><strong>funebribus</strong></a> com a contribuição de <a style="color: #000" href="http://ajuda.forumeiros.com/u54273"><strong>[K]oke</strong></a> para o código base do "<em>tablón</em>". A equipe foi formada pelo conhecido grupo como "<em>The Command</em>", entrando com toda a administração para lhes proporcionar este fórum.                                                                     
                      </div>
                                                                                                                                                                                       
                  </div>
                                                                                                                                                                   
                  <div style="width:270px; height: 19px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; padding:24px 10px 24px 10px; color: #000;">
                                                                                                                <a href="https://www.youtube.com/watch?v=a7SouU3ECpU">THE MUSIC</a>                                                                                   
                  </div>
                                                                                                                                                                               
                </td>
                                                                                                                                                                                                                               
            </tr>
                                                                                                                                                                                                                                                                               
          </tbody>
                                                 
      </table>
    </div>

Atenciosamente,
iChees
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Tabela das categorias

Mensagem por Smile' em 18/06/15, 01:59 pm

Olá Ichess,
O problema não é esse, o tablon fica no lugar na página inicial, o lugar certo seria dentro do logo.
avatar

Smile'
Nível 2

Feminino
Inscrito dia : 06/06/2015
Mensagens : 13
Pontos Ativos : 18

Ver perfil do usuário

Resolvido Re: Tabela das categorias

Mensagem por Rafael em 19/06/15, 01:56 pm

Olá @Smile,

Poderia me enviar uma imagem de como se encontra atualmente no seu fórum?
Aqui está normal, ao pairar o rato (mouse) sobre o logo a tabela aparece :pensativo:

Atenciosamente,
iChees
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Tabela das categorias

Mensagem por Smile' em 19/06/15, 05:02 pm

Olá Ichees,
Aqui está.

Estado de como se encontra:
avatar

Smile'
Nível 2

Feminino
Inscrito dia : 06/06/2015
Mensagens : 13
Pontos Ativos : 18

Ver perfil do usuário

Resolvido Re: Tabela das categorias

Mensagem por Rafael em 20/06/15, 04:42 pm

Isso é estranho Pensativo

Adicione apenas este código a mensagem da página inicial:

Código:
<div id="tablon">
                                                                                                                                                                                                                                                                      
      <table>
                                                                                                                                                                                                                                                                        
          <tbody>
                                                          
            <tr>
                                                  
                <td>
                                                                                                                                                                                                
                  <div style="width: 172px; height: 434px; margin-left: 2px; margin-top: 0px; background-image: url("https://threeriversdeep.files.wordpress.com/2014/07/three-rivers-deep_serene-haiku_forest-run1.gif"); padding: 25px;">
                                                                                                                                                                                                                                                                              
                      <div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
                                                                                                                                                        <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">  janeiro    </span><br>    <strong>CIDADE: </strong> Paris<br><strong>temperatura:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>                                                                                                                      
                      </div>
                                                                                                                                                                                                                                                                              
                  </div>
                                                            
                  <div style=" margin-left: 2px; margin-top: 2px; width:222px; height: 20px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px;  color: #000;">
                                                                                                                        
                  </div>
                                                                                                                                                                                                                  
                </td>
                                                                                                                                                                                                                                                                                        
                <td>
                                                                                                                                                                                                                                                                                                                                                                                                                                                    
                  <div style="width: 200px; height: 350px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 10px; overflow: auto; color: rgb(0, 0, 0); opacity: 0.8;">
                                                                                                                                                                                                                                                          
                      <div align="center">
                                          <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> Novidades</span>              
                      </div><br> Abertura: 12/06/2015. - - - - - - - - -                                                                                                                                                                                                                                                                                                                                                                                                                              Bem vindos a Oblivion (Mestrado): 15/06/2015                                                                                                                                                                                                                                                                                                                                                  
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
                  <div style="width: 220px; padding-top: 6px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                                      <a href="http://prisonofoblivion.forumeiros.com/t11-grupos">    grupos  </a>                                                                                                                          
                  </div>
                                                                                                                                                                                                                                                                            
                  <div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background:#fff;">
                                                                                                                                                      <a href="http://prisonofoblivion.forumeiros.com/t15-regras-gerais">    regras  </a>                                                                                                                          
                  </div>
                                                                                                                                                                                                                                                                            
                  <div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                                      <a href="http://prisonofoblivion.forumeiros.com/t1-modelo-de-ficha">    fichas  </a>                                                                                                                          
                  </div>
                                                                                                                                                                                                                                                                            
                  <div style="width: 220px; padding-top: 5px; padding-bottom: 8px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
                                                                                                                                                      <a href="http://prisonofoblivion.forumeiros.com/f3-games">    off  </a>                                                                                                                          
                  </div>
                                                                                                                                                                                                                                                                                  
                </td>
                                                                                                                                                                                                                                                                        
                <td>
                                                                                                                                                                                                                                                                        
                  <div style="width: 150px; background-image: url(http://i.imgur.com/5LBBjQa.gif); padding: 25px;">
                                                                                                                                                                                                                                                                              
                      <div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
                                                                                                                                                        <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">  janeiro    </span><br>    <strong>CIDADE: </strong> Paris<br><strong>tempo:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>                                                                                                                    
                      </div>
                                                                                                                                                                                                                                                                              
                  </div>
                                                                                                                                                                                                                                                        
                  <div style="width: 180px; height: 350px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 17px 10px 3px; overflow: auto; color: rgb(0, 0, 0); margin-top: 1px; opacity: 0.8;">
                                                                
                      <div align="center">
                                          <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> A Trama</span>              
                      </div><br>                                                                                                                                                                                          <em>"Futuramente todos vão temer a si mesmo. A poluição que fazem hoje afetará as novas gerações..."</em> Isso era o começo de uma manchete de jornal na França, poucos ligavam para o que estava escrito. A fonte era de um profeta que revelou acontecimentos horríveis em 2040. A tecnologia estava florescendo cada vez mais rápido, ninguém imaginou nas criações feitas pelas pessoas denominadas como gênios. Tudo anda normalmente, ninguém acredita no futuro que os espera e muito menos imagina as consequências de tanta poluição feita pelos próprios seres humanos. <a href="http://prisonofoblivion.forumeiros.com/t9-trama"><span style="font: bold 9px consolas; text-transform: uppercase; color: #000;">+</span></a>                                                                                                                                                                                                                                        
                  </div>
                                                                                                                                                                                                                                                                                                                          
                </td>
                                                                                                                                                                                                                                                                                                                                                      
                <td>
                                                                                                                                                                                  
                  <div style="width: 270px; height: 186px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-transform: lowercase; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 10px; overflow: auto; color: rgb(0, 0, 0); margin-bottom: 3px; opacity: 1;">
                                                                                                                                                                                                                                                                                                                                        
                      <div align="center">
                                                                                                                          <span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> colaboração</span>                                                                                    
                      </div><br>                                                                              Fórum desenvolvido com base no clipe musical Heroes do DJ Alesso em parceria com Tove lo. Crédito aos donos de <a rel="nofollow" target="_blank" class="postlink" href="http://mortiri.jcink.net/">Mortiri</a> e <a rel="nofollow" target="_blank" class="postlink" href="http://furnace.jcink.net/">Furnace</a>, RPG's quais joguei e adorei o sistema, implantando alguns deles por mera admiração, contendo algumas mudanças e adaptações. Sou agradecido por um dia ter participado deles e me divertido em ambos. Parte gráfica feita por Funebribus, este que tem toda a gratificação do visual.                                                                                          
                  </div>
                                                                                                                                                                          
                  <div style="width: 250px; background-image: url(https://p.gr-assets.com/540x540/fit/hostedimages/1387761505/7666686.gif); padding: 20px; margin-bottom: 3px;">
                                                                                                                                                                                                                                                                              
                      <div style="padding: 10px; background: #fff; text-align: justify; font: 8px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.7;">
                                                                                                                                                                    
                        <div align="left">
                                                                                                      <span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">credits</span>                                                                  
                        </div>
                                                                                                  O tema e o CSS disponibilizados foram feitos por <a style="color: #000" href="http://lotusgraphics.forumeiros.com/u62"><strong>funebribus</strong></a> com a contribuição de <a style="color: #000" href="http://ajuda.forumeiros.com/u54273"><strong>[K]oke</strong></a> para o código base do "<em>tablón</em>". A equipe foi formada pelo conhecido grupo como "<em>The Command</em>", entrando com toda a administração para lhes proporcionar este fórum.                                                                    
                      </div>
                                                                                                                                                                                      
                  </div>
                                                                                                                                                                  
                  <div style="width:270px; height: 19px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; padding:24px 10px 24px 10px; color: #000;">
                                                                                                                <a href="https://www.youtube.com/watch?v=a7SouU3ECpU">THE MUSIC</a>                                                                                  
                  </div>
                                                                                                                                                                              
                </td>
                                                                                                                                                                                                                              
            </tr>
                                                                                                                                                                                                                                                                              
          </tbody>
                                                
      </table>
    </div>

E adicione mais este código a sua folha de estilos (CSS):

Código:
#tablon {
    height: 143%;
    left: 239px;
    position: absolute;
    transition: all 1s ease 0s;
    overflow: hidden;
    top: 29px;
    opacity: 0;
}
#tablon:hover {
    opacity: 1;
    transition: all 1s ease 0s;
}

Atenciosamente,
iChees
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Tabela das categorias

Mensagem por Smile' em 20/06/15, 09:51 pm

Olá Ichees,
Dessa vez teve sucesso, obrigada pela atenção!


Pode fechar.
avatar

Smile'
Nível 2

Feminino
Inscrito dia : 06/06/2015
Mensagens : 13
Pontos Ativos : 18

Ver perfil do usuário

Resolvido Re: Tabela das categorias

Mensagem por Rafael em 22/06/15, 02:37 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.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