Como colocar os contatos no balão do perfil

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

Resolvido Como colocar os contatos no balão do perfil

Mensagem por D'Leandro™ em 10/09/12, 10:53 pm

Qual é minha questão:
Olá, gostaria de colocar os Icones de contato dentro do balão de perfil!


Veja a Demonstração na Imagem abaixo!


Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://staffergroupbr.stuning.net/portal

Versão do meu fórum:
PHPBB3
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por Vinicius._. em 10/09/12, 11:37 pm

acho q é impossivel, mais espere alguem + especializado,.
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

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

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por D'Leandro™ em 10/09/12, 11:59 pm

Sim, eu sei que é possível, eu só não lembro onde!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por LucasRPG em 11/09/12, 12:36 am

Olá.
Adicione este código no seu CSS

Código:
.postprofile dd:last-child {
    border: 1px solid blue;
padding: 8px 5px 9px;
border: 1px dashed #333;
background: rgba(255, 255, 255, 0.898438);
border: 2px solid dodgerBlue;
border-radius: 15px;
box-shadow:inset 0 0 10px gray;
}
avatar

LucasRPG
Usuário destaque

Masculino
Inscrito dia : 27/05/2009
Mensagens : 618
Pontos Ativos : 1003

Ver perfil do usuário http://cataclysm.web-rpg.com/

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por D'Leandro™ em 11/09/12, 12:48 am

Olá Lucas RPG, Veja o resultado Obtido!

avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por BrunoH. em 12/09/12, 10:59 pm

Olá amigo,
poderia me fornecer o link do fórum que viu isto?

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por D'Leandro™ em 13/09/12, 12:01 am

Este é o meu forum:
http://staffergroupbr.stuning.net/forum

Este é o Forum onde eu ví a função:
http://spdesign.ativoforum.com/forum
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por Leexa em 13/09/12, 12:10 am

Boa noite!

Adicione ao teu CSS este código:

Código:
.user:hover .user-info {
display: block!important;
}
.pun .user .user-info {
color: #666;
line-height: 1.8em;
}
.user .user-info {
background: white;
border: 1px solid #CCC;
border-left: 0;
display: none;
margin-bottom: 5px;
margin-left: 160px;
padding: 8px 5px 9px;
position: absolute;
top: 11px;
width: 290px;
z-index: 999;
}
.pun div, .pun td, .sig-line {
border-color: ##CCC;
color: ##CCC;
}

Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por D'Leandro™ em 13/09/12, 02:29 am

Não Resultou!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por Leexa em 14/09/12, 12:54 pm

Boa tarde!

Substitua os códigos fornecidos neste tópico, por este logo abaixo querido:

Código:
.postprofile dd:last-child {
border: 1px solid blue;
padding: 10px 7px 11px;
border: 1px dashed #333;
background: rgba(255, 255, 255, 0.898438);
border: 2px solid dodgerBlue;
border-radius: 15px;
box-shadow:inset 0 0 10px gray;
}


Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por D'Leandro™ em 14/09/12, 01:28 pm

Bear escreveu:Boa tarde!

Substitua os códigos fornecidos neste tópico, por este logo abaixo querido:

Código:
.postprofile dd:last-child {
border: 1px solid blue;
padding: 10px 7px 11px;
border: 1px dashed #333;
background: rgba(255, 255, 255, 0.898438);
border: 2px solid dodgerBlue;
border-radius: 15px;
box-shadow:inset 0 0 10px gray;
}


Passar bem! Piscada


Veja o Resultado:
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por D'Leandro™ em 14/09/12, 01:29 pm

O Mesmo resultado eu ja obtive antes, neste mesmo tópico, adicione #450444 ao final do link!


avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por Leexa em 14/09/12, 01:34 pm

Boa tarde!

Substitua os códigos fornecidos, por este CSS logo abaixo:

Código:
.postprofile dd:last-child,.postprofile dl dd.info,.postprofile dl:hover dd.info {
border: 1px solid blue;
padding: 10px 7px 11px;
border: 1px dashed #333;
background: rgba(255, 255, 255, 0.898438);
border: 2px solid dodgerBlue;
border-radius: 15px;
box-shadow:inset 0 0 10px gray;
}..postprofile dl dd.info

Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por D'Leandro™ em 14/09/12, 09:07 pm

Obtive o mesmo resultado de antes!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por MateusV. em 19/09/12, 03:31 pm

Olá!

No caso, não será possível, pois teríamos que mover os campos de contato para a div do perfil oque necessitaria de edições no template ou de códigos Javascript extra-tutorias.

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por ADM-Renato em 20/09/12, 08:35 pm

aonde eu axo o meu CSS pra por esse codico gostei dele , alquem poderia me explicar + um pokin comesei agora com forum .. meu forum http://kingdivulgacao.forumeiros.com/
avatar

ADM-Renato
Nível 2

Masculino
Inscrito dia : 27/06/2012
Mensagens : 10
Pontos Ativos : 14

Ver perfil do usuário http://divulgacao-muonline.forumfacil.net/

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por Jpjupa em 22/09/12, 11:22 am

Procure a div da linha de contato, e coloque dentro da div do perfil "flutuante".
É impossível com css, apenas com edição de template que será possível.

Até mais.
Jpjupa.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por Luciano98 em 22/09/12, 05:33 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
dd.info{padding-top:26px}.post .postprofile dl dd:last-child{position:absolute;display:none;margin-bottom:5px;margin-left:160px;padding:8px 5px 9px;width:290px;z-index:999;top:9px}.post .postprofile:hover dl dd:last-child{display:block}

Valide.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como colocar os contatos no balão do perfil

Mensagem por D'Leandro™ em 22/09/12, 09:43 pm

Olá Luciano98, Parabêns e Obrigado!
Pode fechar o tópico!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

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