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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
43 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 43 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Seg 15 Dez 2014 - 19:23

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/

Beauxbatons
Nível 2

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

http://rpgbb.forumeiros.com/

Resolvido Re: Como fazer esse painel?

Mensagem por Sennior em Qua 17 Dez 2014 - 16:23

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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22709

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

Resolvido Re: Como fazer esse painel?

Mensagem por Beauxbatons em Sex 19 Dez 2014 - 22:04

Deu certo!

Beauxbatons
Nível 2

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

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5