Personalização do widget tópicos recentes

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

Resolvido Personalização do widget tópicos recentes

Mensagem por Triton em Dom 22 Jan 2012 - 6:15

Qual é minha questão:
Eu gostaria de colocar os últimos assuntos do meu fórum daquele jeito, quem poder me ajudar obrigado

Medidas que eu tomei para corrigir o problema:
Nada

Imagens do meu problema:
http://img651.imageshack.us/img651/5325/comocolocar.png

Endereço do meu fórum:
http://visible.forum-livre.com/

Versão do meu fórum:
PUNBB
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Cream em Dom 22 Jan 2012 - 11:16

Bom dia,

Leia o conteúdo do spoiler:
Spoiler:



Personalização do widget "tópicos recentes"
Em muitas plataformas pagas é possível incrementar e dar um ar profissional aos tópicos recentes. Neste tutorial, através da edição de templates disponível apenas para PHPBB2 e PunBB, faremos essa personalização que dará ao vosso fórum, um incremento especial!

--> Tutoriais, dicas e astúcias <--
Personalização do widget "tópicos recentes"


Nº1 - Modificação das opções dos módulos

Painel de controle avançado >> Módulos >> Portal & Widgets >> Gestão dos Widgets do fórum >> Opções gerais dos widgets do fórum


Seta Exibir os widgets do fórum : - Nesta opção, deverá marcar: "Sim"
Seta Largura da coluna 1 (esquerda) e 3 (direita) : - Nestas opções, deverá preencher com o valor: "180" em ambos os boxes.
Seta Distância entre dois widgets : - Neste box, o valor deve ser "0"
Seta Espaço entre duas colunas : - Neste box, o valor deve ser "0"

Nº2 - Inserir o widget e configura-lo

Painel de controle avançado >> Módulos >> Portal & Widgets >> Gestão dos Widgets do fórum >> Tópicos recentes


Insira o widget em uma das colunas, como mostra a imagem acima e, em seguida, acione a modificação do widget através do botão modificar ""


(Imagem já modificada de acordo com os passos abaixo)
Seta Quantidade de tópicos recentes : - Nesta opção, opte por : "10"
Seta Ativar o scrolling dos tópicos recentes : - Nesta opção, opte por : "Não"
Seta Sentido do deslocamento dos tópicos : - Nesta opção, opte por : "Topo"
Seta Altura da tabela contendo os tópicos recentes : - Nesta opção, opte por : "180"
Seta Tempo de espera entre dois deslocamentos : - Nesta opção, opte por : "0"
Seta Sem progressão do scrolling : - Nesta opção, opte por : "0"

Nº3 - Edição dos templates

Painel de controle avançado >> Templates >> Geral >> overall_header

PHPBB2

Ache o seguinte código:

Código:
 <td valign="top" width="{C1SIZE}">
                                  <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                  </div>
                              </td>

E substitua-o por:

Código:
 <td valign="top" width="100%">
                                  <div id="center">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                  </div>
                              </td></tr><tr>

Painel de controle avançado >> Templates >> Portal >> mod_recent_topics

Delete todo o conteúdo da página e adicione o seguinte:

Código:
 <style>
    div.title {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    text-align:center;
    }
    </style>
    <!-- BEGIN classical_row -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="3" align="center"><tbody>
    <thead><tr><th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
    <div class="ist">Tópicos recentes</div>
    </th></tr></thead>
    <tr>
    <td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%">
    <table border="0" cellpadding="0" cellspacing="0" colspan="3" width="100%">
   
    <tr><td class="catHead" colspan="2" width="50%">
    <div class="title"><font color="black">Tópico:</font></div>
    </td>
    <td class="catHead" colspan="1" width="25%">
    <div class="title"><font color="black">Postado em:</font></div>
    </td>
    <td class="catHead" colspan="1" width="25%">
    <div class="title"><font color="black">Feito por:</font></div>
    </td></tr>
   
    <tr valign="top">
    <td colspan="1" style="border-top: 0px none; padding: 0px; background: transparent url(http://illiweb.com/fa/pbucket.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://illiweb.com/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://illiweb.com/fa/pbucket.gif" width="50%">
   
    <!-- BEGIN recent_topic_row -->
    <a href="{classical_row.recent_topic_row.U_TITLE}"><b><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></b></a><br>
   
    <!-- END recent_topic_row -->
    </td>
    <td style="border-top: 0px none; padding: 0px; line-height: 16.5px; background-repeat: repeat;" align="center" background="http://illiweb.com/fa/pbucket.gif" width="25%">
    <span class="gensmall">
    <!-- BEGIN recent_topic_row -->
    <img src="http://img816.imageshack.us/img816/9845/11750606.png" width="16px" height="16px" />
    {ON} {classical_row.recent_topic_row.S_POSTTIME}
    <br><!-- END recent_topic_row -->
    </span>
    </td>
    <td style="border-top: 0px none; padding: 0px; line-height: 17px; background-repeat: repeat;" align="left" background="http://illiweb.com/fa/pbucket.gif" width="25%">
    <!-- BEGIN switch_poster -->
    <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
    <!-- END switch_poster -->
    <!-- BEGIN switch_poster_guest -->
    {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
    <!-- END switch_poster_guest -->
    <!-- BEGIN recent_topic_row -->
    <img src="http://www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png">
    <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.switch_poster.S_POSTER}</font></a>
    <br><!-- END recent_topic_row -->
   
    </td>
    </tr></table></td></tr></tbody></table>
    <!-- END classical_row -->

PunBB

Painel de controle avançado >> Templates >> Geral >> overall_header

Ache o seguinte código:

Código:
<div id="{ID_LEFT}">
                                        <!-- BEGIN giefmod_index1 -->
                                        {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                        <!-- END giefmod_index1 -->
                                    </div>

Substitua-o por:

Código:
 <td valign="top" width="100%"><div id="center">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                  </div></td>

Painel de controle avançado >> Templates >> Portal >> mod_recent_topics

Delete todo o conteúdo da página e adicione o seguinte:

Código:
<style>
    div.title {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    text-align:center;
    }
    </style>
    <!-- BEGIN classical_row -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="3" align="center"><tbody>
    <thead><tr><th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
    <div class="ist"> Últimos tópicos:</div>
    </th></tr></thead>
    <tr>
    <td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%">
    <table border="0" cellpadding="0" cellspacing="0" colspan="3" width="100%">
   
    <tr><td class="catHead" colspan="2" width="50%">
    <div class="title"><font color="black">Tópico:</font></div>
    </td>
    <td class="catHead" colspan="1" width="25%">
    <div class="title"><font color="black">Postado em:</font></div>
    </td>
    <td class="catHead" colspan="1" width="25%">
    <div class="title"><font color="black">Feito por:</font></div>
    </td></tr>
   
    <tr valign="top">
    <td colspan="1" style="border-top: 0px none; padding: 0px; background: transparent url(http://illiweb.com/fa/pbucket.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://illiweb.com/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://illiweb.com/fa/pbucket.gif" width="50%">
   
    <!-- BEGIN recent_topic_row -->
    <a href="{classical_row.recent_topic_row.U_TITLE}"><b><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></b></a><br>
   
    <!-- END recent_topic_row -->
    </td>
    <td style="border-top: 0px none; padding: 0px; line-height: 16.5px; background-repeat: repeat;" align="center" background="http://illiweb.com/fa/pbucket.gif" width="25%">
    <span class="gensmall">
    <!-- BEGIN recent_topic_row -->
    <img src="http://img816.imageshack.us/img816/9845/11750606.png" width="16px" height="16px" />
    {ON} {classical_row.recent_topic_row.S_POSTTIME}
    <br><!-- END recent_topic_row -->
    </span>
    </td>
    <td style="border-top: 0px none; padding: 0px; line-height: 17px; background-repeat: repeat;" align="left" background="http://illiweb.com/fa/pbucket.gif" width="25%">
    <!-- BEGIN switch_poster -->
    <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
    <!-- END switch_poster -->
    <!-- BEGIN switch_poster_guest -->
    {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
    <!-- END switch_poster_guest -->
    <!-- BEGIN recent_topic_row -->
    <img src="http://www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png">
    <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.switch_poster.S_POSTER}</font></a>
    <br><!-- END recent_topic_row -->
   
    </td>
    </tr></table></td></tr></tbody></table>
    <!-- END classical_row -->

Se desejar alterar as imagens que acompanham os respectivos locais, procurem no código as seguintes URL's:


Resultado:


--> FAQ do Tutorial <--
Personalização do widget "tópicos recentes"


  • Posso alterar algum valor do primeiro passo do tutorial?
    Sim, contudo, alguns itens foram dispostos daquela forma por algumas funções serem limitadas, porém, não impede a vós, de alterar, por exemplo, quantos tópicos recentes possa ter disposto no widget, desde que, não ultrapasse os números da imagem (20), por exemplo.




© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Personalização do widget "tópicos recentes"


Melhores cumprimentos!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Seg 23 Jan 2012 - 14:29

Cream, foi porém sabe o espaço que as winget ficaria ocupando nrml, então ele ficou so que vário entra para você ver

http://visible.forum-livre.com/forum#axzz1kHyvfrHl
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Ace em Seg 23 Jan 2012 - 14:33

Olá,

É recomendável você colocar em uma coluna central, pois o mesmo, necessita de bastante espaço.

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Seg 23 Jan 2012 - 14:34

Como eu faço isso?
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Ace em Seg 23 Jan 2012 - 14:35

Olá,

No seu portal, coloque o widget na parte central de seu fórum, resultando assim, no referido acima Piscada

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Seg 23 Jan 2012 - 14:36

Mais e na index?
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Ace em Seg 23 Jan 2012 - 14:37

Olá,

Revendo o tópico, o link que enviou já resultou. Não entendi sua dúvida portanto, pode ser mais claro? Piscada

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Seg 23 Jan 2012 - 14:41

No portal eu já concerte entra no fórum mesmo e você vai ver converse comigo no xat

http://visible.forum-livre.com/forum#axzz1kHyvfrHl
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Ace em Seg 23 Jan 2012 - 14:46

Olá,

Na parte do "Index" o widget está numa coluna lateral, cujo espaço não é bem aproveitado pelo widget. No caso, troque a posição do widget para a área central

(Coluna 1)
(Coluna 2)
(Coluna 3)

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Seg 23 Jan 2012 - 14:47

Mais não existe coluna 2 na index --'
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Ace em Seg 23 Jan 2012 - 14:52

Olá,

Você se refere aos "Widgets do fórum" correto?

A sim, portanto, o conteúdo do seu fórum fica no centro e a opção das colunas laterais apenas.

Sendo assim, infelizmente, não há como aplicar a não ser daquela forma antes citada. (Portal)

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Seg 23 Jan 2012 - 14:53

Tem sim eu vi em uma fórum olha a imagem que eu postei no começo !! Ficava na index e fica centralizado e não mudou nada no fórum --' Quem fez foi o Designer EduardoWenes
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Ace em Seg 23 Jan 2012 - 14:54

Olá,

Me mande o fórum onde viu isso para saber onde ele aplicou o código.

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Seg 23 Jan 2012 - 14:56

Na index, mais hakiaram o fórum dele, era o winkpixel.forumeiros.net
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Ace em Seg 23 Jan 2012 - 14:59

Olá,

Poderia me dar uma noção da posição em que o widget se encontrava? Ele se encontrava na parte superior do fórum, acima dos conteúdos do mesmo?

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Seg 23 Jan 2012 - 15:00

Igual o meu só que o dele ficou centralizado e não atrapalho como no meu :S
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Ter 24 Jan 2012 - 9:55

Me ajudem por favor
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Ter 24 Jan 2012 - 16:50

O gente já faz 2 dias me ajuda aqui por favor
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Ace em Ter 24 Jan 2012 - 16:56

Olá,

Eu até hoje não compreendi exatamente o que deseja. Você quer ajustar o que no Widget?

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Ter 24 Jan 2012 - 16:57

Quero deixa-lo maior... quero almentar o espaço que este winget ocupa
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Ace em Ter 24 Jan 2012 - 17:05

Olá,

Mas note que o Widget acompanha exatamente a linha de termino das categorias e fóruns.

O Widget acompanha, portanto, o tamanho do seu fórum. Se aumentar o espaçamento de seu fórum, logo, o widget acompanhará as modificações.

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Ter 24 Jan 2012 - 21:12

E como eu posso fazer isso?
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Convidad em Ter 24 Jan 2012 - 22:54

Olá,

Tente fazer o seguinte:

Vá em:
Painel de controle Seta curta Visualização Seta curta Cores Seta curta "Aba" Folha CSS.



Procure este código no conteúdo:

Código:
.pun {
line-height: 130%;
margin: 0 auto;
min-width: 768px;
padding: 5px;
width: 1000px;
}

Substitua por este:
Código:
.pun {
line-height: 130%;
margin: 0 auto;
min-width: 768px;
padding: 5px;
width: 1300px;
}

Salve e visualize seu fórum. Piscada
Até mais.

Convidad
Convidado


Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Triton em Qua 25 Jan 2012 - 5:35

Não existe esse código amigo
avatar

Triton
Nível 5

Masculino
Inscrito dia : 13/12/2011
Mensagens : 56
Pontos Ativos : 81

Ver perfil do usuário http://one-cheats.forumeiros.com

Resolvido Re: Personalização do widget tópicos recentes

Mensagem por Convidad em Sex 27 Jan 2012 - 13:35

Olá,

Então adicione-o em sua folha CSS:

Código:
.pun {
line-height: 130%!important;
margin: 0 auto!important;
min-width: 768px!important;
padding: 5px!important;
width: 1300px!important;
}

Salve e visualize seu fórum.
Até mais. Piscada

Convidad
Convidado


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