Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» [Addon] Plugin /mute no chatbox
Hoje à(s) 12:12 pm por Tripa_Grossa

» Modificação do nome dos usuários
Hoje à(s) 11:36 am por FreedoM'

» Avatar Gif
Hoje à(s) 09:34 am por Yeshua

» Sobre o portal
Hoje à(s) 08:48 am por Kyo Panda

» Gerir assinatura nos tópicos
Hoje à(s) 08:37 am por Necr0

» Pintar ícones
Ontem à(s) 10:09 pm por Tiger

» Modificar cor de fundo e ícone
Ontem à(s) 10:07 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Kyo Panda
 
Shek
 
Sennior
 
Sovereign
 
Chrono Trigger
 
Harleen
 
Cannabis._.
 
Tiger
 
CAI0
 

Quem está conectado
256 usuários online :: 10 usuários cadastrados, 1 Invisível e 245 Visitantes :: 2 Motores de busca

[SRD]JimClark, Br_SP_Rodrigo, Kyo Panda, LanternaV2, Luiz~, Ramon Rodrigues, rlmac, sandra51, Tripa_Grossa, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como fazer esse painel?

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

Resolvido Como fazer esse painel?

Mensagem por Beauxbatons em 15/12/14, 05:23 pm

Detalhes da dúvida


Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Somente comigo
Endereço do fórum : http://rpgbb.forumeiros.com/

Descrição do problema

Eu gostaria de conseguir uma parte deste painel que está anexado como imagem, apenas a parte de Fundador e Conselho Administrativo. Bem, se for ajudar, o link do fórum em que encontrei é esse: http://rpgnewage.forumeiros.com/
avatar

Beauxbatons
Nível 2

Masculino
Inscrito dia : 29/11/2014
Mensagens : 9
Pontos Ativos : 23

http://rpgbb.forumeiros.com/

Resolvido Re: Como fazer esse painel?

Mensagem por Sennior em 17/12/14, 02:23 pm

Boas,

Aqui esta:
Código:
<table>
         
         <tbody>
            
            <tr>
               
               <td>
                  
                  <center>
                      <span style="font: 28px Astloch; color: #fff;">Fundador</span>
                  </center>
                  
                  <div style="width: 418px; height: 160px; padding: 5px; background: #151312; font: 12px tahoma; text-align: justify;">
                      <style type="text/css">.staff{width: 199px; height: 144px; padding: 3px; font-size: 12px; line-height:12px; font-family: Calibri; color: #fff; text-align: center; opacity:0.0; transition-duration: 0.6s;-moz-transition-duration: 0.6s;-webkit-transition-duration: 0.6s;-o-transition-duration: 0.6s; background: #151312; overflow:auto; scrollbar:true;} .staff:hover {opacity: 1;} .tittle1 {font-size:15px; font-family: arial; text-align:center; color:white; text-transform:uppercase; padding-top: 60px;} .subtittle {font-size: 11px; font-family: Calibri; text-align:center; color:white; text-transform:uppercase; margin-top:-10px; letter-spacing:2px;}</style>
                     <table>
                        
                        <tbody>
                           
                           <tr>
                              
                              <td>
                                 
                                 <div style="width: 205px; height: 150px; background: url(http://i.imgur.com/3891tR2.png); border: 2px solid #3f3937; ">
                                    
                                    <div class="staff">
                                        <br><br><br><br><span style="font-family: Oswald; font-size: 17px; letter-spacing: 2px;">Luiz &amp; Yasmim</span><br>
                                       <center>
                                           <a href="/u1">Perfil</a> - <a href="/privmsg?mode=post&amp;u=1">MP</a>
                                       </center>
                                       
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                              <td>
                                 
                                 <div style="width: 205px; height: 150px; background: url(http://i.imgur.com/aNG0bWY.png); border: 2px solid #3f3937; ">
                                    
                                    <div class="staff">
                                        <br><br><span style="font-family: Oswald; font-size: 12px; letter-spacing: 2px;">Preparem-se seres mágicos e armados, uma nova era está prestes a surgir! Saquem suas varinhas e suas granadas. Montem as vassouras e os tanques de guerra. A batalha está prestes a se firmar.</span>
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                           </tr>
                           
                        </tbody>
                        
                     </table>
                     
                  </div>
                  
               </td>
               
               <td>
                  
                  <center>
                      <span style="font: 28px Astloch; color: #fff;">Conselho Administrativo</span>
                  </center>
                  
                  <div style="width: 418px; height: 160px; padding: 5px; background: #151312; font: 12px tahoma; text-align: justify;">
                      <style type="text/css">.mod{width: 69px; height: 144px; padding: 3px; font-size: 12px; line-height:12px; font-family: Calibri; color: #fff; text-align: center; opacity:0.0; transition-duration: 0.6s;-moz-transition-duration: 0.6s;-webkit-transition-duration: 0.6s;-o-transition-duration: 0.6s; background: #151312; overflow:auto; scrollbar:true;} .mod:hover {opacity: 1;} .tittle1 {font-size:15px; font-family: arial; text-align:center; color:white; text-transform:uppercase; padding-top: 60px;} .subtittle {font-size: 11px; font-family: Calibri; text-align:center; color:white; text-transform:uppercase; margin-top:-10px; letter-spacing:2px;}</style>
                     <table>
                        
                        <tbody>
                           
                           <tr>
                              
                              <td>
                                 
                                 <div style="width: 75px; height: 150px; background: url(http://i.imgur.com/zbRn4qw.png); border: 2px solid #3f3937; ">
                                    
                                    <div class="mod">
                                        <br><br><br><br><span style="font-family: Oswald; font-size: 18px; letter-spacing: 2px;">Spirit</span><br> <br>Thay<br>
                                       <center>
                                           <a href="u7">Perfil</a> - <a href="/privmsg?mode=post&amp;u=7">MP</a>
                                       </center>
                                       
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                              <td>
                                 
                                 <div style="width: 75px; height: 150px; background: url(http://i.imgur.com/gkYs5uL.png); border: 2px solid #3f3937; ">
                                    
                                    <div class="mod">
                                        <br><br><br><br><span style="font-family: Oswald; font-size: 18px; letter-spacing: 2px;">Air</span><br> <br>Becca<br>
                                       <center>
                                           <a href="/u5">Perfil</a> - <a href="/privmsg?mode=post&amp;u=5">MP</a>
                                       </center>
                                       
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                              <td>
                                 
                                 <div style="width: 75px; height: 150px; background: url(http://i.imgur.com/P0u0ePI.png); border: 2px solid #3f3937; ">
                                    
                                    <div class="mod">
                                        <br><br><br><br><span style="font-family: Oswald; font-size: 18px; letter-spacing: 2px;">Earth</span><br> <br>Mary<br>
                                       <center>
                                           <a href="/u6">Perfil</a> - <a href="/privmsg?mode=post&amp;u=6">MP</a>
                                       </center>
                                       
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                              <td>
                                 
                                 <div style="width: 75px; height: 150px; background: url(http://i.imgur.com/1gg5Rcg.png); border: 2px solid #3f3937; ">
                                    
                                    <div class="mod">
                                        <br><br><br><br><span style="font-family: Oswald; font-size: 18px; letter-spacing: 2px;">Fire</span><br> <br>Alysson<br>
                                       <center>
                                           <a href="/u3">Perfil</a> - <a href="/privmsg?mode=post&amp;u=3">MP</a>
                                       </center>
                                       
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                              <td>
                                 
                                 <div style="width: 75px; height: 150px; background: url(http://i.imgur.com/AcqJmcy.png); border: 2px solid #3f3937; ">
                                    
                                    <div class="mod">
                                        <br><br><br><br><span style="font-family: Oswald; font-size: 18px; letter-spacing: 2px;">Water</span><br> <br>Yas<br>
                                       <center>
                                           <a href="/u2">Perfil</a> - <a href="/privmsg?mode=post&amp;u=2">MP</a>
                                       </center>
                                       
                                    </div>
                                    
                                 </div>
                                 
                              </td>
                              
                           </tr>
                           
                        </tbody>
                        
                     </table>
                     
                  </div>
                  
               </td>
               
            </tr>
            
         </tbody>
         
      </table>

Até mais.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16300
Pontos Ativos : 20787

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como fazer esse painel?

Mensagem por Beauxbatons em 19/12/14, 08:04 pm

Deu certo!
avatar

Beauxbatons
Nível 2

Masculino
Inscrito dia : 29/11/2014
Mensagens : 9
Pontos Ativos : 23

http://rpgbb.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