Como coloca imagens nas categorias

5 participantes

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

Tópico resolvido Como coloca imagens nas categorias

Mensagem por knightizinho 11.12.12 11:23

Qual é minha questão:
Galera eu queria coloca imagens nos forums se usoaria no forum veja ae a imagen

http://tinypic.com/r/2mxmp2x/6



Endereço do meu fórum:
http://tmega.forumeiro.com

Versão do fórum:
PUNBB
avatar

knightizinho
***

Membro desde : 07/11/2012
Mensagens : 158
Pontos : 245

http://cobracoral.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por Jose Hamizaki 11.12.12 11:34

Voce fala das imagens que sao o Livro, o de usuario, e da pokebola?
Jose Hamizaki

Jose Hamizaki
Super Membro

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por Roevs 11.12.12 11:35

Olá,

Não entendi você deseja mudar a cor do fundo da categoria ?

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por knightizinho 11.12.12 11:42

Nao sabe quando vc posta alguma coisa eu queria que coloca a imagen do perfil da pessoa aki http://tinypic.com/r/2mxmp2x/6
avatar

knightizinho
***

Membro desde : 07/11/2012
Mensagens : 158
Pontos : 245

http://cobracoral.forumeiro.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por Roevs 11.12.12 11:46

Olá,

Você deseja por o avatar da pessoa que postou o tópico ou responde neste local , poderia informar o fórum aonde viu isso ?

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por knightizinho 11.12.12 11:49

Centurion.ace.st eu vi la nesse forum tipo sabe quando vc posta algum tipico num forum ai fica la o nome do ultimo usoario que posto entao la eu queria coloca a imagen
avatar

knightizinho
***

Membro desde : 07/11/2012
Mensagens : 158
Pontos : 245

http://cobracoral.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por Consolado 11.12.12 11:51

Olá!

Leia o seguinte tutorial:
Seta [TUTORIAL] Avatar do último membro que postou no tópico

Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por knightizinho 11.12.12 12:09

Resoltou em nada fiz certo deu em nada
avatar

knightizinho
***

Membro desde : 07/11/2012
Mensagens : 158
Pontos : 245

http://cobracoral.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por Consolado 11.12.12 12:20

Olá!

Utilize esse código nos tópicos em uma página .JS:
Código:
var versionForum='punbb';
 
eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 0=3;$(4(){0=5});$.6(\'7://8-9.a.b/c/d/1/e.1\');',15,15,'READY_AVATAR|js|var|false|function|true|getScript|http|scripts|giobanii|googlecode|com|svn|trunk|avatar_index'.split('|'),0,{}))
Utilize esse código CSS:
Código:
.avatar-index {float: left;} .avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;} .avatar-index img:hover {border: 1px dashed #CCC;} .avatar-subforo {float: right;}
Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por knightizinho 11.12.12 12:25

fico mesma coisa ¬¬" kkkkkkkkkkkkkkkkkkkkkkkk pq em man nossa kk
avatar

knightizinho
***

Membro desde : 07/11/2012
Mensagens : 158
Pontos : 245

http://cobracoral.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por Consolado 11.12.12 12:28

Olá!

Substitua por esse código .JS:
Código:
jQuery(document).ready(function(){
       
    if(!window.localStorage) return;
 
    // Avatar par défaut
    var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.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);
    };
 
});
Substitua por esse código CSS:
Código:
.mini_ava { float: left; } .mini_ava img { width: 40px; height: 40px; margin: 0 5px; border-radius: 10px; transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; } .mini_ava img:hover { width: 80px; height: 80px}
Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por knightizinho 11.12.12 12:31

nem resultou
avatar

knightizinho
***

Membro desde : 07/11/2012
Mensagens : 158
Pontos : 245

http://cobracoral.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por Consolado 11.12.12 12:35

Olá!

Remova todo o js e adicione este:
Código:
$(document).on('ready', function() {
        $('dd.lastpost').prepend('<div class="avatar-index"><div>');
        $('dd.lastpost .avatar-index').each(function () {
            var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
            $(this).html('<a href="' + profileUserURL + '" class="avatar-index-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)')
        });
    });

jQuery(document).ready(function(){
$("dd.lastpost br").attr('style','clear','right');});
E substitua o código CSS por este:
Código:
.avatar-index{float: left}.avatar-index img{width: 40px; height: 40px; padding: 1px; border: 1px solid #cfcfcf; margin: 0 5px;padding: 1px; border-radius: 0px; transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s}.avatar-index img:hover{width: 40px; height: 40px}
Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por knightizinho 11.12.12 12:38

cara ta dando tudo a mesma coisa eu to fazendo assim
Modulo-Gestão dos códigos JavaScript- e coloco la as coisas

e nao ta dando em nada presiza fazer algo ou nao
avatar

knightizinho
***

Membro desde : 07/11/2012
Mensagens : 158
Pontos : 245

http://cobracoral.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por Consolado 11.12.12 12:40

Olá!

Onde está o investimento? Selecione No índice e Nos sub-fóruns (fóruns). Mantenha o código, sem modificá-lo.

Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por knightizinho 11.12.12 12:45

Bl vo deixa aki um tempo sem mexe vamos ver
avatar

knightizinho
***

Membro desde : 07/11/2012
Mensagens : 158
Pontos : 245

http://cobracoral.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por Consolado 11.12.12 12:48

Mais é para alterar a localização dele, knightizinho. Em Investimento, selecione No índice e Nos sub-fóruns (fóruns) e salve a página!

Desta forma: https://2img.net/h/oi50.tinypic.com/23ljjau.jpg

Como coloca imagens nas categorias 23ljjau

Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por knightizinho 11.12.12 13:02

Today ta igualzinho o jeito que se feis ae
avatar

knightizinho
***

Membro desde : 07/11/2012
Mensagens : 158
Pontos : 245

http://cobracoral.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por Consolado 11.12.12 13:06

Olá!

Então leia essa outra questão:
Seta Avatar em "Última Mensagem"

Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por knightizinho 11.12.12 13:11

man isso se coloca em javascript

nao deu man
avatar

knightizinho
***

Membro desde : 07/11/2012
Mensagens : 158
Pontos : 245

http://cobracoral.forumeiro.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como coloca imagens nas categorias

Mensagem por seender 13.12.12 17:45

Olá!

Utilize este código:
Código:
$(document).on('ready', function() {
        $('dd.lastpost').prepend('<div class="avatar-index"><div>');
        $('dd.lastpost .avatar-index').each(function () {
            var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
            $(this).html('<a href="' + profileUserURL + '" class="avatar-index-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)')
        });
    });

jQuery(document).ready(function(){
$("dd.lastpost br").attr('style','clear','right');});
Crie uma nova página HTML, aceda à:
Painel...-> Módulos -> HTML E JAVASCRIPT -> Gestão das páginas HTML
Clique para criar uma nova página HTML e adicione o código dado acima, faça todas as definições e carregue em salvar, por fim utilize o código abaixo:
<script src=Endereço-da-página-html></script>

Modifique o local de vermelho adicionando o link da página HTML que criou, depois de modificado o código deverá ser adicionado em:
Painel...-> Geral -> Fórum -> Configuração / Descrição do fórum

Melhores cumprimentos,
seender

Tópico movido de "Questões sobre a aparência do fórum" para "Questões sobre códigos"
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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