Grupos Efeito redondo Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Grupos Efeito redondo

4 participantes

Ir para baixo

Tópico resolvido Grupos Efeito redondo

Mensagem por Thalia Grace 07.06.14 6:15

  • Descrição:
Como deixar os grupos com esses círculos redondos e a legenda do lado? 
Grata.

http://cupcakegraphics.forumeiros.com/

  • Informações:
Fórum:http://testesgraficoshtmlcs.forumeiros.com/Versão:PHPBB2
Tipo:Pedido de códigoTags:Grupos,Efeito,redondo

Thalia Grace
Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Grupos Efeito redondo

Mensagem por Lima 3005 07.06.14 13:23

Poderia colocar um PrintScreen do que deseja?
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Grupos Efeito redondo

Mensagem por Thalia Grace 07.06.14 23:54

Grupos Efeito redondo FqpVCxo

No caso o "Users" que aparece é quando a gente passa o mouse em um dos círculos
Thalia Grace
Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Grupos Efeito redondo

Mensagem por Duel 08.06.14 0:32

Olá!

Até tem como fazer, porém, cada grupo seria adicionado manualmente. Ficaria assim: http://prntscr.com/3qnjyk
Se almejar, termino o código. Piscada

Até.
avatar
Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Grupos Efeito redondo

Mensagem por Thalia Grace 08.06.14 0:55

Sim eu gostaria.
Thalia Grace
Thalia Grace
***

Membro desde : 03/05/2014
Mensagens : 124
Pontos : 199

http://www.embreve.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Grupos Efeito redondo

Mensagem por Sennior 09.06.14 8:29

Saudações,

Vamos lá:
Painel de Controle Seta Visualização Seta Página inicial Seta Geral
Código:

Código:
<table id="grupos">
      
      
         
         <tbody><tr>
            
            <td>
               
            </td>
            
            <td>
                <a href="http://testeszinhos.forovenezuela.net/u1" class="gb g1"><span class="tg">Staff</span></a><a href="http://testeszinhos.forovenezuela.net/g3-moderadores" class="gb g2"><span class="tg">Mods</span></a><a href="http://testeszinhos.forovenezuela.net/g4-code-makers" class="gb g3"><span class="tg">Codes</span></a><a href="http://testeszinhos.forovenezuela.net/g5-users" class="gb g4"><span class="tg">Users</span></a>
            </td>
            
         </tr>
         
      
      
   </tbody></table>

Depois vá em:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
.gb {
display: inline-block;
float: up;
position: relative;
left: -60px;
height: 60px;
margin-left: 1px;
margin-right: 1px;
width: 60px;
border-radius: 120px;
}

#grupos .g1 {
background: #000000;
color: #000000;
}
#grupos .g2 {
background: #031634;
color: #000000;
}
#grupos .g3 {
background: #032f34;
color: #000000;
}
#grupos .g4 {
background: #33343b;
color: #000000;
}
element.style {
}
.tg {
display: none;
font-family: La Belle Aurore;
font-size: 26px;
right: -100px;
top: 75px;
margin-left: 3px;
position: absolute;
text-align: right;
width: 200px;
}
#grupos td .gb:hover .tg {
display: inline-block;
}

Abraços.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos