The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
|
|||||||
Latest Threads Ticker [jQUery] Details »»
|
|||||||||||||||||||||||||||
Description:
This display the latest 10 threads in manner resemble news ticker. Demo: http://www.jquerynewsticker.com/ Installation: Code:
Be sure that: "vBulletin Options > vBulletin Options > External Data Provider" Enable External Javascript = yes 2- At the end of the template ADD the following code: Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="js/jquery.ticker.js" type="text/javascript"></script>
<script type="text/javascript" src="{vb:raw vboptions.bburl}/external.php?&type=js"></script>
<script type="text/javascript">
$(function () {
$('#js-news').ticker();
});
</script>
4- At the end of the template ADD the following code: Code:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* StatorLatest Threads Ticker */
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#ticker-wrapper * {
margin-left: auto;
margin-right: auto;
}
#ticker-wrapper.has-js {
margin: 20px auto 20px auto;
padding: 0px 20px;
width: 900px;
height: 30px;
display: block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #f8f0db;
font-size: 1.1em;
}
#ticker {
width: 830px;
height: 30px;
display: block;
position: relative;
overflow: hidden;
background-color: #f8f0db;
}
#ticker-title {
padding: 5px;
color: #990000;
font-weight: bold;
background-color: #f8f0db;
text-transform: none;
}
#ticker-content {
margin: 0px;
padding: 5px;
position: absolute;
color: #1F527B;
font-weight: normal;
background-color: #f8f0db;
overflow: hidden;
white-space: nowrap;
line-height: 1.2em;
}
#ticker-content:focus {
none;
}
#ticker-content a {
text-decoration: none;
color: #1F527B;
}
#ticker-content a:hover {
text-decoration: underline;
color: #0D3059;
}
#ticker-swipe {
padding-top: 9px;
position: absolute;
top: 0px;
background-color: #f8f0db;
display: block;
width: 800px;
height: 23px;
}
#ticker-swipe span {
margin-left: 1px;
background-color: #f8f0db;
border-bottom: 1px solid #1F527B;
height: 12px;
width: 7px;
display: block;
}
#ticker-controls {
padding: 8px 0px 0px 0px;
list-style-type: none;
float: left;
}
#ticker-controls li {
padding: 0px;
margin-left: 5px;
float: left;
cursor: pointer;
height: 16px;
width: 16px;
display: block;
}
#ticker-controls li#play-pause {
background-image: url('../images/controls.png');
background-position: 32px 16px;
}
#ticker-controls li#play-pause.over {
background-position: 32px 32px;
}
#ticker-controls li#play-pause.down {
background-position: 32px 0px;
}
#ticker-controls li#play-pause.paused {
background-image: url('../images/controls.png');
background-position: 48px 16px;
}
#ticker-controls li#play-pause.paused.over {
background-position: 48px 32px;
}
#ticker-controls li#play-pause.paused.down {
background-position: 48px 0px;
}
#ticker-controls li#prev {
background-image: url('../images/controls.png');
background-position: 0px 16px;
}
#ticker-controls li#prev.over {
background-position: 0px 32px;
}
#ticker-controls li#prev.down {
background-position: 0px 0px;
}
#ticker-controls li#next {
background-image: url('../images/controls.png');
background-position: 16px 16px;
}
#ticker-controls li#next.over {
background-position: 16px 32px;
}
#ticker-controls li#next.down {
background-position: 16px 0px;
}
.js-hidden {
display: none;
}
#no-js-news {
padding: 10px 0px 0px 45px;
color: #F8F0DB;
}
.left #ticker-swipe {
left: 80px;
}
.left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker {
float: left;
}
.left #ticker-controls {
padding-left: 6px;
}
.right #ticker-swipe {
right: 80px;
}
.right #ticker-controls, .right #ticker-content, .right #ticker-title, .right #ticker {
float: right;
}
.right #ticker-controls {
padding-right: 6px;
}
6- At the end of the template ADD the following code: Code:
<!--ticker-->
<div id="ticker-wrapper" class="no-js">
<ul id="js-news" class="js-hidden">
<script type="text/javascript" src="{vb:raw vboptions.bburl}/external.php?&type=js"></script>
<script type="text/javascript">
<!--
for (var i = 0; i < threads.length; i++)
{
document.write('<li><a href="{vb:raw vboptions.bburl}/showthread.php?t=' + threads[i]['threadid'] + '">' + threads[i]['title'] + '</a>' + ' ' + '<span style="color: red;">Posted By:</span>'+ ' ' + threads[i]['poster'] + '</a>' + '</li>');
}
//-->
</script>
</ul>
</div>
<!--ticker-->
FAQs 1- How to change language of " Latest Threads "? edit your "jquery.ticker.js" file that you uploaded to js folder scroll down till the end of the file and edit the following variable: Code:
// plugin defaults - added as a property on our plugin function
$.fn.ticker.defaults = {
speed: 0.10,
ajaxFeed: false,
feedUrl: '',
feedType: 'xml',
displayType: 'reveal',
htmlFeed: true,
debugMode: true,
controls: true,
titleText: 'Latest Threads',
direction: 'ltr',
pauseOnItems: 3000,
fadeInSpeed: 600,
fadeOutSpeed: 300
};
})(jQuery);
Change "latest threads" to language you wish, e.g. Portuguese = ?ltimos T?picos German = Aktuelle Themen and so on .... 2- How to change direction of the ticker? edit your "jquery.ticker.js" file that you uploaded to js folder scroll down till the end of the file and edit the following variable: Code:
// plugin defaults - added as a property on our plugin function
$.fn.ticker.defaults = {
speed: 0.10,
ajaxFeed: false,
feedUrl: '',
feedType: 'xml',
displayType: 'reveal',
htmlFeed: true,
debugMode: true,
controls: true,
titleText: 'Latest Threads',
direction: 'rtl',
pauseOnItems: 3000,
fadeInSpeed: 600,
fadeOutSpeed: 300
};
})(jQuery);
left to right = ltr right to left = rtl 3- How to change language of " Posted by: "? In the code added to "Navbar" template, change "Posted by" Code:
<!--ticker-->
<div id="ticker-wrapper" class="no-js">
<ul id="js-news" class="js-hidden">
<script type="text/javascript" src="{vb:raw vboptions.bburl}/external.php?&type=js"></script>
<script type="text/javascript">
<!--
for (var i = 0; i < threads.length; i++)
{
document.write('<li><a href="{vb:raw vboptions.bburl}/showthread.php?t=' + threads[i]['threadid'] + '">' + threads[i]['title'] + '</a>' + ' ' + '<span style="color: red;">Posted By:</span>'+ ' ' + threads[i]['poster'] + '</a>' + '</li>');
}
//-->
</script>
</ul>
</div>
<!--ticker-->
In the code added to "Navbar" template, add the red part" Code:
<!--ticker-->
<div id="ticker-wrapper" class="no-js">
<ul id="js-news" class="js-hidden">
<script type="text/javascript" src="{vb:raw vboptions.bburl}/external.php?&type=js&forumids=1,2,3,4,5"></script>
<script type="text/javascript">
<!--
for (var i = 0; i < threads.length; i++)
{
document.write('<li><a href="{vb:raw vboptions.bburl}/showthread.php?t=' + threads[i]['threadid'] + '">' + threads[i]['title'] + '</a>' + ' ' + '<span style="color: red;">Posted By:</span>'+ ' ' + threads[i]['poster'] + '</a>' + '</li>');
}
//-->
</script>
</ul>
</div>
<!--ticker-->
yes, but the available type is "XML" edit your "jquery.ticker.js" file that you uploaded to js folder scroll down till the end of the file and edit the following variables: Code:
// plugin defaults - added as a property on our plugin function
$.fn.ticker.defaults = {
speed: 0.10,
ajaxFeed: true,
feedUrl: 'http://www.YOURSITE.com/RSS.xml',
feedType: 'xml',
displayType: 'reveal',
htmlFeed: false,
debugMode: true,
controls: true,
titleText: 'Latest Blog Feeds',
direction: 'ltr',
pauseOnItems: 3000,
fadeInSpeed: 600,
fadeOutSpeed: 300
};
})(jQuery);
If you Like it, don't forget to Mark As Installed If you really liked it, Don't forget to Rate it If you really really liked it, Don't forget to Nominate it for MOTM Download Now
Show Your Support
|
|||||||||||||||||||||||||||
About Developer
Visit Web Site
Template Edits 
No support by the author.
| 11 благодарности(ей) от: | ||
| abouobaide, abyanhost, BlueCheri, Bubble #5, doctorsexy, Donavaz, Manoel J?nior, Mazinger, RichieBoy67, sodasusu, Toorak Times | ||
| Comments |
|
#162
04-11-2012, 09:18 PM
|
||||
|
||||
For some reason it does not work on FORUMHOME or FORUMDISPLAY
Its only working in SHOWTHREAD Also i included the forum ID but for some reason its showing all latest threads and not just the ids i want Any fix ? many thanks 
|
|
#163
04-11-2012, 10:15 PM
|
||||
|
||||
|
OK well i managed to get it to work and show with some changes to where i placed your codes BUT when i add the forum ids its stops working
I really need to only have 1 forum id to display in this so any help would be great
|
|
#164
04-12-2012, 08:35 PM
|
|||
|
|||
|
Quote:
Code:
<script type="text/javascript" src="{vb:raw vboptions.bburl}/external.php?type=js&forumids=1,2,3,4,5"></script>
Also, the external.php data seems to be included twice, once in headinclude and once in navbar - I don't think you actually need both of them.
|
|
#165
04-12-2012, 09:34 PM
|
||||
|
||||
|
The ONLY way this shows up is if i put both codes in the NAVBAR
BUT when i change the code to as you suggest it does not show any threads at all Would really love to get this working and i do not know why i can not and you can
|
|
#166
04-12-2012, 09:50 PM
|
|||
|
|||
|
Are you sure 442 is the correct forumid? Also I think there might be a time limit so if all the threads in that forum are old they won't show.
Oh...also, the external data provider only works with public forums, so if your forum is not visible to guests, that's probably what's wrong.
|
|
#167
04-13-2012, 02:06 PM
|
||||
|
||||
|
The threads are in a private section for full members of my site, Not guests or even registered users can see it so that might be the issue
Is it possible to change anything so i can get it to show the threads to full members ONLY cheers for the help
|
|
#171
06-24-2012, 12:59 PM
|
|||
|
|||
|
I like your ticker but can't see to get it to work on front page just works on the blogs. Could use some help...I do have another js working on the front page. Had it working momentarily. Thanks for your help.
Marc---
|
 |
«
Previous Thread
|
Next Thread
»
|
|
All times are GMT. The time now is 01:01 AM.