vb.org Archive - Forum Home Enhancements - UKBL ~ Forum Marquee/Scroller with Pictures

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

https://vborg.vbsupport.ru/external/2009/03/53.png

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.

https://vborg.vbsupport.ru/external/2009/03/125.jpg

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

https://vborg.vbsupport.ru/external/2009/03/46.gif https://vborg.vbsupport.ru/external/2009/03/47.gif

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

Now the code :D

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 :D

Thats it, Hope you have fun with your new scroller

Please click install if you use ;)

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.00924 seconds Memory Usage 1,724KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (4)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (3)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: