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!!!
Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Membro iniciante
Masculino
Idade : 20
PointActif's : 1983
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012

100%
Ver perfil do usuáriohttp://br-designerforever.forumeiros.com/

Resolvido Abas do perfil

em Sab 9 Jun - 18:20
Olá, eu gostaria de saber como que eu faço o efeito nas abinhas do perfil igual aqui.

http://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
avatar
Membro em destaque
Masculino
Idade : 20
PointActif's : 2123
ReputActifs : 5
Mensagens : 195
Inscrição : 26/05/2012

100%
Ver perfil do usuário

Resolvido Re: Abas do perfil

em Sab 9 Jun - 18:25
Olá Firenando,

Adicione em sua Folha de Estilo CSS " cPainel Ajudantes Visualização Ajudantes Imagens e Cores Ajudantes Cores Ajudantes Folha de Estilo CSS "
Código:
#tabs .activetab a {
background: url(http://illiweb.com/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;
}
e

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;
}
Atenciosamente,
Izzy.
avatar
Membro iniciante
Masculino
Idade : 20
PointActif's : 1983
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012

100%
Ver perfil do usuáriohttp://br-designerforever.forumeiros.com/

Resolvido Re: Abas do perfil

em Sab 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
avatar
Membro em destaque
Masculino
Idade : 20
PointActif's : 2123
ReputActifs : 5
Mensagens : 195
Inscrição : 26/05/2012

100%
Ver perfil do usuário

Resolvido Re: Abas do perfil

em Sab 9 Jun - 18:48
Olá,

Substitua o primeiro código dado por mim por este:
Código:
#tabs .activetab a {
background: url(http://illiweb.com/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.
avatar
Membro iniciante
Masculino
Idade : 20
PointActif's : 1983
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012

100%
Ver perfil do usuáriohttp://br-designerforever.forumeiros.com/

Resolvido Re: Abas do perfil

em Sab 9 Jun - 18:51
Não resultou.
avatar
Membro em destaque
Masculino
Idade : 20
PointActif's : 2123
ReputActifs : 5
Mensagens : 195
Inscrição : 26/05/2012

100%
Ver perfil do usuário

Resolvido Re: Abas do perfil

em Sab 9 Jun - 18:54
Olá,

Substitua por este:
Código:
#tabs .activetab a {
background: url(http://illiweb.com/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.
avatar
Membro iniciante
Masculino
Idade : 20
PointActif's : 1983
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012

100%
Ver perfil do usuáriohttp://br-designerforever.forumeiros.com/

Resolvido Re: Abas do perfil

em Sab 9 Jun - 18:55
Agora unio os botões... Você mexeu nos Padding eu acho :S
avatar
Membro em destaque
Masculino
Idade : 20
PointActif's : 2123
ReputActifs : 5
Mensagens : 195
Inscrição : 26/05/2012

100%
Ver perfil do usuário

Resolvido Re: Abas do perfil

em Sab 9 Jun - 18:57
Olá,

Substitua por este:
Código:
#tabs .activetab a {
background: url(http://illiweb.com/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.
avatar
Membro iniciante
Masculino
Idade : 20
PointActif's : 1983
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012

100%
Ver perfil do usuáriohttp://br-designerforever.forumeiros.com/

Resolvido Re: Abas do perfil

em Sab 9 Jun - 18:59
Nada, agora piorou.

Izzy, você está mexendo nos todos os botões, e eu quero apenas o que está selecionado...
avatar
Membro em destaque
Masculino
Idade : 20
PointActif's : 2123
ReputActifs : 5
Mensagens : 195
Inscrição : 26/05/2012

100%
Ver perfil do usuário

Resolvido Re: Abas do perfil

em Sab 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.
Código:
#tabs .activetab a {
background: url(http://illiweb.com/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://illiweb.com/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.
avatar
Membro iniciante
Masculino
Idade : 20
PointActif's : 1983
ReputActifs : 1
Mensagens : 40
Inscrição : 16/05/2012

100%
Ver perfil do usuáriohttp://br-designerforever.forumeiros.com/

Resolvido Re: Abas do perfil

em Sab 9 Jun - 19:13
Não funciona, fecha então né... Sad
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum