Personalizando as bordas

2 participantes

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

Tópico resolvido Personalizando as bordas

Mensagem por mania online 27.10.12 13:51

Qual é minha questão:
Olá,

Di acordo com esse tópico:
https://ajuda.forumeiros.com/t68835-arrumar-a-opcao-de-esconder-perfil#468810

Eu queria somente "nesse topico atual", personalizar as bordas, poderiam me ajudar?

Obrigado;

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

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx/forum

Versão do meu fórum:
PUNBB
mania online

mania online
Novo Membro

Membro desde : 25/10/2012
Mensagens : 26
Pontos : 40

http://maniaonline.foroactivo.com.mx/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizando as bordas

Mensagem por Ace 27.10.12 13:52

Olá,

Poderia nos enviar o código utilizado? Piscada

Até Mais.
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizando as bordas

Mensagem por mania online 27.10.12 13:53

Código CSS:
Código:
    .postbody .user{
      margin-bottom:1em;
        overflow:visible;
    }
    .postbody .user .user-info span{display:table !important; float:left;}
    .postbody .user .user-info{
        width:350px;
            border: 1px dashed #333;
        display:none;
            top: 20px;
            position: absolute;
            background: rgba(255, 255, 255, 0.9);
            padding: 5px;
    }

    .postbody .user:hover .user-info{
        z-index: 9;
            left: 100%;
        display:block;
    }
    .postbody .user .user-info span {
    color: #333;
    font-weight: bold;
    }

Código JS:

Código:
jQuery(document).ready(function(){jQuery('.post').each(function(){m='<br>'+jQuery(this).find('.postfoot .user-contact').html();jQuery(this).find('.user .user-info').append(m);jQuery(this).find('.postfoot .user-contact').remove()})});
mania online

mania online
Novo Membro

Membro desde : 25/10/2012
Mensagens : 26
Pontos : 40

http://maniaonline.foroactivo.com.mx/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizando as bordas

Mensagem por Ace 27.10.12 14:00

Olá,

Substitua o código CSS por:

Código:
    .postbody .user{
      margin-bottom:1em;
        overflow:visible;
    }
    .postbody .user .user-info span{display:table !important; float:left;}
    .postbody .user .user-info{
        width:350px;
            border: 1px solid gray;
        display:none;
            top: 20px;
            position: absolute;
            background: rgba(255, 255, 255, 0.9);
            padding: 5px;
    }

    .postbody .user:hover .user-info{
        z-index: 9;
            left: 100%;
        display:block;
    }
    .postbody .user .user-info span {
    color: #333;
    font-weight: bold;
    }

Até Mais.
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizando as bordas

Mensagem por mania online 27.10.12 14:03

Ótimo ficou melhor.
Obrigado pode bloquear.
mania online

mania online
Novo Membro

Membro desde : 25/10/2012
Mensagens : 26
Pontos : 40

http://maniaonline.foroactivo.com.mx/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos