Personalizando as bordas

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

Resolvido Personalizando as bordas

Mensagem por mania online em 27/10/12, 10:51 am

Qual é minha questão:
Olá,

Di acordo com esse tópico:
http://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
avatar

mania online
Nível 4

Masculino
Inscrito dia : 25/10/2012
Mensagens : 26
Pontos Ativos : 40

Ver perfil do usuário http://maniaonline.foroactivo.com.mx/forum

Resolvido Re: Personalizando as bordas

Mensagem por Ace em 27/10/12, 10:52 am

Olá,

Poderia nos enviar o código utilizado? Piscada

Até Mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizando as bordas

Mensagem por mania online em 27/10/12, 10:53 am

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()})});
avatar

mania online
Nível 4

Masculino
Inscrito dia : 25/10/2012
Mensagens : 26
Pontos Ativos : 40

Ver perfil do usuário http://maniaonline.foroactivo.com.mx/forum

Resolvido Re: Personalizando as bordas

Mensagem por Ace em 27/10/12, 11:00 am

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.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizando as bordas

Mensagem por mania online em 27/10/12, 11:03 am

Ótimo ficou melhor.
Obrigado pode bloquear.
avatar

mania online
Nível 4

Masculino
Inscrito dia : 25/10/2012
Mensagens : 26
Pontos Ativos : 40

Ver perfil do usuário http://maniaonline.foroactivo.com.mx/forum

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