[TUTORIAL] Tópicos favoritos em widget

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

[TUTORIAL] Tópicos favoritos em widget

Mensagem por Hancki em 11/07/14, 05:58 am



Tópicos favoritos em Widget

Agora podemos adicionar um Widget cujo aparecerá os tópicos favoritos do usuário. No tópico, aplicando-o como favorito, irá automaticamente não só aparecer no seu perfil, mais também no Widget.

Esta função só irá funcionar caso se tenha algum tópico definido como favorito. Como se faz: http://prntscr.com/39ahs2
--> Tutoriais, dicas e astúcias <--
Tópicos favoritos em Widget



- Código a ser utilizado:
Código:
<script>
jQuery(function () {
    jQuery('#topicosFav').load('/search?search_id=favouritesearch #cp-main .panel a.topictitle, #main-content .borderwrap .ipbform table.ipbtable tr.row2 td.row2 a[href*="/t"], form[action="/search?search_id=favouritesearch"] .forumline tr td.row2 .postdetails a[href*="/t"], form.frm-form .main-content.frm table.table tr.row2 td.tcl.fav-icon a.topictitle');
});
</script><style>
#topicosFav a.topictitle:before {
content: '- ';
white-space:pre;
}
#topicosFav a:after {
content: '\A';
white-space:pre;
}
#topicosFav a {
padding-top: 5px !important;
}
#topicosFav {
padding-top: 5px !important;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
#topicosFav:empty:after {
content: 'Ainda não tem favoritos!\A Adicione um ou mais.';
white-space:pre;
}
img#favConfig {
float: right;
}
</style>
<div id="topicosFav">
    Carregando favoritos...
</div><script>
jQuery(function () {
    jQuery('.module .h3:contains("Tópicos Favoritos")').append('<a href="/search?search_id=favouritesearch" style="width:20%;"><img alt="Gerir lista" title="Gerir lista" id="favConfig" style="height:10px;width:auto;"src="http://r21.imgfast.net/users/2612/28/77/07/smiles/323947.png"/></a>');
});
</script>


- Aplicando código:
Painel de controle (Avançado) >> Módulos >> Portal & Widgets >> Gestão dos widgets (fórum/portal) >> Novo widget personalizado


SetaNome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
Seta Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".
Seta Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.
Seta Fonte do widget: - Neste campo, Devemos inserir o código trabalhamos no 3º Passo.
Seta Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.
Feito isso, basta que o Widget seja arrastado para uma coluna no módulo correspondente para que o efeito seja aplicado.

  • Resultado:




© 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] Tópicos favoritos em Widget
avatar

Hancki
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8048
Pontos Ativos : 12033

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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