Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Como colocar as categorias assim?

+2
Štronda
Stronda™
6 participantes

Início :: Forumeiros :: NostalgiaComo colocar as categorias assim?

Stronda™ Stronda™  • Seg 15 Abr 2013 - 13:41

Como colocar as categorias assim? Empty Como colocar as categorias assim? Seg 15 Abr 2013 - 13:41

Reputação da mensagem: 100% (1 votos)
Qual é minha questão:
Gostaria de deixar as Categorias do meu fórum igual o daki da BS segue print:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Aguem Sabe?

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão do fórum:
PHPBB3

Štronda Štronda  • Seg 15 Abr 2013 - 15:24

Como colocar as categorias assim? Empty Re: Como colocar as categorias assim? Seg 15 Abr 2013 - 15:24

Reputação da mensagem: 100% (1 votos)
Mini Avatar Adicione em seu CSS
Código:
/*-------MINI AVATAR------*/
.mini_ava {
float: left;
}
.mini_ava img {
-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 2px;
background: rgb(255, 255, 255);
border: 1px solid rgb(0, 0, 0);
border-image: initial;
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 2px;
height: 36px;
margin: 0px 5px;
padding: 1px;
width: 36px;
}
.mini_ava img:hover {
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
border-color: rgb(161, 161, 161);
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
}
/*-------MINI AVATAR------*/

Numero das mensagens e tópicos
Leia este tópico: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Stronda™ Stronda™  • Seg 15 Abr 2013 - 16:01

Como colocar as categorias assim? Empty Re: Como colocar as categorias assim? Seg 15 Abr 2013 - 16:01

Reputação da mensagem: 100% (1 votos)
Štronda o mini Avatar não Apareceu no meu Fórum =s

D'Leandro™ D'Leandro™  • Seg 15 Abr 2013 - 16:21

Como colocar as categorias assim? Empty Re: Como colocar as categorias assim? Seg 15 Abr 2013 - 16:21

Reputação da mensagem: 100% (1 votos)
Ola!

O Mini Avatar nescessita de um JS.

Até mais.

Stronda™ Stronda™  • Seg 15 Abr 2013 - 16:27

Štronda Štronda  • Seg 15 Abr 2013 - 16:52

Como colocar as categorias assim? Empty Re: Como colocar as categorias assim? Seg 15 Abr 2013 - 16:52

Reputação da mensagem: 100% (1 votos)
ai o JS mals tinha esquecido
Código:
jQuery(document).ready(function(){
       
    if(!window.localStorage) return;
 
    // Avatar par défaut
    var default_avatar= 'http://i.imgur.com/4v2MR.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);
    };
 
});

[Dark]Doki-. [Dark]Doki-.  • Seg 15 Abr 2013 - 16:53

Como colocar as categorias assim? Empty Re: Como colocar as categorias assim? Seg 15 Abr 2013 - 16:53

Reputação da mensagem: 100% (1 votos)
Para ter o mini avatar adicione esse javascript em "Index"
Código:
jQuery(document).ready(function(){if(!window.localStorage)return;var default_avatar='http://2img.net/i/fa/invision/pp-blank-thumb.png';var caching_time=24*60*60*1000;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)}});
Depois adicione este Css :
Código:
.mini_ava img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 36px;
margin: 0 5px;
padding: 1px;
width: 36px;
float: left;
}

Stronda™ Stronda™  • Seg 15 Abr 2013 - 17:01

Como colocar as categorias assim? Empty Re: Como colocar as categorias assim? Seg 15 Abr 2013 - 17:01

e os Numero das mensagens e tópicos alguem pode me explicar?

Štronda Štronda  • Seg 15 Abr 2013 - 17:08

Como colocar as categorias assim? Empty Re: Como colocar as categorias assim? Seg 15 Abr 2013 - 17:08

Esse eu tbm não entendii :/ até desistii :p

Daemon Daemon  • Seg 15 Abr 2013 - 17:40

Como colocar as categorias assim? Empty Re: Como colocar as categorias assim? Seg 15 Abr 2013 - 17:40

Reputação da mensagem: 100% (1 votos)
O fórum dele é phpbb3...

Adicione ao seu css:
Código:

dd.views, dd.posts, dd.topics {
font-size: 16px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
display: block;
text-align: center;
color: #BBB;
position: relative;
overflow: hidden;
}

Stronda™ Stronda™  • Seg 15 Abr 2013 - 21:20

Como colocar as categorias assim? Empty Re: Como colocar as categorias assim? Seg 15 Abr 2013 - 21:20

Reputação da mensagem: 100% (1 votos)
Muito Obrigado a Vocês ai e Daemon Vlw por notar a Versão do meu fórum e passar este Coidgo!

Podem da Closed!

[F]lames [F]lames  • Seg 15 Abr 2013 - 21:32

Como colocar as categorias assim? Empty Re: Como colocar as categorias assim? Seg 15 Abr 2013 - 21:32

Reputação da mensagem: 100% (1 votos)
Tópico Resolvido; e Bloqueado

Conteúdo patrocinado  • 

Como colocar as categorias assim? Empty Re: Como colocar as categorias assim?

Início :: Forumeiros :: Nostalgia:: Como colocar as categorias assim?
Permissões neste sub-fórum
Não podes responder a tópicos