ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!!
Conectar-se

Esqueci minha senha

Os membros mais ativos do mês
Shek
 

Quem está conectado
13 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 13 Visitantes

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 671 em Sex 20 Abr - 13:08

[TUTORIAL] Legenda personalizada

Ir em baixo

[TUTORIAL] Legenda personalizada

Mensagem por Scrat em Sex 5 Abr - 20:54



Legenda personalizada


Neste tutorial você irá aprender a como modificar a legenda dos grupos, para uma personalizada, muito diferente da legenda padrão da Forumeiros.


--> Tutoriais <--
Legenda personalizada



- Código que será utilizado:
O código que utilizaremos no decorrer de nosso tutorial será o seguinte:
Código:
  #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}

#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;

 
 
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}

- Aplicando o código:
Para que o código acima, resulte perfeitamente em seu fórum, faça o seguinte procedimento:
Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS

  • Resultado:



© ShiftActif & GabrielS.


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Legenda personalizada
avatar
Scrat
Hiperativo

Masculino
Idade : 17
PointActif's : 2806
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012

Localização : São Paulo - São Paulo - República Federativa do Brasil
100%

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum