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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como remover essas bordas dos avatares?
Hoje à(s) 06:58 am por AlexG

» Como adicionar um fundo a barra de menus?
Hoje à(s) 01:38 am por SetRaiden

» Preciso de uma logo
Hoje à(s) 01:05 am por odelgado

» [FAQ] Gerir e configurar o Topic'it no seu fórum Forumeiros
Ontem à(s) 11:15 pm por Shek

» Preciso de Ajuda.
Ontem à(s) 11:12 pm por Shek

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 07:41 pm por Lost154

» Publicidade bugada
Ontem à(s) 07:31 pm por virus

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
224 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 222 Visitantes :: 2 Motores de busca

AlexG, Shek

[ Ver toda a lista ]


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

Como criar um quadro para exibir os membros de minha equipe?

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

Resolvido Como criar um quadro para exibir os membros de minha equipe?

Mensagem por iPrompt em 29/08/17, 02:26 pm

Detalhes da questão


Endereço do fórum: http://narutoeternalrpg.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Olá,

Estou criando um "quadro de equipe", mas acabei chegando em um impasse, quero fazer algo mas não estou encontrando o meio para fazer

Quadro


Efeito que desejo


Desejo meio que ao passar o mouse sobre o avatar apareça um quadro ao lado e nele tenha quadros separados, uns 4, que eu possa colocar informações variadas.

Código do quadro

Código:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cinzel" />
<div class="inner">
   <span class="corners-top"><span></span></span>
   <div class="mes-txt">
      <div style="width: 800px; background:url(https://images2.alphacoders.com/722/thumb-1920-72270.jpg); border: 109px solid transparent; height:120px; margin-left: -25px;">
                                                                                       <br />                                                                   
         <center>
                                                                                                                           
            <div style="margin-top: -120px; font: 45px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white;">
                                                                                   Naruto Eternal RPG - EQUIPE                                                                 
               <div style="margin-top: 0px; font: 12px montserrat; text-transform: uppercase; letter-spacing: 10px; text-align: center; color: white; font-style: italic; font-family: 'Cinzel', serif;">
                                                                                    Bem vindo à nova era!                                                                     
               </div>
                                
            </div>
                                                                                                                                                               
            <div style="width: 750px; height:150px; margin: 0px; font: 25px montserrat; text-transform: uppercase; padding: 15px; border: 2px solid white; display: inline-block; color: white;">
                                                                                                                                                                          
               <table>
                                                                                                                                                                             
                  <tbody>
                                                                                                                                                                                
                     <tr>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                      
                           <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                           
                              <div style="width: 120px; height: 120px; background-image: url('http://fc02.deviantart.net/fs71/f/2012/121/6/b/naruto_avatar_by_milani0-d4y5xkj.jpg'); border-radius: 100%; background-position-x: -19px; background-position-y: -12px;">
                                                                                                              
                                 <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Matthew
                                    <div style="margin-left: -10px; margin-top: -15px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 8px; line-height: normal; font-family: montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                             Administrador                                                                   
                                    </div>
                                                                                                                                                           
                                 </div>
                                                                                                                
                              </div>
                                                                                                                                                                                                                                                                 
                           </div>
                                                                                                          
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                      
                           <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                         
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                          
                                 <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga         
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                           Vaga                                                                   
                                    </div>
                                                                                                                                                                   
                                 </div>
                                                                                                                                                                                            
                              </div>
                                                                                                                                                                                         
                           </div>
                                                                                                                                                                                        
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                      
                           <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                       
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                      
                                 <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga     
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                           Vaga                                                                   
                                    </div>
                                                                                                                                                           
                                 </div>
                                                                                                                                                                                                      
                              </div>
                                                                                                                                                                                         
                           </div>
                                                                                                                                                                                      
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                      
                           <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                         
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                      
                                 <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga     
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                           Vaga                                                                   
                                    </div>
                                                                                                                                                           
                                 </div>
                                                                                                                                                                                            
                              </div>
                                                                                                                                                                                         
                           </div>
                                                                                                                                                                                      
                        </td>
                                                                                                                                                                                   
                     </tr>
                                                                                                                                                                                
                  </tbody>
                                                                                                                                                                             
               </table>
                                                              
               <div style="margin-top: 10px; font-size: 8px;  padding: 15px; letter-spacing: 5px; text-align: center; color: white;">
                                                                                    Naruto Eternal RPG @ Todos os créditos reservados                                                                   
               </div>
                                                                                                                                                                            
            </div>
                                                                                                                                                                         
         </center>
      </div>
      
   </div><span class="corners-bottom"><span></span></span>
</div>

Até!
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por Kyo Panda em 30/08/17, 03:51 pm

Troque por esse:

Código:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cinzel" />

<style>
   .fa-team-table td {
      position: relative;
   }
   
   .fa-team-info {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.8);
      opacity: 1;
      pointer-events: none;
      transition: 250ms opacity;
   }
   
   .fa-team-table td:hover .fa-team-info {
      opacity: 1;
      pointer-events: auto;
   }
   
   .fa-team-info-row {
      padding: 15px;
      color: #fff;
   }
</style>

<div class="inner">
   <span class="corners-top"><span></span></span>
   <div class="mes-txt">
      <div style="width: 800px; background:url(https://images2.alphacoders.com/722/thumb-1920-72270.jpg); border: 109px solid transparent; height:120px; margin-left: -25px;">
                                                                                       <br />                                                                   
         <center>
                                                                                                                           
            <div style="margin-top: -120px; font: 45px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white;">
                                                                                   Naruto Eternal RPG - EQUIPE                                                                  
               <div style="margin-top: 0px; font: 12px montserrat; text-transform: uppercase; letter-spacing: 10px; text-align: center; color: white; font-style: italic; font-family: 'Cinzel', serif;">
                                                                                    Bem vindo à nova era!                                                                     
               </div>
                                 
            </div>
                                                                                                                                                               
            <div style="width: 750px; height:150px; margin: 0px; font: 25px montserrat; text-transform: uppercase; padding: 15px; border: 2px solid white; display: inline-block; color: white;">
                                                                                                                                                                           
               <table class="fa-team-table">
                                                                                                                                                                              
                  <tbody>
                                                                                                                                                                                 
                     <tr>
                                                                                                                                                                                    
                        <td>
                                                                                                                                                                                       
                           <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                            
                              <div style="width: 120px; height: 120px; background-image: url('http://fc02.deviantart.net/fs71/f/2012/121/6/b/naruto_avatar_by_milani0-d4y5xkj.jpg'); border-radius: 100%; background-position-x: -19px; background-position-y: -12px;">
                                                                                                               
                                 <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Matthew
                                    <div style="margin-left: -10px; margin-top: -15px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 8px; line-height: normal; font-family: montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                             Administrador                                                                   
                                    </div>
                                                                                                                                                            
                                 </div>
                                                                                                                
                              </div>
                                                                                                                                                                                                                                                                  
                           </div>
                     
                           <div class="fa-team-info">
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                           </div>
                                                                                                          
                        </td>
                                                                                                                                                                                    
                        <td>
                                                                                                                                                                                       
                           <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                         
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                          
                                 <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga         
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                           Vaga                                                                   
                                    </div>
                                                                                                                                                                   
                                 </div>
                                                                                                                                                                                             
                              </div>
                                                                                                                                                                                          
                           </div>
                                 
                           <div class="fa-team-info">
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                           </div>
                           
                        </td>
                                                                                                                                                                                    
                        <td>
                                                                                                                                                                                       
                           <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                        
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                      
                                 <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga      
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                           Vaga                                                                   
                                    </div>
                                                                                                                                                            
                                 </div>
                                                                                                                                                                                                      
                              </div>
                                                                                                                                                                                          
                           </div>
                           
                           <div class="fa-team-info">
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                           </div>
                           
                        </td>
                                                                                                                                                                                    
                        <td>
                                                                                                                                                                                       
                           <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                         
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                      
                                 <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga      
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                           Vaga                                                                   
                                    </div>
                                                                                                                                                            
                                 </div>
                                                                                                                                                                                             
                              </div>
                                                                                                                                                                                          
                           </div>
                           
                           <div class="fa-team-info">
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                              <div class="fa-team-info-row">
                                 Texto
                              </div>
                           </div>
                                                                                                                                                                                       
                        </td>
                                                                                                                                                                                    
                     </tr>
                                                                                                                                                                                 
                  </tbody>
                                                                                                                                                                              
               </table>
                                                               
               <div style="margin-top: 10px; font-size: 8px;  padding: 15px; letter-spacing: 5px; text-align: center; color: white;">
                                                                                    Naruto Eternal RPG @ Todos os créditos reservados                                                                   
               </div>
                                                                                                                                                                            
            </div>
                                                                                                                                                                         
         </center>
      </div>
      
   </div><span class="corners-bottom"><span></span></span>
</div>


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por iPrompt em 30/08/17, 04:02 pm

Olá,

Ficou deste modo.



att,
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por Kyo Panda em 30/08/17, 04:31 pm

Troque por esse:

Código:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cinzel" />

<style>
  .fa-team-table td {
      position: relative;
  }
 
  .fa-team-info {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.8);
      opacity: 0;
      pointer-events: none;
      transition: 250ms opacity;
  }
 
  .fa-team-table td:hover .fa-team-info {
      opacity: 1;
      pointer-events: auto;
  }
 
  .fa-team-info-row {
      font-size: 12px;
      line-height: 1.5em;
      padding: 10px;
      text-align: center;
      color: #fff;
   }
</style>

<div class="inner">
  <span class="corners-top"><span></span></span>
  <div class="mes-txt">
      <div style="width: 800px; background:url(https://images2.alphacoders.com/722/thumb-1920-72270.jpg); border: 109px solid transparent; height:120px; margin-left: -25px;">
                                                                                      <br />                                                                   
        <center>
                                                                                                                           
            <div style="margin-top: -120px; font: 45px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white;">
                                                                                  Naruto Eternal RPG - EQUIPE                                                                 
              <div style="margin-top: 0px; font: 12px montserrat; text-transform: uppercase; letter-spacing: 10px; text-align: center; color: white; font-style: italic; font-family: 'Cinzel', serif;">
                                                                                    Bem vindo à nova era!                                                                     
              </div>
                               
            </div>
                                                                                                                                                               
            <div style="width: 750px; height:150px; margin: 0px; font: 25px montserrat; text-transform: uppercase; padding: 15px; border: 2px solid white; display: inline-block; color: white;">
                                                                                                                                                                         
              <table class="fa-team-table">
                                                                                                                                                                             
                  <tbody>
                                                                                                                                                                               
                    <tr>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                           
                              <div style="width: 120px; height: 120px; background-image: url('http://fc02.deviantart.net/fs71/f/2012/121/6/b/naruto_avatar_by_milani0-d4y5xkj.jpg'); border-radius: 100%; background-position-x: -19px; background-position-y: -12px;">
                                                                                                             
                                <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Matthew
                                    <div style="margin-left: -10px; margin-top: -15px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 8px; line-height: normal; font-family: montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                            Administrador                                                                   
                                    </div>
                                                                                                                                                           
                                </div>
                                                                                                               
                              </div>
                                                                                                                                                                                                                                                                 
                          </div>
                   
                          <div class="fa-team-info">
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                          </div>
                                                                                                         
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                         
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                         
                                <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga         
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                          Vaga                                                                   
                                    </div>
                                                                                                                                                                   
                                </div>
                                                                                                                                                                                           
                              </div>
                                                                                                                                                                                         
                          </div>
                               
                          <div class="fa-team-info">
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                          </div>
                         
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                       
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                     
                                <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga     
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                          Vaga                                                                   
                                    </div>
                                                                                                                                                           
                                </div>
                                                                                                                                                                                                     
                              </div>
                                                                                                                                                                                         
                          </div>
                         
                          <div class="fa-team-info">
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                          </div>
                         
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                         
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                     
                                <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga     
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                          Vaga                                                                   
                                    </div>
                                                                                                                                                           
                                </div>
                                                                                                                                                                                           
                              </div>
                                                                                                                                                                                         
                          </div>
                         
                          <div class="fa-team-info">
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                              <div class="fa-team-info-row">
                                Texto
                              </div>
                          </div>
                                                                                                                                                                                     
                        </td>
                                                                                                                                                                                   
                    </tr>
                                                                                                                                                                               
                  </tbody>
                                                                                                                                                                             
              </table>
                                                             
              <div style="margin-top: 10px; font-size: 8px;  padding: 15px; letter-spacing: 5px; text-align: center; color: white;">
                                                                                    Naruto Eternal RPG @ Todos os créditos reservados                                                                   
              </div>
                                                                                                                                                                           
            </div>
                                                                                                                                                                         
        </center>
      </div>
     
  </div><span class="corners-bottom"><span></span></span>
</div>


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por iPrompt em 30/08/17, 04:46 pm

Olá,

Teria como colocar meio que para aparecer um quadro ao lado, parecido com esse abaixo?



Fórum onde encontrei o efeito acima " http://www.brasilplayultimate.com.br/forum "

Att,
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por Kyo Panda em 30/08/17, 04:50 pm

Nesse caso o senhor não precisaria do meu script. Teria que apenas usar isso:

http://ajuda.forumeiros.com/t108127-tutorial-caixa-de-informacoes-do-membro-em-hover

E colocar o link para os perfis nas imagens.


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por iPrompt em 30/08/17, 04:55 pm

Olá,

Mas não desejo tal efeito sobre o nome dos usuários, eu queria que ao passar o mouse sobre o avatar no quadro que estou fazendo apareceria um quadro igual a essa.
No momento quando passa o mouse aparece "TEXTO TEXTO TEXTO", queria que isso aparecesse em um quadro igual ao da imagem.
Não sei se consegui explicar o que desejo.

att,
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por iPrompt em 01/09/17, 07:44 am

UP?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por Shek em 01/09/17, 09:48 pm

Boa noite.

Por favor, tente com este código:
Código:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cinzel" />
<style type="text/css" name="Shek_CrowleyFDF_2017">
.userMod:hover div.details {
   display: block !important;
}
.details {
   display: none;
   position: relative;
    left: 0;
    top: 0;
    z-index: 5;
    padding: 5px;
    background: black;
    margin-left: -5px;
    margin-right: -5px !important;
}

.details p {
    background: #fff;
   color: black;
}
</style>
<div class="inner">
  <span class="corners-top"><span></span></span>
  <div class="mes-txt">
      <div style="width: 800px; background:url(https://images2.alphacoders.com/722/thumb-1920-72270.jpg); border: 109px solid transparent; height:120px; margin-left: -25px;">
                                                                                      <br />                                                                   
        <center>
                                                                                                                           
            <div style="margin-top: -120px; font: 45px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white;">
                                                                                  Naruto Eternal RPG - EQUIPE                                                                 
              <div style="margin-top: 0px; font: 12px montserrat; text-transform: uppercase; letter-spacing: 10px; text-align: center; color: white; font-style: italic; font-family: 'Cinzel', serif;">
                                                                                    Bem vindo à nova era!                                                                     
              </div>
                               
            </div>
                                                                                                                                                               
            <div style="width: 750px; height:150px; margin: 0px; font: 25px montserrat; text-transform: uppercase; padding: 15px; border: 2px solid white; display: inline-block; color: white;">
                                                                                                                                                                         
              <table>
                                                                                                                                                                             
                  <tbody>
                                                                                                                                                                               
                    <tr>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div class="userMod" style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                           
                              <div style="width: 120px; height: 120px; background-image: url('http://fc02.deviantart.net/fs71/f/2012/121/6/b/naruto_avatar_by_milani0-d4y5xkj.jpg'); border-radius: 100%; background-position-x: -19px; background-position-y: -12px;">
                                                                                                             
                                <div class="temUser" style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Matthew
                                    <div style="margin-left: -10px; margin-top: -15px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 8px; line-height: normal; font-family: montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                            Administrador                                                                   
                                    </div>
                           <div class="details">
                              <p>TEXT_01</p>
                              <p>TEXT_02</p>
                              <p>TEXT_03</p>
                           </div>
                                                                                                                                                           
                                </div>
                                                                                                               
                              </div>
                                                                                                                                                                                                                                                                 
                          </div>
                                                                                                         
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div class="userMod" style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                         
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                         
                                <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga         
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                          Vaga                                                                   
                                    </div>
                           <div class="details">
                              <p>TEXT_01</p>
                              <p>TEXT_02</p>
                              <p>TEXT_03</p>
                           </div>
                                </div>
                                                                                                                                                                                           
                              </div>
                                                                                                                                                                                         
                          </div>
                                                                                                                                                                                       
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div class="userMod" style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                       
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                     
                                <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga     
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                          Vaga                                                                   
                                    </div>
                           <div class="details">
                              <p>TEXT_01</p>
                              <p>TEXT_02</p>
                              <p>TEXT_03</p>
                           </div>
                                </div>
                                </div>
                                                                                                                                                                                                     
                              </div>
                                                                                                                                                                                         
                          </div>
                                                                                                                                                                                     
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div class="userMod" style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                         
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                     
                                <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga     
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                          Vaga                                                                   
                                    </div>
                           <div class="details">
                              <p>TEXT_01</p>
                              <p>TEXT_02</p>
                              <p>TEXT_03</p>
                           </div>
                                </div>
                                </div>
                                                                                                                                                                                           
                              </div>
                                                                                                                                                                                         
                          </div>
                                                                                                                                                                                     
                        </td>
                                                                                                                                                                                   
                    </tr>
                                                                                                                                                                               
                  </tbody>
                                                                                                                                                                             
              </table>
                                                             
              <div style="margin-top: 10px; font-size: 8px;  padding: 15px; letter-spacing: 5px; text-align: center; color: white;">
                                                                                    Naruto Eternal RPG @ Todos os créditos reservados                                                                   
              </div>
                                                                                                                                                                           
            </div>
                                                                                                                                                                         
        </center>
      </div>
     
  </div><span class="corners-bottom"><span></span></span>
</div>
Tentei chegar próximo ao que você pediu, mas, teste-o primeiro. Piscada


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16837
Pontos Ativos : 21176

Ver perfil do usuário http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por iPrompt em 05/09/17, 08:23 am

Olá,

Está no caminho, teria como por para aparecer ao lado, no quadro que marquei em branco



E também o fundo do quadro poder ser branco com uma borda fina, não precisa ser transparente, e se possível quando passar o mouse sobre um os outros ao lado sumisse.

att,
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por Shek em 05/09/17, 09:49 pm

Olá novamente.

Substitua por este novo código:
Código:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cinzel" />
<style type="text/css" name="Shek_CrowleyFDF_2017">
.userMod:hover div.details {
  display: block !important;
}
.details {
  display: none;
  position: relative;
   left: 100px;
    top: -100px;
    z-index: 5;
    padding: 5px;
    background: black;
    margin-left: -25px;
    margin-right: -50px !important;
}

.details p {
    background: #fff;
  color: black;
}
</style>
<div class="inner">
  <span class="corners-top"><span></span></span>
  <div class="mes-txt">
      <div style="width: 800px; background:url(https://images2.alphacoders.com/722/thumb-1920-72270.jpg); border: 109px solid transparent; height:120px; margin-left: -25px;">
                                                                                      <br />                                                                   
        <center>
                                                                                                                           
            <div style="margin-top: -120px; font: 45px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white;">
                                                                                  Naruto Eternal RPG - EQUIPE                                                                 
              <div style="margin-top: 0px; font: 12px montserrat; text-transform: uppercase; letter-spacing: 10px; text-align: center; color: white; font-style: italic; font-family: 'Cinzel', serif;">
                                                                                    Bem vindo à nova era!                                                                     
              </div>
                               
            </div>
                                                                                                                                                               
            <div style="width: 750px; height:150px; margin: 0px; font: 25px montserrat; text-transform: uppercase; padding: 15px; border: 2px solid white; display: inline-block; color: white;">
                                                                                                                                                                         
              <table>
                                                                                                                                                                             
                  <tbody>
                                                                                                                                                                               
                    <tr>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div class="userMod" style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                           
                              <div style="width: 120px; height: 120px; background-image: url('http://fc02.deviantart.net/fs71/f/2012/121/6/b/naruto_avatar_by_milani0-d4y5xkj.jpg'); border-radius: 100%; background-position-x: -19px; background-position-y: -12px;">
                                                                                                             
                                <div class="temUser" style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center;">
                                                                          <br /><br /><br />    Matthew
                                    <div style="margin-left: -10px; margin-top: -15px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 8px; line-height: normal; font-family: montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                            Administrador                                                                   
                                    </div>
                          <div class="details">
                              <p>TEXT_01</p>
                              <p>TEXT_02</p>
                              <p>TEXT_03</p>
                          </div>
                                                                                                                                                           
                                </div>
                                                                                                               
                              </div>
                                                                                                                                                                                                                                                                 
                          </div>
                                                                                                         
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div class="userMod" style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                         
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                         
                                <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga         
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                          Vaga                                                                   
                                    </div>
                          <div class="details">
                              <p>TEXT_01</p>
                              <p>TEXT_02</p>
                              <p>TEXT_03</p>
                          </div>
                                </div>
                                                                                                                                                                                           
                              </div>
                                                                                                                                                                                         
                          </div>
                                                                                                                                                                                       
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div class="userMod" style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                       
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                     
                                <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga     
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                          Vaga                                                                   
                                    </div>
                          <div class="details">
                              <p>TEXT_01</p>
                              <p>TEXT_02</p>
                              <p>TEXT_03</p>
                          </div>
                                </div>
                                </div>
                                                                                                                                                                                                     
                              </div>
                                                                                                                                                                                         
                          </div>
                                                                                                                                                                                     
                        </td>
                                                                                                                                                                                   
                        <td>
                                                                                                                                                                                     
                          <div class="userMod" style="width: 120px; height: 120px; border-right: 2px solid #fff; border-left: 2px solid transparent; margin-top: 10px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; padding: 10px; border-radius: 100%;">
                                                                                                                         
                              <div style="width: 120px; height: 120px; background-image: url('http://www.ccdob.com.br/forum/download/file.php?avatar=650334_1463440359.png'); border-radius: 100%;">
                                                                                                     
                                <div style="margin-top: 0px; font: 15px montserrat; text-transform: uppercase; padding: 15px; text-align: center; color: white; opacity: 0.7;">
                                                                          <br /><br /><br />    Vaga     
                                    <div style="margin-top: -15px; font: 8px montserrat; text-transform: uppercase; padding: 15px; letter-spacing: 1px; text-align: center; color: white;">
                                                                                                          Vaga                                                                   
                                    </div>
                          <div class="details">
                              <p>TEXT_01</p>
                              <p>TEXT_02</p>
                              <p>TEXT_03</p>
                          </div>
                                </div>
                                </div>
                                                                                                                                                                                           
                              </div>
                                                                                                                                                                                         
                          </div>
                                                                                                                                                                                     
                        </td>
                                                                                                                                                                                   
                    </tr>
                                                                                                                                                                               
                  </tbody>
                                                                                                                                                                             
              </table>
                                                             
              <div style="margin-top: 10px; font-size: 8px;  padding: 15px; letter-spacing: 5px; text-align: center; color: white;">
                                                                                    Naruto Eternal RPG @ Todos os créditos reservados                                                                   
              </div>
                                                                                                                                                                           
            </div>
                                                                                                                                                                         
        </center>
      </div>
     
  </div><span class="corners-bottom"><span></span></span>
</div>
Até mais.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16837
Pontos Ativos : 21176

Ver perfil do usuário http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por iPrompt em 06/09/17, 08:00 am

Olá,

Só o primeiro quadro ficou com o fundo preto, o resto continua com o fundo transparente.
Teria como mover o quadro um pouco mais para cima, para ficar uniforme com o "avatar".


Queria o quadro se possível do modo acima, parecendo que ele está saindo do avatar e no fim do quadro, se der, poderia arredondar as bordas um pouco.

att,
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por Kyo Panda em 12/09/17, 10:54 am

Agrada-o? https://codepen.io/KyoPanda/pen/boGVNa


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por iPrompt em 12/09/17, 01:12 pm

Olá,

Ficou ao meu agrado, pode me passar o código montado?

Até.
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por Kyo Panda em 12/09/17, 03:29 pm

Se abrir o link que te passei, existem três paineis: HTML, CSS e JavaScript. Coloque o conteúdo do HTML dentro da mensagem da página inicial, como está fazendo, e o CSS na sua folha de estilos CSS.


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por iPrompt em 12/09/17, 03:49 pm

Olá,

O nome das pessoas no caso "Matthew - Administrador", está em forma de link, seria possível retirar isso, quero em forma de texto.

Até.
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por Kyo Panda em 12/09/17, 04:01 pm

Adicione ao CSS:

Código:
.fa-panel-members-details {
    cursor: default;
}


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por iPrompt em 12/09/17, 04:56 pm

Olá,

Não teve resultado.

Até.
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/
  • 0

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por Kyo Panda em 12/09/17, 05:00 pm

Acessei o seu fórum e as imagens já não estão mais com o cursor de link. O que quer?

Se se refere à cor, adicione ao CSS:

Código:
.fa-panel-members-details > div {
    color: #fff;
}


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por iPrompt em 13/09/17, 08:01 am

Olá,

Agora sim, obrigado.

Ate.
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como criar um quadro para exibir os membros de minha equipe?

Mensagem por Kyo Panda em 13/09/17, 08:20 am

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


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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