vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)
-   -   Forum Home Enhancements - UKBL ~ Forum Marquee/Scroller with Pictures (https://vborg.vbsupport.ru/showthread.php?t=207241)

UKBusinessLive 03-02-2009 10:00 PM

UKBL ~ Forum Marquee/Scroller with Pictures
 
1 Attachment(s)
UKBL ~ Forum Marquee/Scroller with Pictures


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



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

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

Quote:

Originally Posted by Winterworks (Post 1759584)
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

Quote:

Originally Posted by itsheinz (Post 1759796)
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

Quote:

Originally Posted by pein87 (Post 1760420)
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

Quote:

Originally Posted by joomla (Post 1760477)
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

Quote:

Originally Posted by Jasem (Post 1762390)
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

Quote:

Originally Posted by ArnyVee (Post 1768093)
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

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

1 Attachment(s)
Quote:

Originally Posted by UKBusinessLive (Post 1819284)
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

Quote:

Originally Posted by El Intocable (Post 1819502)
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
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>


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

Quote:

Originally Posted by UKBusinessLive (Post 1819618)
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

Quote:

Originally Posted by El Intocable (Post 1819678)
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

Quote:

Originally Posted by UKBusinessLive (Post 1819687)
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

Quote:

Originally Posted by El Intocable (Post 1819738)
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

Quote:

Originally Posted by UKBusinessLive (Post 1819618)
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">

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


All times are GMT. The time now is 06:26 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01305 seconds
  • Memory Usage 1,816KB
  • 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
  • (7)bbcode_code_printable
  • (13)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (29)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