Forum Home Enhancements - UKBL ~ Forum Marquee/Scroller with Pictures [Archive]

UKBusinessLive

03-02-2009, 10:00 PM

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

<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

<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

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

<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 ;)

UKBusinessLive

03-03-2009, 07:37 PM

:) reserved ;)

Winterworks

03-03-2009, 09:08 PM

Your modifications are always the most simple little things, but no one would ever think of them! Like this is so easy, but no one would have thought of doing something like this.

I love your work mate, you're creative. Not gonna use it, just telling you I admire your work. :)

UKBusinessLive

03-03-2009, 11:00 PM

Your modifications are always the most simple little things, but no one would ever think of them! Like this is so easy, but no one would have thought of doing something like this.

I love your work mate, you're creative. Not gonna use it, just telling you I admire your work. :)

Thank you sir :eek:

itsheinz

03-04-2009, 04:07 AM

Very clever hack,gona try this one,thanks^^

UKBusinessLive

03-04-2009, 05:08 AM

Very clever hack,gona try this one,thanks^^

Thanks have fun,

If anyone wants me to make them a gradient Square, Then Post here your hex number of the color you want and i'll do one for you ;)

pein87

03-04-2009, 06:51 PM

As always your mods and edits are genius very nice installed this one for sure.

joomla

03-04-2009, 08:15 PM

Thanks very good

UKBusinessLive

03-05-2009, 05:52 PM

As always your mods and edits are genius very nice installed this one for sure.

Thanks buddy, sometimes its the easy ones that are popular :D

UKBusinessLive

03-05-2009, 05:53 PM

Thanks very good

Thanks Joomla :up:

Jasem

03-07-2009, 10:42 AM

Excellent, Great template, thank you

installed

UKBusinessLive

03-07-2009, 02:30 PM

Excellent, Great template, thank you

installed

Thanks Jasem ;)

ArnyVee

03-14-2009, 06:17 PM

I hadn't noticed this mod Gerry :eek:

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

I might try this one down the road. :)

UKBusinessLive

03-15-2009, 12:54 PM

I hadn't noticed this mod Gerry :eek:

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

I might try this one down the road. :)

Thanks Arny,

* Corrects Bad spelling :o

FReeSTER

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

<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

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

05-29-2009, 10:32 AM

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

FReeSTER

05-29-2009, 01:06 PM

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

05-29-2009, 01:15 PM

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

05-29-2009, 02:45 PM

Here it is mate

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

UKBusinessLive

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

https://vborg.vbsupport.ru/external/2009/05/6.png

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

FReeSTER

05-29-2009, 04:50 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

https://vborg.vbsupport.ru/external/2009/05/6.png

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

05-29-2009, 05:01 PM

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

05-29-2009, 06:40 PM

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

05-29-2009, 07:06 PM

I use Mozilla Firefox 3 have you tried with IE??? it may be browser related? :confused:

maxie

05-30-2009, 02:05 AM

very nice.. keep on sharing sir

maxie

05-30-2009, 02:15 AM

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

https://vborg.vbsupport.ru/external/2009/05/6.png

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

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">

<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/4462/hypersnap360.jpg

bluej

11-24-2009, 05:02 AM

love this, thanks so much :)

COL NIL SATIS

12-09-2009, 06:04 PM

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