The Arcive of Official vBulletin Modifications Site.

UKBL ~ Forum Marquee/Scroller with Pictures · **Released**: 03-02-2009

UKBL ~ Forum Marquee/Scroller with Pictures

Want a different kind of Scroller/Marquee for your Site, With changable gradients and Font Colours/Type/Size.

LIVE DEMO: http://www.ukbusinesslive.co.uk/forum/Scroller.htm

This is so easy to add to your forum. First we start with the images

just upload the images to your forums images/misc folder

To change the gradient, just make up a 50px by 100px box and add a gradient of your choice, i made mine in Paint.net, but you can use photoshop or gimp.

Next comes the transparent gifs, they are 40 pixels square, you could add your logo or any other image you want.

Just make sure all the graphics are uploaded to your correct folder and thats it on the graphics side.

Now the code

Code:

<html>
<head>

<title>UKBL ~ Forum Scroller display</title>

</head>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0 marginheight=0 marginwidth=0>

<br><br>

<center>
<table width="800" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid #5272A9; color: #5272A9; font: 33px arial black, arial, sans-serif; letter-spacing: 5px; font-weight: bold" background="images/misc/grad.jpg"><tr><td align="center" valign="middle">
<marquee scrolldelay="100">
<img src="images/misc/rss.gif" align="middle"> Welcome Friends <img src="images/misc/purse.gif" align="middle">
</marquee>
</td></tr></table>
</center>

<br><br>

</BODY>
</HTML>

1st Edit

Code:

<table width="800" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid #5272A9; color: #5272A9; font: 33px arial black, arial, sans-serif; letter-spacing: 5px; font-weight: bold"

here you edit the width of the marquee, default is 800, You can change the border width, and color The font color and style, so easy from this 1st edit.

2nd Edit

Code:

background="images/misc/grad.jpg">

This is the location of the gradient gif, if you change the color and the name of your gradient, don't foreget to change it here too

3rd Edit

Code:

 <img src="images/misc/rss.gif" align="middle"> YOUR MESSAGE HERE <img src="images/misc/purse.gif" align="middle">

Here you can see the 2 gif files and their locations, You can add more pictures by simply adding the html code like this <img src="images/misc/YOUR.GIF" align="middle">

You can see where your message goes too

When you've finished, Save your edits and copy and paste the entire code to your Styles Header, Right at the bottom. Or you could experiment by adding it to other templates,

You can, since its only basic html code, add more than one to a page, with different messages, Experiment is the fun part

Thats it, Hope you have fun with your new scroller

Please click install if you use

UKBusinessLive · #22 05-29-2009, 03:29 PM

Hi El Intocable

I've had a look at the code and the code is OK, a quick way to test it is paste it to a text editor like notepad or similar and then save it as a html file, something like banner.html, save it to your desktop and you can check your code by simply clicking on it.

Thats what i did and the font came out the right size, can you have a go your end and let me know what you see by adding a screen shot

should look something like this

The text is the right size, the banner gradiaent and icons are missing as i'm not pointing to your server, but the letters are the right size, theres nothing wrong with the code

FReeSTER · #23 05-29-2009, 04:50 PM

Quote:

Originally Posted by UKBusinessLive

Hi El Intocable

I've had a look at the code and the code is OK, a quick way to test it is paste it to a text editor like notepad or similar and then save it as a html file, something like banner.html, save it to your desktop and you can check your code by simply clicking on it.

Thats what i did and the font came out the right size, can you have a go your end and let me know what you see by adding a screen shot

should look something like this

The text is the right size, the banner gradiaent and icons are missing as i'm not pointing to your server, but the letters are the right size, theres nothing wrong with the code

yes it is very strange mate, I have the same results, but is ok mate I love you mod and Im keeping it no matter what size the text is. lol

If I find a solution I will post it here just to have solve problem for others can see..

Thanks very much

UKBusinessLive · #24 05-29-2009, 05:01 PM

Quote:

Originally Posted by El Intocable

yes it is very strange mate, I have the same results, but is ok mate I love you mod and Im keeping it no matter what size the text is. lol

If I find a solution I will post it here just to have solve problem for others can see..

Thanks very much

What browser are you using??

That one of those problems that will keep us awake at night

Let me know if you get it to work,

FReeSTER · #25 05-29-2009, 06:40 PM

Quote:

Originally Posted by UKBusinessLive

What browser are you using??

That one of those problems that will keep us awake at night

Let me know if you get it to work,

I use Mozilla Firefox 3

UKBusinessLive · #26 05-29-2009, 07:06 PM

Quote:

Originally Posted by El Intocable

I use Mozilla Firefox 3

have you tried with IE??? it may be browser related?

maxie · #27 05-30-2009, 02:05 AM

very nice.. keep on sharing sir

maxie · #28 05-30-2009, 02:15 AM

Quote:

Originally Posted by UKBusinessLive

Hi El Intocable

I've had a look at the code and the code is OK, a quick way to test it is paste it to a text editor like notepad or similar and then save it as a html file, something like banner.html, save it to your desktop and you can check your code by simply clicking on it.

Thats what i did and the font came out the right size, can you have a go your end and let me know what you see by adding a screen shot

should look something like this

The text is the right size, the banner gradiaent and icons are missing as i'm not pointing to your server, but the letters are the right size, theres nothing wrong with the code

the gradient and icons is place in the same folder.. those are missing because the code not point where is the gradient and icons is located... take a look to your code see below

3rD Edit
Here you can see the 2 gif files and their locations, You can add more pictures by simply adding the html code like this <img src="images/misc/YOUR.GIF" align="middle">

Code:

<img src="images/misc/rss.gif" align="middle"> YOUR MESSAGE HERE <img src="images/misc/purse.gif" align="middle">

you Must be point on that.. and also uipload to your server and please in right folder where your code pointed..

here is mine working fine

http://img521.imageshack.us/img521/4...persnap360.jpg

bluej · #29 11-24-2009, 05:02 AM

love this, thanks so much

COL NIL SATIS · #30 12-09-2009, 06:04 PM

Nice mod..installed!!!! added it to the footer..looks good in there.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04548 seconds Memory Usage 2,333KB Queries Executed 25 (?)
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 (5)bbcode_code (5)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 (2)pagenav_pagelink (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (9)postbit (2)postbit_attachment (10)postbit_onlinestatus (10)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!