ραwη єvøłuŧiøη - єsŧαмøs dє Vøłŧα є Rєcruŧαηdø ŧαмbєм - Iηscrєvα-sє Já є єηŧrє ραrα ηøssα єquiρє!

    (CSS) Destacar quantidade de tópicos e mensagens

    Compartilhe
    Crowler †
    Crowler †
    Membro Novato
    Membro Novato

    Mensagens : 73
    Pontos : 114
    Reputação : 5
    Data de inscrição : 24/08/2012

    (CSS) Destacar quantidade de tópicos e mensagens

    Mensagem por Crowler † em 8/28/2012, 14:24

    [color:b60b=red][b]Crow[/color]ler[/b][center]

    Aceda-se
    [b]Painel de controle > Visualização > Templates > Geral > index_box[/b]

    Vamos buscar duas variáveis com valores 'class=""' já atribuídos, ou seja, vamos encontrar uma variável chamada class="tc2" que é responsável pela personalização do da quantidade de tópicos que aparece na página principal nos fóruns.

    No template Index_body, procure as seguintes varáveis:
    [code] <td class="tc2">{catrow.forumrow.TOPICS}</td>
    <td class="tc3">{catrow.forumrow.POSTS}</td>[/code]

    Ao encontrar, você vai adicionar mais uma tag HTML chamada "<div>", só que esta terá uma classe. Que classe é essa? Será uma classe que vamos criar que personalizará e resultará no efeito.
    Vamos adicionar a tag [b]"<div class=""></div>"[/b] no seu template, e entre as aspas vamos colocar a classe for_topics ou for_posts. Então o código será:
    [code] <td class="tc2"><div class="for_topics">{catrow.forumrow.TOPICS}</div></td>
    <td class="tc3"><div class="for_posts">{catrow.forumrow.POSTS}</div></td>[/code]
    Ao aplicar, salve seu template e publique.

    [b]Para finalizar o efeito, temos que aplicar um código CSS.[/b]
    [code].for_topics {
    width: 74px;
    height: 33px;
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    color: #0e2c3e;
    padding-top: 3px;
    margin-left: 13px;
    }

    .for_topics span {
    display: block;
    color: #105289;
    font-size: 10px;
    }

    .for_posts {
    width: 74px;
    height: 33px;
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    color: #0e2c3e;
    padding-top: 3px;
    margin-left: 13px;
    }

    .for_posts span {
    display: block;
    color: #105289;
    font-size: 10px;
    }[/code]

    Outras Versões:
    [b]phpBB2[/b]

    Em Phpbb2, você poderá modificar o template em Painel de controle Visualização Templates Geral index_box e procurar pelo seguinte código:
    [code] <td class="row3" align="center" valign="middle" height="50">
    <span class="gensmall">{catrow.forumrow.TOPICS}</span>
    </td>
    <td class="row2" align="center" valign="middle" height="50">
    <span class="gensmall">{catrow.forumrow.POSTS}</span>
    </td>
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
    </td>[/code]

    E substituir por esse:
    [code] <td class="row3" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="for_topics">{catrow.forumrow.TOPICS}</div></span>
    </td>
    <td class="row2" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="for_posts">{catrow.forumrow.POSTS}</div></span>
    </td>
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
    </td>[/code]



    [b]phpBB3[/b]
    [code].lastpost {
    -moz-border-radius: 7px;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-border-radius: 7px;
    -webkit-box-shadow: 0 0 8px #666;
    border: 2px solid #EEE;
    border-image: initial;
    border-radius: 10px;
    box-shadow: 0 0 7px #666;
    margin: 3px;
    width: auto;
    }[/code]

    [b]Invision[/b]
    [code]tbody .row1 span{
    -moz-border-radius: 7px;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-border-radius: 7px;
    -webkit-box-shadow: 0 0 8px #666;
    border: 2px solid #EEE;
    border-image: initial;
    border-radius: 10px;
    box-shadow: 0 0 7px #666;
    padding: 3px;
    height: 100px;
    width: 100px;
    }[/code]

    Resultado veja você mesmo :D[/center]



    [center][img][Você precisa estar registrado e conectado para ver este link.]
    [img][Você precisa estar registrado e conectado para ver este link.]
    Crowler †
    Crowler †
    Membro Novato
    Membro Novato

    Mensagens : 73
    Pontos : 114
    Reputação : 5
    Data de inscrição : 24/08/2012

    Re: (CSS) Destacar quantidade de tópicos e mensagens

    Mensagem por Crowler † em 8/28/2012, 17:05

    è Trabalho não pedido '-' !



    [center][img][Você precisa estar registrado e conectado para ver este link.]
    [img][Você precisa estar registrado e conectado para ver este link.]
    avatar
    Convidad
    Convidado

    Re: (CSS) Destacar quantidade de tópicos e mensagens

    Mensagem por Convidad em 8/28/2012, 17:13

    LESGAU !
    ρaυlσ gυilнєямє
    ρaυlσ gυilнєямє
    Membro Novato
    Membro Novato

    Mensagens : 61
    Pontos : 85
    Reputação : 3
    Data de inscrição : 28/08/2012
    Idade : 23
    Localização : Atras de Você com uma faca

    Re: (CSS) Destacar quantidade de tópicos e mensagens

    Mensagem por ρaυlσ gυilнєямє em 8/28/2012, 17:55

    é Legal... eu que mecho com CSS a um tempo gostei!



    [center][img][Você precisa estar registrado e conectado para ver este link.]

    [color:a330=green][size=18][center][b]Meu fã? Meu amigo? Usa em sua assinatura[/b][/center][/size][/color]

    [center][img][Você precisa estar registrado e conectado para ver este link.]

    [color:a330=blue][size=18][center][b]Meus Parceiros[/b][/center][/size][/color]

    [center][img][Você precisa estar registrado e conectado para ver este link.]

    [img][Você precisa estar registrado e conectado para ver este link.]
    Killer
    Killer
    Membro Novato
    Membro Novato

    Mensagens : 83
    Pontos : 124
    Reputação : 5
    Data de inscrição : 24/08/2012

    Re: (CSS) Destacar quantidade de tópicos e mensagens

    Mensagem por Killer em 8/28/2012, 18:48

    [color:3902=brown]Bom de Mais[/color]



                                                                                                                                          [size=9][color:5c30=cyan]Sign [/color][/size]
                                                                                                                                          [img][Você precisa estar registrado e conectado para ver este link.]
                                                                                                                                        ________________________________________________________________________
                                                                                                                                                               [size=9][color:5c30=cyan]Meu Fan? Usae po ! :)[/color][/size]
                                                                                                                                                     [img][Você precisa estar registrado e conectado para ver este link.]
    JonasEmanuel
    JonasEmanuel
    Fundador
    Fundador

    Mensagens : 133
    Pontos : 160
    Reputação : 10
    Data de inscrição : 18/07/2012
    Idade : 22

    Re: (CSS) Destacar quantidade de tópicos e mensagens

    Mensagem por JonasEmanuel em 8/28/2012, 21:00

    Massa..

    Conteúdo patrocinado

    Re: (CSS) Destacar quantidade de tópicos e mensagens

    Mensagem por Conteúdo patrocinado


      Data/hora atual: 3/22/2019, 22:14