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

Jasem · #12 03-07-2009, 10:42 AM

Excellent, Great template, thank you

installed

UKBusinessLive · #13 03-07-2009, 02:30 PM

Quote:

Originally Posted by Jasem

Excellent, Great template, thank you

installed

Thanks Jasem

ArnyVee · #14 03-14-2009, 06:17 PM

I hadn't noticed this mod Gerry

By the way, you misspelled "yourselves" on the demo

I might try this one down the road.

UKBusinessLive · #15 03-15-2009, 12:54 PM

Quote:

Originally Posted by ArnyVee

I hadn't noticed this mod Gerry

By the way, you misspelled "yourselves" on the demo

I might try this one down the road.

Thanks Arny,

* Corrects Bad spelling

FReeSTER · #16 05-29-2009, 02:32 AM

For some reason the font is too small and all I did was change the color. Any suggestions?

I have the code like this

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="850" border="0" cellpadding="0" cellspacing="0" style="border: 2px solid #760099; color: #760099; font: 38px arial, arial; 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"> Bienvenidos al foro <img src="images/misc/purse.gif" align="middle"> Los Canales Premium se cayeron en la tarde de May,28<img src="images/misc/rss.gif" align="middle">
</marquee>
</td></tr></table>
</center>

<br><br>

</BODY>
</HTML>

UKBusinessLive · #17 05-29-2009, 05:04 AM

I'll take a look for you later when i get back from work

Hang in there :up:

maxie · #18 05-29-2009, 10:32 AM

this is the basic html code... nice share sir very nice

FReeSTER · #19 05-29-2009, 01:06 PM

Quote:

Originally Posted by UKBusinessLive

I'll take a look for you later when i get back from work

Hang in there :up:

Thank you so much, I leave an attachment below of how my Marquee looks like

UKBusinessLive · #20 05-29-2009, 01:15 PM

Quote:

Originally Posted by El Intocable

Thank you so much, I leave an attachment below of how my Marquee looks like

Hi El Intocable

Can you post the full code your using here, so i can take a look, I'll fix it for you then you'll be able to upload it to your site

Thanks mate :up:

FReeSTER · #21 05-29-2009, 02:45 PM

Here it is mate

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="875" border="0" cellpadding="0" cellspacing="0" style="border: 2px solid #760099; color: #760099; 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"> Bienvenidos al foro <img src="images/misc/purse.gif" align="middle">Simplemente los mejores en el testeo<img src="images/misc/rss.gif" align="middle">
</marquee>
</td></tr></table>
</center>

<br><br>

</BODY>
</HTML>

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.07214 seconds Memory Usage 2,345KB 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 (6)bbcode_code (4)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 (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (3)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!