Como colocar os contatos no balão do perfil

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

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

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

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;
}

Olá Lucas RPG, Veja o resultado Obtido!

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

Até mais.

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

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

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!

Não Resultou!

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!

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!

Veja o Resultado:

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

https://ajuda.forumeiros.com/t66310-como-colocar-os-contatos-no-balao-do-perfil#450444

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!

Obtive o mesmo resultado de antes!

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.

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/

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.

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores 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.

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