Como arrumo um código que não esta funcionando

Qual é minha questão:
Olá bom eu finalmente consegui o meu efeito desejado do fecha e abre perfil , porém eu adicionei este código CSS:

Código:

.postmain{position:relative}.pun .post .user{position:static!important}.user-ident{padding:8px!important;position:relative;z-index:500}.postbody .user .user-info{-moz-border-radius:7px;-o-border-radius:7px;-webkit-border-radius:7px;background:#fff;border:12px solid gray;border-radius:7px;left:15px;max-width:300px;padding:7px;position:absolute;top:30px;z-index:999}.user .user-info span{color:red!important}

Para que ficasse assim:

com as bordinhas cinzas

E ficou assim:
 
sem as bordas cinzas

Então como arrumo?

Atenciosamente.

GabeAHero.

Endereço do meu fórum:
http://rpglegendary.forumeiros.com

Versão do fórum:
PUNBB

Si sua questão for mudar de perfil use esses códigos.

Crie uma JS com o investimento em todas as páginas com esse código

Código:

 $(document).ready(function(){$('.lastpost a[href*="/u"]').mouseover(function(){$(this).parents('strong').css('position','relative');$('.perfilInfo').remove();$(this).parents('.tcr').css('overflow','visible');$(this).before('<div class="perfilInfo"style="position:absolute;"><span class="setPerfil"><span><img class="PerfilInfoImg"src="http://forum.teamspeak.com.br/public/style_images/master/profile/default_large.png"/><h2>'+$(this).find('span').html()+'</h2><p><b>Reputação:</b><span></span></p><p><b>Posts:</b><span></span></p><p><b>Cadastrado:</b><span></span></p><p><b>Cash:</b><span></span></p><span class="linkPrf"><a href="/privmsg?mode=post&u='+$(this).attr('href').replace('/u', '')+'">Enviar MP</a></span><span class="linkPrf"><a href="'+$(this).attr('href')+'">Ver perfil</a></span></span></span></span></div>');$.get($(this).attr('href'),function(retornoMembro){var avtPrf=$('#profile-advanced-right img:first',retornoMembro).attr('src');$('.PerfilInfoImg').attr('src',avtPrf);var perfil_rep=$('#field_id-14 dd',retornoMembro).html();var perfil_post=$('#field_id-6 dd',retornoMembro).html();var perfil_cad=$('#field_id-4 dd',retornoMembro).html();var perfil_lastV=$('#field_id-13 dd',retornoMembro).html();$('.setPerfil p:eq(0) span').html(perfil_rep);$('.setPerfil p:eq(1) span').html(perfil_post);$('.setPerfil p:eq(2) span').html(perfil_cad);$('.setPerfil p:eq(3) span').html(perfil_lastV)});$('.perfilInfo').mouseleave(function(){$(this).remove()})});$('.phpbb3 dl.icon').removeAttr('title');$('dl.icontopic').removeAttr('title')});

E com esse coloque em seu CSS

Código:

 .perfilInfo{background:url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0;float:left;height:12em;left:-33em;padding:16px 0 20px 5px;top:13px;width:510px;z-index:999}.linkPrf{-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background:#F6F6F6;border:1px solid #DBDBDB;border-radius:0 0 4px 4px;border-top:none;bottom:-14px;box-shadow:0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);color:#616161;float:left;height:14px;left:9.6em;margin:2px;padding:5px;position:relative;text-align:center;text-decoration:none!important;transition:all .2s ease-in-out;width:8em}.linkPrf:hover{border-color:#9A9A9A;color:#4C4C4C}.linkPrf:hover a{color:#4C4C4C}.linkPrf a{color:#616161!important;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;text-decoration:none}.setPerfil{background:rgba(0,0,0,0.3);border-radius:3px;display:block;height:100%;padding:5px 5px 10px}.setPerfil > span{background:#f9f9f9;border:1px solid #999;border-radius:3px;display:block;height:100%;padding:3px}.setPerfil .PerfilInfoImg{background:#E1E1E1;box-shadow:1px 1px 0 #CCC;display:table;float:left;height:160px;padding:3px;width:94px}.setPerfil p div{display:inline}.setPerfil h2{background:#E1E1E1;border-radius:0 10px 0 0;box-shadow:1px 1px 0 #CCC;display:block;float:left;font-family:"Trebuchet MS";font-size:19px;font-style:normal;font-variant:normal;font-weight:bold;margin-bottom:10px;padding:5px;text-shadow:1px 1px 0 #fff;width:382px}.setPerfil p{-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background:#F1F1F1;border-left:3px solid #333;border-top:1px solid #333;box-shadow:1px 1px 0 #CCC;display:block;float:right;font-weight:400;margin:2px 5px;padding:5px;text-align:left;width:350px}.setPerfil p:hover{-moz-box-shadow:-1px 1px 0 #9A9A9A;-ms-box-shadow:-1px 1px 0 #9A9A9A;-o-box-shadow:-1px 1px 0 #9A9A9A;-webkit-box-shadow:-1px 1px 0 #9A9A9A;border-left:0 solid #333;border-right:4px solid #333;box-shadow:-1px 1px 0 #9A9A9A}

Não eu só quero as bordas cinzas ta bem explicado '-'

Olá,

Substitua o código que utilizo no CSS por este

Código:

.postmain{position:relative}.pun .post .user{position:static!important}.user-ident{padding:8px!important;position:relative;z-index:500}.postbody .user .user-info{-moz-border-radius:7px;-o-border-radius:7px;-webkit-border-radius:7px;background:#fff;border:12px solid gray!important;border-radius:7px;left:15px;max-width:300px;padding:7px;position:absolute;top:30px;z-index:999}.user .user-info span{color:red!important}

Até

Olá Quakeline o problema continua.

Atenciosamente.

GabeAHero.

Olá,

Adiciona mais este código em sua Folha de estilo CSS

Código:

.user-info{
border:12px solid gray!important;
}

Até

Olá Quakeline Funcionou o código as bordas cinzas estão ali, Porém olhe o tamanho que ficou.



Teria como diminuir para o tamanho certinho bem ageitado?

Atenciosamente.

GabeAHero

Olá,

Entenda o código

.user-info{
border:12px solid gray!important;
}

Vermelho:: Altere ate que fique como deseja

Até

Olá Quakeline não consegui eu apenas queria diminuir a largura mais deixe xD

Olá,

Tente este código

.user-info{
width: 120px!important
}

Vermelho: Altere ate que fique como deseja

Até