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!
Início
PublicaçõesAbas do perfil
Página 1 de 1 • Compartilhe
Abas do perfil
por Firenando Sáb 9 Jun - 18:20
Olá, eu gostaria de saber como que eu faço o efeito nas abinhas do perfil igual aqui.
https://shift.forumactif.com/profile?mode=editprofile
Tem as abas, e ta em azul, poderiam me ajudar?
Minha versão é PHPBB 3.
Link do fórum: http://br-designerforever.forumeiros.com
https://shift.forumactif.com/profile?mode=editprofile
Tem as abas, e ta em azul, poderiam me ajudar?
Minha versão é PHPBB 3.
Link do fórum: http://br-designerforever.forumeiros.com
Firenando- Membro iniciante
-
Idade : 27
PointActif's : 4431
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012
-
Re: Abas do perfil
por Nak Sáb 9 Jun - 18:25
Olá Firenando,
Adicione em sua Folha de Estilo CSS " cPainel
Visualização Imagens e Cores Cores Folha de Estilo CSS "
Izzy.
Adicione em sua Folha de Estilo CSS " cPainel
Visualização Imagens e Cores Cores Folha de Estilo CSS " - Código:
#tabs .activetab a {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_tabs_profil.png) repeat-x;
border-bottom: 0;
}
#tabs .activetab a {
background-color:
#CADCEB;
background-position: 0 0;
border-bottom: 1px solid
#CADCEB;
margin-bottom: -1px;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color:
#8BBFE6;
border-radius: 4px 4px 0 0;
margin: 0 1px;
}
- Código:
#tabs li {
display: inline;
font-size: 1em;
font-weight: 700;
margin: 0;
padding: 0;
}
{
display: list-item;
text-align: -webkit-match-parent;
}
::selection {
background:
#6CA6D5;
color:
white;
}
Izzy.
Nak- Membro em destaque
-
Idade : 27
PointActif's : 4571
ReputActifs : 5
Mensagens : 195
Inscrição : 26/05/2012
Re: Abas do perfil
por Firenando Sáb 9 Jun - 18:44
Perfeito, mais teve um pequeno erro, minimo, mais queria que ele não aparece-se.
Olhe na foto, a aba que fica selecionada, ela ficou um pouco mais para baixo, e quero que ela fique reta, igual as outras...
OBS: Tenham inveja da minha lupinha xD
https://i.imgur.com/nfTha.png
Olhe na foto, a aba que fica selecionada, ela ficou um pouco mais para baixo, e quero que ela fique reta, igual as outras...
OBS: Tenham inveja da minha lupinha xD
https://i.imgur.com/nfTha.png
Firenando- Membro iniciante
-
Idade : 27
PointActif's : 4431
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012
-
Re: Abas do perfil
por Nak Sáb 9 Jun - 18:48
Olá,
Substitua o primeiro código dado por mim por este:
Atenciosamente,
Izzy.
Substitua o primeiro código dado por mim por este:
- Código:
#tabs .activetab a {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_tabs_profil.png) repeat-x;
border-bottom: 0;
}
#tabs .activetab a {
background-color:
#CADCEB;
background-position: 0 0;
border-bottom: 1px solid
#CADCEB;
margin-bottom: 0px;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color:
#8BBFE6;
border-radius: 4px 4px 0 0;
margin: 0 1px;
}
Atenciosamente,
Izzy.
Nak- Membro em destaque
-
Idade : 27
PointActif's : 4571
ReputActifs : 5
Mensagens : 195
Inscrição : 26/05/2012
Firenando- Membro iniciante
-
Idade : 27
PointActif's : 4431
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012
-
Re: Abas do perfil
por Nak Sáb 9 Jun - 18:54
Olá,
Substitua por este:
Atenciosamente,
Izzy.
Substitua por este:
- Código:
#tabs .activetab a {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_tabs_profil.png) repeat-x;
border-bottom: 0;
}
#tabs .activetab a {
background-color:
#CADCEB;
background-position: 0 0;
border-bottom: 1px solid
#CADCEB;
margin-bottom: 0px;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color:
#8BBFE6;
border-radius: 4px 4px 0 0;
margin: 0 0px;
}
Atenciosamente,
Izzy.
Nak- Membro em destaque
-
Idade : 27
PointActif's : 4571
ReputActifs : 5
Mensagens : 195
Inscrição : 26/05/2012
Re: Abas do perfil
por Firenando Sáb 9 Jun - 18:55
Agora unio os botões... Você mexeu nos Padding eu acho :S
Firenando- Membro iniciante
-
Idade : 27
PointActif's : 4431
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012
-
Re: Abas do perfil
por Nak Sáb 9 Jun - 18:57
Olá,
Substitua por este:
Atenciosamente,
Izzy.
Substitua por este:
- Código:
#tabs .activetab a {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_tabs_profil.png) repeat-x;
border-bottom: 0;
}
#tabs .activetab a {
background-color:
#CADCEB;
background-position: 0 0;
border-bottom: 1px solid
#CADCEB;
margin-bottom: 1px;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color:
#8BBFE6;
border-radius: 5px 5px 0 0;
margin: 0 2px;
}
Atenciosamente,
Izzy.
Nak- Membro em destaque
-
Idade : 27
PointActif's : 4571
ReputActifs : 5
Mensagens : 195
Inscrição : 26/05/2012
Re: Abas do perfil
por Firenando Sáb 9 Jun - 18:59
Nada, agora piorou.
Izzy, você está mexendo nos todos os botões, e eu quero apenas o que está selecionado...
Izzy, você está mexendo nos todos os botões, e eu quero apenas o que está selecionado...
Firenando- Membro iniciante
-
Idade : 27
PointActif's : 4431
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012
-
Re: Abas do perfil
por Nak Sáb 9 Jun - 19:02
Olá novamente,
Me desculpe. Só que aqui, os códigos estão funcionando corretamente em meu Fórum de Testes. Mas, pode se perceber que não é um erro e sim convém do código. Assim que é clicado, o botão se excede pra baixo, conforme afundar-se um pouco e faz o efeito.
ou
Atenciosamente,
Izzy.
Me desculpe. Só que aqui, os códigos estão funcionando corretamente em meu Fórum de Testes. Mas, pode se perceber que não é um erro e sim convém do código. Assim que é clicado, o botão se excede pra baixo, conforme afundar-se um pouco e faz o efeito.
- Código:
#tabs .activetab a {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_tabs_profil.png) repeat-x;
border-bottom: 1;
}
#tabs .activetab a {
background-color:
#CADCEB;
background-position: 0 0;
border-bottom: 1px solid
#CADCEB;
margin-bottom: -1px;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color:
#8BBFE6;
border-radius: 4px 4px 0 0;
margin: 0 1px;
}
ou
- Código:
#tabs .activetab a {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_tabs_profil.png) repeat-x;
border-bottom: -1;
}
#tabs .activetab a {
background-color:
#CADCEB;
background-position: 0 0;
border-bottom: 1px solid
#CADCEB;
margin-bottom: -1px;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color:
#8BBFE6;
border-radius: 4px 4px 0 0;
margin: 0 1px;
}
Atenciosamente,
Izzy.
Nak- Membro em destaque
-
Idade : 27
PointActif's : 4571
ReputActifs : 5
Mensagens : 195
Inscrição : 26/05/2012
Firenando- Membro iniciante
-
Idade : 27
PointActif's : 4431
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012
-
Conteúdo patrocinado
Tópicos semelhantes» Caixas nas informações do Perfil
» Abas na mensagem da Página inicial
» Template de visualização do perfil avançado (view_profile_body)
» Botão facebook e twiter no perfil
» Modificar o editar perfil no PunBB
» Abas na mensagem da Página inicial
» Template de visualização do perfil avançado (view_profile_body)
» Botão facebook e twiter no perfil
» Modificar o editar perfil no PunBB
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos|
|
|
Facebook
Twitter
Youtube
