2014-07-31, 13:37
Tutorial: Widget - Favorite Topic |
With this widget you can follow your favorite topics very quickly, all favorite topics will be displayed as a widget.
--> Tutorials, tips and tricks <--
Widget - Favorite Topic
Widget - Favorite Topic
1º - Widget
Create a new widget ( http://prntscr.com/484ioe ) and put the following code:
- Code:
[panda=html]<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: 'No favorite topic found!';
white-space:pre;
}
img#favConfig {
float: right;
}
</style>
<div id="topicosFav">
Loading....
</div><script>
jQuery(function () {
jQuery('.module .h3:contains("Favourite Topics")').append('<a href="/search?search_id=favouritesearch" style="width:20%;"><img alt="List" title="List" id="favConfig" style="height:10px;width:auto;"src="http://r21.imgfast.net/users/2112/28/77/07/smiles/323947.png"/></a>');
});
</script>
2º - Preview:
© PunBB Design
If you have any questions related to this topic create a topic with the following title: Widget - Favorite Topic |