Separar nick do avatar e posição do "Online"

Detalhes da questão

Endereço do fórum: http://universotoon.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá, boa noite, gostaria de ajuda referente ao nickname do membro que fica muito junto do seu avatar, poderiam me ajudar afastando ele um pouco mais pra baixo? Também o "online" ele está do outro lado do tópico que faz entender que o tópico é quem está online, tem como posicionar no perfil sendo que nesta mesma direção?

Spoiler:

Olá,
Adicione esse código a sua folha de estilo CSS.

Código:

.post span.postdetails a img:first-child,.postprofile dl dt a
img:first-child,.post div.user-ident div.user-basic-info a
img:first-child,dl.postdetails dl a img:first-child{margin-bottom: 40px;}

Atenciosamente,
Podolski

Opa, ficou perfeito, eu só substitui o 40px por 20px, obrigado! Porém o balão de online continua à direita do tópico, ;/

Olá,
Adicione esse código a sua folha CSS.

Código:

.online{
z-index: 999;
background-image: url(LINK DA IMAGEM);
  background-position: top;
background-position: 100% 90px;
background-repeat: no-repeat;
}

Modifique o:

background-position: 100% 90px;

Até gostar de uma posição.

Resultou?

Atenciosamente,
Podolski

Sim, agora eu tenho o controle sobre a localização dele, mas ele não está ficando sobreposto no perfil e sim por baixo, tem como resolver isso?

Spoiler:

Troque por este:

Código:

.online{
background-image: url(LINK DA IMAGEM);
  background-position: top;
background-position: 14% 300px;
background-repeat: no-repeat;
}

Atenciosamente,
Podolski

Ainda continua por baixo, segue minha CSS:

Código:

.postbody ul.profile-icons img:hover, .post-options img:hover, .posting-icons img:hover, .borderwrap div div a img:hover, .options a img:hover, .right a img:hover, .noprint a img:hover {
bottom: -2px;
opacity: 0.7;
padding: 0px;
position: relative;
}

#color_fixe {
background-image: url(http://i.imgur.com/EHGpChd.png);
background-color: #C90106;
display: inline-block;
height: 16px;
line-height: 16px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-repeat: repeat-x;
background-position: 0 -1px;
color: #E78AAF;
}

div.post .postprofile:after {
    background: #C1056C;
    border-bottom: 4px solid #C90771;
    content: ".";
    font-size: 0;
    height: 16px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 1;
}

.postprofile {
    background: #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 30px 3px 3px;
    position: relative;
    text-align: center;
}

.postprofile .label, .postprofile .label span {
    font-weight: bold;
}

.post span.postdetails a img:first-child,.postprofile dl dt a
img:first-child,.post div.user-ident div.user-basic-info a
img:first-child,dl.postdetails dl a img:first-child{margin-bottom: 20px;}

.online{
background-image: url(http://2img.net/i/fa/prosilver_pink/icon_user_online_en.png);
  background-position: top;
background-position: 22% 300px;
background-repeat: no-repeat;
}

Olá,
Adicione a sua folha de Estilo CSS:

Código:

.postprofile {
padding-right: 200px;
}.postprofile {
padding-right: 200px;
}

Atenciosamente,
Podolski

Os perfis bugaram e agora estão embaixo do tópico, ;/

@edit: Deixei ativo no meu fórum, caso queira vez o resultado.

Bom dia!

Adicione no inicio de sua CSS:

Código:

.postprofile { padding-right: 0 !important; }

Atenciosamente,
Fraise.

Wow, resolveu! Mas a imagem do online ainda fica por baixo do perfil

Spoiler:

Adicione mais este:

Código:

.online { background-position: left 0 !important; }

Atenciosamente,
Fraise.

Ainda continua por baixo do perfil

Spoiler:

É impossivel sobrepor o perfil. O máximo que podemos fazer é isto:

Código:

.postprofile { margin-top: 40px; }

Adicione na folha de estilos.

Atenciosamente.
Fraise

Ok, obrigado por tentar ajudar, desisti desta mudança. Então, alguém pode colocar o tópico como resolvido? Obrigadão aos dois o/