The Arcive of Official vBulletin Modifications Site.

UKBL ~ Newsticker IFrame in Navbar · **Released**: 03-13-2009

UKBL ~ Newsticker IFrame in Navbar

Working Demo: http://www.ukbusinesslive.co.uk/forum With Border

Working Demo: http://www.waltdisneyboards.com/forums.php Without Border

As a request for a friend, i made this simple to add news ticker using a simple html script from Dynamic Drive and added it to the navbar, left of the login box, Now your members will be able to see up to date news everytime they login

So Easy to Install

First Download the zip file and open the ticker.txt file in a text editor like notepad

To legally use the code from Dynamic Drive please retain their credits within the code

Code:

<!--<UKBL Iframe Ticker Start>----------------------------------------------------------------------->

<td class="alt2">
<DIV ALIGN=RIGHT>
<if condition="$show['member']">
<!--For full source code and more DHTML scripts, visit http://www.dynamicdrive.com-->
<!--This credit MUST stay intact for use-->
<iframe id="tickermain" src="http://yourforum.com/exfile.htm" width=200 height=80 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe>
</DIV>
</td>
</if>
<!--<UKBL Iframe Ticker End>----------------------------------------------------------------------->

Find

Code:

src="http://yourforum.com/exfile.htm"

and replace it with yoursite and keep the file exfile.htm at root level (We'll need to edit that file later

)

Find

Code:

width=200 height=80

and change this for the size you want, I've kept mine small 200 x 80 pixels but you can edit this for whatever size you want to make the Iframe :up:

Find this

Code:

scrolling=no

and change it to yes if you want the iframe to scroll as opossed to just changing. if no then the content will change ever XX seconds which is adjustable

Now we save that file and we need to copy and paste the entire contents of that file to our Navbar, so...

AdminCP > Styles & Templates> Style Manager> Your Chosen Style> All style options> Edit templates> Navigation / Breadcrumb Templates> navbar

Find the following

Code:

<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>

and directly below it add your code

Code:

<!--<UKBL Iframe Ticker Start>----------------------------------------------------------------------->

<td class="alt2">
<!--For full source code and more DHTML scripts, visit http://www.dynamicdrive.com-->
<!--This credit MUST stay intact for use-->
<DIV ALIGN=RIGHT>
<if condition="$show['member']">
<iframe id="tickermain" src="C:\Users\Gerry\Desktop\exfile.htm" width=200 height=80 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe>
</DIV>
</td>
</if>
<!--<UKBL Iframe Ticker End>----------------------------------------------------------------------->

Ok Guys thats the first bit done,
Grab yourselves a beer, Here comes part two

In Notpad again open the "exfile.htm" file, as we need to edit and add our content :up:

When you open the file in Notepad we see this, remember to keep the Dynamic drive url and copyright in place

Code:

<script language="JavaScript1.2">

//IFRAME TICKER- By Dynamic Drive (http://www.dynamicdrive.com)

//configure delay between changing messages (3000=3 seconds)
var delay=3000

var ie4=document.all

var curindex=0
var totalcontent=0

function get_total(){
if (ie4){
while (eval("document.all.content"+totalcontent))
totalcontent++
}
else{
while (document.getElementById("content"+totalcontent))
totalcontent++
}
}

function contract_all(){
for (y=0;y<totalcontent;y++){
if (ie4)
eval("document.all.content"+y).style.display="none"
else
document.getElementById("content"+y).style.display="none"
}
}

function expand_one(which){
contract_all()
if (ie4)
eval("document.all.content"+which).style.display=""
else
document.getElementById("content"+which).style.display=""
}

function rotate_content(){
get_total()
contract_all()
expand_one(curindex)
curindex=(curindex<totalcontent-1)? curindex+1: 0
setTimeout("rotate_content()",delay)
}

window.onload=rotate_content

</script>

<BODY bgColor=#FFFFE1>

<!--ADD YOUR TICKER CONTENT BELOW, by wrapping each one inside a <DIV> as shown below.-->
<!--For each DIV, increment its ID attribute for each additional content (ie: "content1", "content2" etc)-->


<div id="content0" style="display:''">

<!-- ADD TICKER's CONTENT #1 HERE--------------------->

<p align="left"><strong><font face="Verdana"><small><a href="http://www.dynamicdrive.com/dynamicindex9/encrypter.htm" target="_top">Source
code encrypter</a>&nbsp;</small></font></strong><br>
<font face="Verdana" size="2">Scramble the source of any chunk of code using
this unique script.</font></p>

<!-- END CONTENT #1----------------->

</div>

<div id="content1" style="display:none">

<!-- ADD TICKER's CONTENT #2 HERE--------------------->

<p align="left"><strong><font face="Verdana"><small><a href="http://www.dynamicdrive.com/dynamicindex5/flashlink.htm" target="_top">Flashing
links</a>&nbsp;</small></font></strong><br>
<font face="Verdana"><small>Bring attention to special links, by making them
flash!</small></font></p>

<!-- END CONTENT #2----------------->

</div>

<div id="content2" style="display:none">

<!-- ADD TICKER's CONTENT #3 HERE--------------------->

<p align="left"><small><strong><font face="Verdana"><a href="http://www.dynamicdrive.com/dynamicindex13/roamcursor.htm" target="_top">Roaming
Cursor</a>&nbsp;</font></strong></small><br>
<small><font face="Verdana">Display a second, &quot;roaming&quot; cursor on your
page with this fun animation script.</font></small></p>

<!-- END CONTENT #3----------------->

</div>

<div id="content3" style="display:none">

<!-- ADD TICKER's CONTENT #4 HERE--------------------->

<p align="left"><font face="Verdana"><strong><a href="http://www.dynamicdrive.com/dynamicindex11/animatedtitle.htm" target="_top"><small>Animated
Document title</small></a><br>
</strong><small>Animate into view your document's title!</small></font></p>

<!-- END CONTENT #4----------------->

</div>

Find this

Code:

var delay=3000

and change it for whatever delay you want, remember its in milliseconds so 3 seconds = 3000

next Find this

Code:

<BODY bgColor=#FFFFE1>

This changes the color of the iframe background, Use a hex color generator to chose a color which suits your site, I use this http://www.2createawebsite.com/build/hex-colors.html

Find this

Code:

<!-- ADD TICKER's CONTENT #1 HERE--------------------->

<p align="left"><strong><font face="Verdana"><small><a href="http://www.dynamicdrive.com/dynamicindex9/encrypter.htm" target="_top">Source
code encrypter</a>&nbsp;</small></font></strong><br>
<font face="Verdana" size="2">Scramble the source of any chunk of code using
this unique script.</font></p>

<!-- END CONTENT #1----------------->

these are the text blocks, Just edit them to suit your content

You'll see how easy it is, The first part is the url of your link, Then the text after it, once you've done a couple you'll get the knack

if you want to add more, make sure you......

Code:

<!--ADD YOUR TICKER CONTENT BELOW, by wrapping each one inside a <DIV> as shown below.-->
<!--For each DIV, increment its ID attribute for each additional content (ie: "content1", "content2" etc)-->

Thats it, so now we need to save the file, and upload the file (exfile.htm) to our forums root directory.

Thats it, Now click onto your homepage and suprise your members with your New feature

Please click Install if you use and i'll support you 100%

UKBusinessLive · #42 03-14-2009, 08:06 PM

Quote:

Originally Posted by ArnyVee

Gerry, I set it back to the 200 x 80 that you originally had and you can see on the site that it's at the same level as the login area and RSS icon, etc. So, something is overriding the code, I assume.

Arny,

try this on the opening Div's of each block

<div id="content1" style="display:none" valign=middle>

Add the bit in red and tell me if it works

UKBusinessLive · #43 03-14-2009, 08:11 PM

Quote:

Originally Posted by DobieGillis?

not even drinking yet, lol! With all your mods on my site, maybe I should rename it UKBL Part 2?

Ha ha Now thats funny

ArnyVee · #44 03-14-2009, 08:23 PM

Quote:

Originally Posted by UKBusinessLive

Arny,

try this on the opening Div's of each block

<div id="content1" style="display:none" valign=middle>

Add the bit in red and tell me if it works

Didn't work with or without quotes around middle.

UKBusinessLive · #45 03-14-2009, 08:46 PM

Quote:

Originally Posted by ArnyVee

Didn't work with or without quotes around middle.

Perhaps a mention on the dynamic drive forum might shed some light?

I've just kept mine to just 3 lines wide and it looks ok

ArnyVee · #46 03-14-2009, 11:05 PM

FYI, if you change the height to 90 you can get 4 lines in nicely

UKBusinessLive · #47 03-15-2009, 08:40 AM

Quote:

Originally Posted by ArnyVee

FYI, if you change the height to 90 you can get 4 lines in nicely

Thanks

ArnyVee · #48 03-15-2009, 01:09 PM

FYI Gerry, I just tested it in Google Chrome and it works at the "top". So, this might be a Firefox thing where it doesn't adjust to the top of the cell/table.

syrus.xl · #49 03-15-2009, 02:47 PM

I took the idea, but designed a flash/php based rss reader instead of using the Dynamic Drive content. Basically, because I've used flash I had to call the news site via a PHP proxy, but as you can see it works like it is supposed to, I have it linked to the BBC RSS feed, but it could be any feed really. The coding I have changed to work without being logged in, and it appears on all pages.

Here's the flash version I designed...
http://www.digitalport.co.uk

SCREENSHOT

UKBusinessLive · #50 03-15-2009, 03:17 PM

Quote:

Originally Posted by syrus.xl

I took the idea, but designed a flash/php based rss reader instead of using the Dynamic Drive content. Basically, because I've used flash I had to call the news site via a PHP proxy, but as you can see it works like it is supposed to, I have it linked to the BBC RSS feed, but it could be any feed really. The coding I have changed to work without being logged in, and it appears on all pages.

Here's the flash version I designed...
http://www.digitalport.co.uk

SCREENSHOT

Now thats a cool idea

syrus.xl · #51 03-15-2009, 06:22 PM

Thanks!

Perhaps I'll release this small modification after a color change, more suitable for the default vBulletin style and maybe add a few extras.

Nice idea of placing the content display within the navbar though!

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04436 seconds Memory Usage 2,357KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (11)bbcode_code (6)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (2)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!