Avatar do postador nas Categorias

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

Resolvido Avatar do postador nas Categorias

Mensagem por Aiolos em 17/11/12, 03:40 pm

Olá, eu estava dando ma voltinha pelos foruns, e eu me deparei com um efeito muito bacana, no forum naruto rpg akatsuki, os avatares dos postadores mais recentes de cada categoria são apresentados nas mesmas, alguém conhece o código, se o conhece, poderia me fornece-lo?

http://www.narutorpgakatsuki.com/forum


Fórum: http://narutonovaerarevo.forumeiros.com/ (punBB)
avatar

Aiolos
Nível 2

Masculino
Inscrito dia : 16/11/2012
Mensagens : 11
Pontos Ativos : 15

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

Resolvido Re: Avatar do postador nas Categorias

Mensagem por iHeloadd em 17/11/12, 03:50 pm

Olá amigo, por favor aceda:

Painel de controle Seta Módulos Seta HTML e JavaScript Seta JavaScript Seta Criar novo JavaScript

Título: Qual você quiser
Investimento: No Índice, Portal e Galeria
Código JavaScript: Adicione o código abaixo:

Código:
$(function(){

    if(!window.localStorage) return;
 
    // Avatar par défaut
    var default_avatar= 'http://i42.servimg.com/u/f42/17/62/49/09/pp-bla10.png';
 
    // Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour
    var caching_time= 24*60*60*1000;
 
    // Temps de cache d'une erreur, ici 60 s * 1000 ms donc une minute
    var caching_error= 60*1000;
 
    var set_avatar= function(id) {
        $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
    };
 
    var get_avatar= function(id) {
        if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
        {
            localStorage.setItem('d_ava'+id, default_avatar);
            $.get('/u'+id, function (d){
                localStorage.setItem('t_ava'+id,+new Date);
                localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
                set_avatar(id);
            });
        }
        return localStorage.getItem('d_ava'+id);
    };
 
    var to_replace= {};
 
    $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
        to_replace[$(this).attr('href').substr(2)]= 1;
        $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
    });


    for(i in to_replace)
    {
        set_avatar(i);
    };

Agora vamos para o CSS, Aceda:

Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta CFolha no estilo de CSS

No espaço do codigo adicione o código abaixo:

.mini_ava img {

width: 40px;
height: 40px;
border:1px solid gray;
}
.mini_ava {
float: left;
}

Vermelho: A largura do avatar em Pixels.
Laranja: Coloque a altura do avatar em Pixels.
avatar

iHeloadd
Usuário destaque

Masculino
Inscrito dia : 25/09/2012
Mensagens : 519
Pontos Ativos : 949

Ver perfil do usuário http://ajudafm.ativoforum.com

Resolvido Re: Avatar do postador nas Categorias

Mensagem por BrunoH. em 17/11/12, 03:58 pm

Olá!
Aceda a "Gestão dos Códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript
Clique em "Criar um novo JavaScript"
Título Seta Escolha um titulo qualquer.
Investimento Seta Todas as Páginas
Código JavaScript:
Código:
$(document).on('ready', function() {
$('td.tcr').prepend('<div class="avat-miembro"><div>');
$('td.tcr .avat-miembro').each(function () {
var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
$(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
$(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
});
});
e Salve!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
    .avat-miembro {
    float: left;
    }
    .avat-miembro img {
    width: 40px;
    height: 40px;
    padding: 1px;
    margin: 0 5px;
    border-radius: 10px
    }
e Valide!

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Avatar do postador nas Categorias

Mensagem por Aiolos em 17/11/12, 07:55 pm

Olá, bom, está aparecendo lá em cima a seguinte mensagem:
Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.
avatar

Aiolos
Nível 2

Masculino
Inscrito dia : 16/11/2012
Mensagens : 11
Pontos Ativos : 15

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

Resolvido Re: Avatar do postador nas Categorias

Mensagem por BrunoH. em 17/11/12, 07:59 pm

Olá!
O senhor tentou o código passado por min acima?
http://ajuda.forumeiros.com/t70048-#477880

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Avatar do postador nas Categorias

Mensagem por Aiolos em 17/11/12, 07:59 pm

Sim e o do outro também, e os dois apresentaram a mensagem... sabe me dizer o porque dela?
avatar

Aiolos
Nível 2

Masculino
Inscrito dia : 16/11/2012
Mensagens : 11
Pontos Ativos : 15

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

Resolvido Re: Avatar do postador nas Categorias

Mensagem por BrunoH. em 17/11/12, 08:02 pm

Olá!
Me envia seu CSS para eu poder verificar.
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de Estilo CSS
Copie todo o código, e me envie aqui no tópico, utilizando a tag [code].

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Avatar do postador nas Categorias

Mensagem por Aiolos em 17/11/12, 08:08 pm

Código:
#chatbox_header.main-head, .main .main-foot, .main .main-head {
    background: url("http://i.imgur.com/VeImd.png") repeat-x scroll center top rgb(36, 44, 46) !important;
    border-radius: 5px 5px 0px 0px;
}
#page-body {
    border: 7px solid rgba(0, 111, 28, 0.75);
    border-radius: 5px 5px 5px 5px;
    margin: auto;
    padding: 5px;
    width: 980px;
  background-color: white;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}
p.crumbs a {
    background: url("http://i42.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    color: rgb(119, 119, 119) !important;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
#pun-visit ul, .main-box ul{
  color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.page-title h2 {
    text-align: center;
}
body {

background-image: url("http://i.imgur.com/1yp8f.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
}
.pun .paged-foot, .pun .paged-head {
  background: none !important;
  border: none;
  margin-left: 100px;
}
.pun .postfoot .user-contact {
  display: none !important;
}
#pun-about {
    list-style-type: none;
  background-color: transparent;
      border-color: none;
    border-style: none;
    text-align: left;
    font-family: Tahoma,Arial,Helvetica,Sans-serif;
    font-size: 10px;
    color: rgb(201, 201, 201);
    line-height: 18px;
  margin-left: 160px;
}
.pun .user-ident .username {
  text-align: center;
}
.pun table.table td {
border-style: none !important;
}
#tabs ul li a {
 
  background-color: rgba(61, 29, 114, 1);
  border-color: rgba(61, 29, 114, 1);
  color: white;
}
#pun-intro {
background-color: transparent;}
.pun .main table td.tc2, .pun .main table td.tc3 {
  background-color: rgb(251, 251, 251);}
.pun table .tcr {
    background-color: rgb(251, 251, 251);}
.pun table td.tcl {
  background-color: rgb(251, 251, 251);}
.pun .main-content .Lastt {
        border-right: 7px solid rgba(0, 111, 28, 1);
    border-radius: 0px 7px 7px 0px;
    box-shadow: 1px 1px 5px gray;
    font-size: 12px;
    padding: 7px;
    width: 180px !important;
      margin-top: 5px;
  font-size: 10px;
        margin-left: 70px; 
  height: 42px;
    margin-bottom: 2px;
}
.pun .main-content .Last {
      border-right: 7px solid rgba(0, 111, 28, 1);
    border-radius: 0px 7px 7px 0px;
    box-shadow: 1px 1px 5px gray;
    font-size: 12px;
    padding: 7px;
    width: 180px !important;
      margin-top: 5px;
  font-size: 10px;
        margin-left: 70px; 
  height: 42px;
  margin-bottom: 2px;
}
.mod-text {
  display: none;
}
#pun-head{
      height: 14px;
      background-color: rgba(0, 111, 28, 0.75);
    width: 100%;
    text-align: center;
    top: 0px;
    left: 0px;
    padding-top: 8px;
    padding-bottom: 3px solid rgb(61, 29, 114);
    position: fixed;
 
}
#pun-navlinks ul {
  margin-top: -11px;
  opacity:0.9; 
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
    color: white;
  font-size: 14px;
}
#pun-navlinks li a {
      color: white;
}
.pun .main-content {
  margin-bottom: 10px;
}
.main .main-content table.table thead tr th{position:relative;bottom:8px;color:transparent;background:url() transparent}.main .main-content table.table thead tr th.tcl{visibility:hidden}.main .main-content table.table{margin-top:-29px}.main .main-content table.table tbody.statused tr td.tcl a.forumtitle{padding-left:8px}
#pun-head #pun-navlinks {
      background-color: rgba(0, 111, 28, 0.75);
    font-size: 10px;
}
.statistici {
      background: none repeat scroll 0% 0% rgb(241, 241, 241);
    border-left: 7px solid rgba(0, 111, 28, 1);
    border-radius: 0px 10px 10px 0px;
    box-shadow: 1px 2px 5px rgb(148, 148, 148);
    float: right;
    margin-top: 10px;
    padding: 7px;
    width: 290px;
    position:absolute;
  margin-left: -70px;
  margin-top: -10px;
  max-height: 100px;
  overflow: auto;
 
}
.cine_e_online {
      background: none repeat scroll 0% 0% rgb(241, 241, 241);
    border-left: 7px solid rgba(0, 111, 28, 1);
    border-radius: 0px 10px 10px 0px;
    box-shadow: 1px 2px 5px rgb(148, 148, 148);
    float: left;
    margin: 10px;
    padding: 7px;
    position:absolute;
  margin-left: 100px;
  margin-top: -10px;
}
.legenda {
      background: none repeat scroll 0% 0% rgb(241, 241, 241);
    border-left: 7px solid rgba(0, 111, 28, 1);
    border-radius: 0px 10px 10px 0px;
    box-shadow: 1px 2px 5px rgb(148, 148, 148);
    float: left;
    margin: 10px;
    padding: 7px;
  margin-top: 130px;
  margin-left: 100px;
}
.pun .post .user {
    border-left: 7px solid rgba(0, 111, 28, 1);
    border-radius: 0px 7px 7px 0px;
    box-shadow: 1px 1px 5px gray;
    font-size: 12px;
    margin-left: -200px !important;
    padding: 7px;
    width: auto !important;
 
}
.postbody .user{
  margin-bottom:1em;
    overflow:visible;
}

.postbody .user{
  margin-bottom:1em;
    overflow:visible;
}
.postbody .user .user-info span{display:table !important; float:left;}
.postbody .user .user-info{
max-width: 300px;
        border: 7px solid rgba(0, 111, 28, 0.9);
    display:none;
        top: 50px;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 5px;
  border-radius: 7px 7px 7px 7px;
}

.postbody .user:hover .user-info{
    z-index: 9;
        left: 200px;
    display:block;
}
.postbody .user .user-info span {
color: #333;
font-weight: bold;
}
}az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
.main .main-content table.table tbody.statused tr td.tcl a.forumtitle {
  margin-left: 27px;
}a[href="/u1"] {
background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}#pun-navlinks ul.clearfix a.mainmenu img {
propriedades
}
#pun-navlinks ul.clearfix a.mainmenu img:hover {
propriedades
}#text_editor_textarea.quick_reply_textarea {
propriedades
}dd.frm-textarea #text_editor_textarea {
propriedades
}.wysiwyg {
propriedades
}.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}Bem vindo visitante! Login | Registre-se
    div.user-basic-info img {width:170 !important; height:300 !important;}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background: #DDD;
border-bottom-color: #999;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

input[type="button"], input[type="reset"], input[type="submit"] {
padding: 3px 9px 3px 9px;
background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -352px -54px;
background-color: #EEE;
border: 1px solid #999;
border-bottom-color: #888;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
color:#333;
cursor:pointer;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-weight: bold;}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -352px -103px;
background-color: #5B74A8;
border-color: #29447E #29447E #1A356E;
color:white !important;
font-weight:bold;
cursor: pointer;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  background-position: -352px -09px;
}
#chatbox_footer .right div[class][id]{height:20px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;cursor:default}#chatbox_footer .right div[class][id]:first-child{border-left:1px solid #CFCFCF}#chatbox_main_options span,#chatbox_main_options label,#chatbox_main_options a{height:34px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;color:#000;padding-top:14px}#chatbox_main_options{position:absolute;bottom:0;left:0;z-index:1;color:#818181!important;height:34px;font-size:0;margin:0;margin-bottom:-25px}#chatbox_main_options li a[onclick*="ajax_refresh_chatbox"]{font-size:0;background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) no-repeat center #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives=1"],#chatbox_main_options a[href="/chatbox/index.forum?archives"]{font-size:0;background:url(http://www.dreamtemplate.com/dreamcodes/web_icons/gray-archive-icon.png) no-repeat center whiteSmoke;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives"]{background-color:#E6E6E6}#chatbox_main_options li a[onclick="CB_disconnect();"]{border-right:0;padding:0}#chatbox_main_options li a[onclick="CB_disconnect();"] span{font-size:0;background:url(http://i.imgur.com/xXA8w.gif) no-repeat 50% 50% #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_footer{padding:0;background:url() #f5f5f5;border-top:1px solid #CFCFCF;display:block!important;border-radius:0}#chatbox_messenger_form .right {padding:0;font-size:0}#chatbox_messenger_form .right input#message{height:34px;font-weight:normal;background-color:white;background-image:url();border:0;height:34px;margin-bottom:0;font-size:16px;cursor:default;padding:0 0 0 5px;outline:none;width:304px}#chatbox_messenger_form .right input[name="submit_button"]{height:33px;font-size:15px;border:0;background-color:transparent;padding-left:10px;padding-right:11px;margin-left:-4px;cursor:default;font-weight:normal}#chatbox_messenger_form .right img[src="http://illiweb.com/fa/subsilver/wysiwyg/menupop.gif"],#chatbox_members h4.member-title,#chatbox_main_options li#chatbox_option_autorefresh,#chatbox p.clearfix span.date-and-time,#chatbox p.clearfix:hover span.date-and-time{display:none}#chatbox_header{height:0;font-size:0}#chatbox{top:32px;left:0}#chatbox p.clearfix:first-child{padding-top:8px}#chatbox_members{position:absolute;z-index:1;height:31px;left:0;top:0;width:100%;background:url(http://www.addthis.com/forum/styles/addthis2/theme/images/whosonline.gif) 8px -3px no-repeat white;overflow-y:hidden;border-bottom:1px solid #CFCFCF}#chatbox_members li{display:inline;margin-right:0}#chatbox_members a:last-child:after{content:', '}#chatbox_members li:last-child a:last-child:after{content:''}#chatbox_members ul{padding-top:8px;font-size:12px;margin:0;overflow-y:hidden;overflow-x:auto;margin-left:46px;padding-right:8px;padding-bottom:0;white-space:nowrap;height:23px;max-width:none}#chatbox_footer #chatbox_messenger_form .right .fontbutton:hover,#chatbox_header #chatbox_main_options.chatbox-options a:hover,#chatbox_header #chatbox_main_options.chatbox-options span:hover,#chatbox_messenger_form .right input[name="submit_button"]:hover{background-color:#CFCFCF!important}#chatbox_footer #chatbox_messenger_form .right .fontbutton.fontbutton_selected{background-color:#E6E6E6}#chatbox p.clearfix{background-color:#EDEFF4;margin:0;padding:5px;padding-left:0;margin-left:7px;margin-right:7px}#chatbox p.clearfix span.user,#chatbox p.clearfix .msg,#chatbox_main_options li{font-size:0}#chatbox p.clearfix .msg,#chatbox p.clearfix span.user *{font-family:Verdana;font-size:12px}.user a[href*="/u"]{margin-right:8px}.user span:first-child strong{margin-right:4px}.user span:last-child strong{margin-right:0}a[onclick*="ajax_refresh_chatbox"]:hover{background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) 50% 50% no-repeat #000!important}#chatbox p.clearfix[class^="chatbox_row_1"] span[style="font-style:italic"]{font-size:15px;font-style:normal!important;margin-left:-66px;background-color:#EDEFF4}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child{font-size:0px}#chatbox p.chatbox_row_1.clearfix:first-child span[title]:first-child{visibility:hidden}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child:before{margin-left:7px;background:url(http://i.imgur.com/xXA8w.gif) top left no-repeat;background-size:20px;padding-left:22px;content:'Entre para conversar';font-size:15px}#chatbox_contextmenu{z-index:1}#chatbox_messenger_form{margin-top:0px}.user-msg{display:inline-block;padding-left:38px;background:url(http://i.imgur.com/BMdww.gif) no-repeat top left;background-size:32px 32px;min-height:32px}.user-msg .msg{display:block}.user-msg .msg span{border-image-width:0px;border:0px;border-image-source:url(http://i.imgur.com/BMdww.gif)
  .forabg .forumbg{
background: #FFFFFF url('http://narutonovaerarevo.forumeiros.com/')!Important;
} .postprofile {
padding: 5px;
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
padding: 5px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}

  /*Alterar Informações
 Preferências  Avatar

  Ver
 Amigos e ignorados Tópicos supervisionados  Rascunhos  Tópicos favoritos

  Tópicos e mensagens Mensagens Privadas Meus tópicos Tópicos que participo  Minhas mensagens Novas mensagens ({USERLASTVISIT})*/
div.user-basic-info img{
    margin: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.user-basic-info img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}div.user-basic-info img{
    margin: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.user-basic-info img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
  #pun-intro{
    border-bottom: none;
  }
    .mini_ava img {

width: 40px;
height: 40px;
border:1px solid gray;
}
.mini_ava {
float: left;
}
avatar

Aiolos
Nível 2

Masculino
Inscrito dia : 16/11/2012
Mensagens : 11
Pontos Ativos : 15

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

Resolvido Re: Avatar do postador nas Categorias

Mensagem por BrunoH. em 17/11/12, 08:15 pm

Olá!
Substitua o CSS por este:
Código:
#chatbox_header.main-head, .main .main-foot, .main .main-head {
    background: url("http://i.imgur.com/VeImd.png") repeat-x scroll center top rgb(36, 44, 46) !important;
    border-radius: 5px 5px 0px 0px;
}
#page-body {
    border: 7px solid rgba(0, 111, 28, 0.75);
    border-radius: 5px 5px 5px 5px;
    margin: auto;
    padding: 5px;
    width: 980px;
  background-color: white;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}
p.crumbs a {
    background: url("http://i42.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    color: rgb(119, 119, 119) !important;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
#pun-visit ul, .main-box ul{
  color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.page-title h2 {
    text-align: center;
}
body {
background-image: url("http://i.imgur.com/1yp8f.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
}
.pun .paged-foot, .pun .paged-head {
  background: none !important;
  border: none;
  margin-left: 100px;
}
.pun .postfoot .user-contact {
  display: none !important;
}
#pun-about {
list-style-type: none;
background-color: transparent;
border-color: none;
border-style: none;
text-align: left;
font-family: Tahoma,Arial,Helvetica,Sans-serif;
font-size: 10px;
color: rgb(201, 201, 201);
line-height: 18px;
margin-left: 160px;
}
.pun .user-ident .username {
text-align: center;
}
.pun table.table td {
border-style: none !important;
}
#tabs ul li a {
background-color: rgba(61, 29, 114, 1);
border-color: rgba(61, 29, 114, 1);
color: white;
}
#pun-intro {
background-color: transparent;}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: rgb(251, 251, 251);}
.pun table .tcr {
background-color: rgb(251, 251, 251);}
.pun table td.tcl {
background-color: rgb(251, 251, 251);}
.pun .main-content .Lastt {
border-right: 7px solid rgba(0, 111, 28, 1);
border-radius: 0px 7px 7px 0px;
box-shadow: 1px 1px 5px gray;
font-size: 12px;
padding: 7px;
width: 180px !important;
margin-top: 5px;
font-size: 10px;
margin-left: 70px; 
height: 42px;
margin-bottom: 2px;
}
.pun .main-content .Last {
border-right: 7px solid rgba(0, 111, 28, 1);
border-radius: 0px 7px 7px 0px;
box-shadow: 1px 1px 5px gray;
font-size: 12px;
padding: 7px;
width: 180px !important;
margin-top: 5px;
font-size: 10px;
margin-left: 70px; 
height: 42px;
margin-bottom: 2px;
}
.mod-text {
display: none;
}
#pun-head{
    height: 14px;
    background-color: rgba(0, 111, 28, 0.75);
    width: 100%;
    text-align: center;
    top: 0px;
    left: 0px;
    padding-top: 8px;
    padding-bottom: 3px solid rgb(61, 29, 114);
    position: fixed;
 
}
#pun-navlinks ul {
  margin-top: -11px;
  opacity:0.9; 
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
  color: white;
  font-size: 14px;
}
#pun-navlinks li a {
color: white;
}
.pun .main-content {
  margin-bottom: 10px;
}
.main .main-content table.table thead tr th{position:relative;bottom:8px;color:transparent;background:url() transparent}.main .main-content table.table thead tr th.tcl{visibility:hidden}.main .main-content table.table{margin-top:-29px}.main .main-content table.table tbody.statused tr td.tcl a.forumtitle{padding-left:8px}
#pun-head #pun-navlinks {
background-color: rgba(0, 111, 28, 0.75);
font-size: 10px;
}
.statistici {
  background: none repeat scroll 0% 0% rgb(241, 241, 241);
  border-left: 7px solid rgba(0, 111, 28, 1);
  border-radius: 0px 10px 10px 0px;
  box-shadow: 1px 2px 5px rgb(148, 148, 148);
  float: right;
  margin-top: 10px;
  padding: 7px;
  width: 290px;
  position:absolute;
  margin-left: -70px;
  margin-top: -10px;
  max-height: 100px;
  overflow: auto;
 
}
.cine_e_online {
    background: none repeat scroll 0% 0% rgb(241, 241, 241);
    border-left: 7px solid rgba(0, 111, 28, 1);
    border-radius: 0px 10px 10px 0px;
    box-shadow: 1px 2px 5px rgb(148, 148, 148);
    float: left;
    margin: 10px;
    padding: 7px;
    position:absolute;
    margin-left: 100px;
    margin-top: -10px;
}
.legenda {
    background: none repeat scroll 0% 0% rgb(241, 241, 241);
    border-left: 7px solid rgba(0, 111, 28, 1);
    border-radius: 0px 10px 10px 0px;
    box-shadow: 1px 2px 5px rgb(148, 148, 148);
    float: left;
    margin: 10px;
    padding: 7px;
    margin-top: 130px;
    margin-left: 100px;
}
.pun .post .user {
    border-left: 7px solid rgba(0, 111, 28, 1);
    border-radius: 0px 7px 7px 0px;
    box-shadow: 1px 1px 5px gray;
    font-size: 12px;
    margin-left: -200px !important;
    padding: 7px;
    width: auto !important;
}
.postbody .user{
margin-bottom:1em;
overflow:visible;
}

.postbody .user{
  margin-bottom:1em;
    overflow:visible;
}
.postbody .user .user-info span{display:table !important; float:left;}
.postbody .user .user-info{
max-width: 300px;
border: 7px solid rgba(0, 111, 28, 0.9);
display:none;
top: 50px;
position: absolute;
background: rgba(255, 255, 255, 0.9);
padding: 5px;
border-radius: 7px 7px 7px 7px;
}

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

az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
.main .main-content table.table tbody.statused tr td.tcl a.forumtitle {
margin-left: 27px;
}
a[href="/u1"] {
background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}
#pun-navlinks ul.clearfix a.mainmenu img {
propriedades
}
#pun-navlinks ul.clearfix a.mainmenu img:hover {
propriedades
}#text_editor_textarea.quick_reply_textarea {
propriedades
}dd.frm-textarea #text_editor_textarea {
propriedades
}.wysiwyg {
propriedades
}
.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}Bem vindo visitante! Login | Registre-se
div.user-basic-info img {width:170 !important; height:300 !important;}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background: #DDD;
border-bottom-color: #999;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

input[type="button"], input[type="reset"], input[type="submit"] {
padding: 3px 9px 3px 9px;
background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -352px -54px;
background-color: #EEE;
border: 1px solid #999;
border-bottom-color: #888;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
color:#333;
cursor:pointer;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-weight: bold;}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -352px -103px;
background-color: #5B74A8;
border-color: #29447E #29447E #1A356E;
color:white !important;
font-weight:bold;
cursor: pointer;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  background-position: -352px -09px;
}
#chatbox_footer .right div[class][id]{height:20px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;cursor:default}#chatbox_footer .right div[class][id]:first-child{border-left:1px solid #CFCFCF}#chatbox_main_options span,#chatbox_main_options label,#chatbox_main_options a{height:34px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;color:#000;padding-top:14px}#chatbox_main_options{position:absolute;bottom:0;left:0;z-index:1;color:#818181!important;height:34px;font-size:0;margin:0;margin-bottom:-25px}#chatbox_main_options li a[onclick*="ajax_refresh_chatbox"]{font-size:0;background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) no-repeat center #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives=1"],#chatbox_main_options a[href="/chatbox/index.forum?archives"]{font-size:0;background:url(http://www.dreamtemplate.com/dreamcodes/web_icons/gray-archive-icon.png) no-repeat center whiteSmoke;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives"]{background-color:#E6E6E6}#chatbox_main_options li a[onclick="CB_disconnect();"]{border-right:0;padding:0}#chatbox_main_options li a[onclick="CB_disconnect();"] span{font-size:0;background:url(http://i.imgur.com/xXA8w.gif) no-repeat 50% 50% #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_footer{padding:0;background:url() #f5f5f5;border-top:1px solid #CFCFCF;display:block!important;border-radius:0}#chatbox_messenger_form .right {padding:0;font-size:0}
#chatbox_messenger_form .right input#message{height:34px;font-weight:normal;background-color:white;background-image:url();border:0;height:34px;margin-bottom:0;font-size:16px;cursor:default;padding:0 0 0 5px;outline:none;width:304px}#chatbox_messenger_form .right input[name="submit_button"]{height:33px;font-size:15px;border:0;background-color:transparent;padding-left:10px;padding-right:11px;margin-left:-4px;cursor:default;font-weight:normal}#chatbox_messenger_form .right img[src="http://illiweb.com/fa/subsilver/wysiwyg/menupop.gif"],#chatbox_members h4.member-title,#chatbox_main_options li#chatbox_option_autorefresh,#chatbox p.clearfix span.date-and-time,#chatbox p.clearfix:hover span.date-and-time{display:none}#chatbox_header{height:0;font-size:0}#chatbox{top:32px;left:0}#chatbox p.clearfix:first-child{padding-top:8px}#chatbox_members{position:absolute;z-index:1;height:31px;left:0;top:0;width:100%;background:url(http://www.addthis.com/forum/styles/addthis2/theme/images/whosonline.gif) 8px -3px no-repeat white;overflow-y:hidden;border-bottom:1px solid #CFCFCF}#chatbox_members li{display:inline;margin-right:0}#chatbox_members a:last-child:after{content:', '}
#chatbox_members li:last-child a:last-child:after{content:''}#chatbox_members ul{padding-top:8px;font-size:12px;margin:0;overflow-y:hidden;overflow-x:auto;margin-left:46px;padding-right:8px;padding-bottom:0;white-space:nowrap;height:23px;max-width:none}#chatbox_footer #chatbox_messenger_form .right .fontbutton:hover,#chatbox_header #chatbox_main_options.chatbox-options a:hover,#chatbox_header #chatbox_main_options.chatbox-options span:hover,#chatbox_messenger_form .right input[name="submit_button"]:hover{background-color:#CFCFCF!important}#chatbox_footer #chatbox_messenger_form .right .fontbutton.fontbutton_selected{background-color:#E6E6E6}#chatbox p.clearfix{background-color:#EDEFF4;margin:0;padding:5px;padding-left:0;margin-left:7px;margin-right:7px}#chatbox p.clearfix span.user,#chatbox p.clearfix .msg,#chatbox_main_options li{font-size:0}#chatbox p.clearfix .msg,#chatbox p.clearfix span.user *{font-family:Verdana;font-size:12px}.user a[href*="/u"]{margin-right:8px}.user span:first-child strong{margin-right:4px}.user span:last-child strong{margin-right:0}a[onclick*="ajax_refresh_chatbox"]:hover{background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) 50% 50% no-repeat #000!important}#chatbox p.clearfix[class^="chatbox_row_1"] span[style="font-style:italic"]{font-size:15px;font-style:normal!important;margin-left:-66px;background-color:#EDEFF4}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child{font-size:0px}#chatbox p.chatbox_row_1.clearfix:first-child span[title]:first-child{visibility:hidden}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child:before{margin-left:7px;background:url(http://i.imgur.com/xXA8w.gif) top left no-repeat;background-size:20px;padding-left:22px;content:'Entre para conversar';font-size:15px}#chatbox_contextmenu{z-index:1}#chatbox_messenger_form{margin-top:0px}.user-msg{display:inline-block;padding-left:38px;background:url(http://i.imgur.com/BMdww.gif) no-repeat top left;background-size:32px 32px;min-height:32px}.user-msg .msg{display:block}.user-msg .msg span{border-image-width:0px;border:0px;border-image-source:url(http://i.imgur.com/BMdww.gif);}
.forabg .forumbg{
background: #FFFFFF url('http://narutonovaerarevo.forumeiros.com/')!Important;
}
.postprofile {
padding: 5px;
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
padding: 5px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}

  /*Alterar Informações
 Preferências  Avatar

  Ver
 Amigos e ignorados Tópicos supervisionados  Rascunhos  Tópicos favoritos

  Tópicos e mensagens Mensagens Privadas Meus tópicos Tópicos que participo  Minhas mensagens Novas mensagens ({USERLASTVISIT})*/
div.user-basic-info img{
    margin: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

div.user-basic-info img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
div.user-basic-info img{
    margin: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.user-basic-info img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
  #pun-intro{
    border-bottom: none;
  }
    .avat-miembro {
    float: left;
    }
    .avat-miembro img {
    width: 40px;
    height: 40px;
    padding: 1px;
    margin: 0 5px;
    border-radius: 10px
    }
O erro persiste?

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Avatar do postador nas Categorias

Mensagem por Aiolos em 17/11/12, 08:22 pm

O erro sumiu, mas não apareceu o efeito desejado dos avatares...
avatar

Aiolos
Nível 2

Masculino
Inscrito dia : 16/11/2012
Mensagens : 11
Pontos Ativos : 15

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

Resolvido Re: Avatar do postador nas Categorias

Mensagem por BrunoH. em 17/11/12, 08:25 pm

Olá!
Me conceda o código JavaScript utilizado pelo senhor.
Painel de Controle ->> Módulos ->> HTML & JAVASCRIPT ->> Gestão dos Códigos JavaScript
Procure pelo código do Avatar nas últimas mensagens, e me envie.

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Avatar do postador nas Categorias

Mensagem por seender em 17/11/12, 08:26 pm

Olá!

Retire todo e qualquer código referente a adição deste efeito e utilize apenas este:
Código:
$(document).on('ready', function() {
        $('td.tcr').prepend('<div class="avat-miembro"><div>');
        $('td.tcr .avat-miembro').each(function () {
            var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
            $(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
            $(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
        });
    });
Em sua folha estilo CSS adicione o código abaixo:
Código:
    .avat-miembro {
    float: left;
    }
    .avat-miembro img {
    width: 40px;
    height: 40px;
    padding: 1px;
    margin: 0 5px;
    border-radius: 10px
    }
Resolve?

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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