Personalização do widget tópicos recentes

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

Atendido / Resolvido Personalização do widget tópicos recentes

Mensagem por Triton em 22.01.12 9: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:
https://redcdn.net/ihimizer/img651/5325/comocolocar.png

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

Versão do meu fórum:
PUNBB
Triton

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Cream em 22.01.12 14:16

Bom dia,

Leia o conteúdo do spoiler:
Spoiler:


Personalização do widget tópicos recentes Modules

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

Personalização do widget tópicos recentes Wf110

Personalização do widget tópicos recentes 110111Seta Exibir os widgets do fórum : - Nesta opção, deverá marcar: "Sim"
Personalização do widget tópicos recentes 110210Seta Largura da coluna 1 (esquerda) e 3 (direita) : - Nestas opções, deverá preencher com o valor: "180" em ambos os boxes.
Personalização do widget tópicos recentes 110310Seta Distância entre dois widgets : - Neste box, o valor deve ser "0"
Personalização do widget tópicos recentes 110410Seta 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

Personalização do widget tópicos recentes Wforum10

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 "Personalização do widget tópicos recentes Editer"

Personalização do widget tópicos recentes 45067710
(Imagem já modificada de acordo com os passos abaixo)
Personalização do widget tópicos recentes 110111Seta Quantidade de tópicos recentes : - Nesta opção, opte por : "10"
Personalização do widget tópicos recentes 110210Seta Ativar o scrolling dos tópicos recentes : - Nesta opção, opte por : "Não"
Personalização do widget tópicos recentes 110310Seta Sentido do deslocamento dos tópicos : - Nesta opção, opte por : "Topo"
Personalização do widget tópicos recentes 110410Seta Altura da tabela contendo os tópicos recentes : - Nesta opção, opte por : "180"
Personalização do widget tópicos recentes 110510Seta Tempo de espera entre dois deslocamentos : - Nesta opção, opte por : "0"
Personalização do widget tópicos recentes 110610Seta 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:

Personalização do widget tópicos recentes 93798174

--> 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


Personalização do widget tópicos recentes Act_bottom 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!
Cream

Cream
Principal contribuidor
Principal contribuidor

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

https://ajuda.forumeiros.com

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

Mensagem por Triton em 23.01.12 17: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
Triton

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Ace em 23.01.12 17:33

Olá,

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

Até Mais!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

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

Mensagem por Triton em 23.01.12 17:34

Como eu faço isso?
Triton

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Ace em 23.01.12 17:35

Olá,

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

Até Mais!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

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

Mensagem por Triton em 23.01.12 17:36

Mais e na index?
Triton

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Ace em 23.01.12 17: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!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

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

Mensagem por Triton em 23.01.12 17: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
Triton

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Ace em 23.01.12 17: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!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

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

Mensagem por Triton em 23.01.12 17:47

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

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Ace em 23.01.12 17: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!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

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

Mensagem por Triton em 23.01.12 17: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
Triton

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Ace em 23.01.12 17:54

Olá,

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

Até Mais!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

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

Mensagem por Triton em 23.01.12 17:56

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

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Ace em 23.01.12 17: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!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

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

Mensagem por Triton em 23.01.12 18:00

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

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Triton em 24.01.12 12:55

Me ajudem por favor
Triton

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Triton em 24.01.12 19:50

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

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Ace em 24.01.12 19:56

Olá,

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

Até Mais!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

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

Mensagem por Triton em 24.01.12 19:57

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

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Ace em 24.01.12 20: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!
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

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

Mensagem por Triton em 25.01.12 0:12

E como eu posso fazer isso?
Triton

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Convidad em 25.01.12 1:54

Olá,

Tente fazer o seguinte:

Personalização do widget tópicos recentes F77L
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.
Anonymous

Convidad
Convidado


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

Mensagem por Triton em 25.01.12 8:35

Não existe esse código amigo
Triton

Triton
Nível 5

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

http://one-cheats.forumeiros.com

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

Mensagem por Convidad em 27.01.12 16: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
Anonymous

Convidad
Convidado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum