Glow BB Code - Glowing Text

[BirdOPrey5]

WARNING: There is a "Cosmetic Exploit" in this BBCode.
Someone who knows what they are doing can use it to add arbitrary CSS attributes to the text such as custom font sizes and background colors. It in no way affects site security but can be annoying if your users use it improperly. Use at your own risk.

This is a simple bbcode that if searched for you can find in various forms but in my search it appears never to have been written out as a bbcode mod for 4.x, so here it is... No 'programming' was needed for this, Aside from the button I don't consider it 'mine' anymore than the <font> tag is mine because I may use it from time to time. I am simply releasing this for those who may be searching for bb codes and not the general forum.

Shadow (the css behind this) is not supported by Internet Explorer 7 or 8, it will hopefully be part of 9 though. This works fine in Chrome, Firefox, Safari, and Opera.
Update: A work-around has been added for IE compatibility!

Demo: here. (http://www.juot.net/forums/showthread.php?p=826544&styleid=1#post826544)

Add a new BBCode

Title: Glow
BB Code Tag Name: glow
Replacement:

<!--[if IE]>
<div style="filter:progid:DXImageTransform.Microsoft.Glow(colo r={option}, strength=1);width:100%">{param}</div>
<![endif]-->
<![if !ie]>
<span style="text-shadow: {option} 0px 0px 5px;">{param}</span>
<![endif]>


Example: test glow
Description: This code makes text "Glow" (Actually a shadow attribute)
Use Option: Yes
Button Image: (optional) https://vborg.vbsupport.ru/attachment.php?attachmentid=119368&stc=1&d=1278527389
Remove Tag If Empty: Yes
All Disable Options: No

You may get a warning that says:
The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

You can safely hit "Continue" this appears to be a bug in the VB4 series.

You can use standard color names in the option such as red, blue, green, yellow, etc...
You can also use hex color codes preceded by the # sign for exact colors, such as #0000FF
Click here for common hex color codes. (http://www.december.com/html/spec/colorhex.html)

Please mark as installed if you use this. :)
View My Profile (https://vborg.vbsupport.ru/member.php?u=258922) for more BB Code Enhancements- they work on all versions.

Screenshot- Note: for some reason in the screen capture the green glow is barely visible. The effect is much nicer in the live demo above.
https://vborg.vbsupport.ru/attachment.php?attachmentid=119383&d=1278546342

[BirdOPrey5]

Note: If you prefer not to use the "option" to choose a color and just want the glow color to be set, say to red, to simplify use; [glow] as opposed to [glow="red"] for example then use the following replacement code instead:

<span style="text-shadow: red 0px 0px 5px;">{param}</span>


Replace "red" with whatever color or hex color code you want.
Also under the "Use Option" choose "No"
For example use: glow text

Do everything else the same.

[COL NIL SATIS]

Lol this looks cool ...nice one BOP ..Will install now :)

[sulasno]

tagged and thanks

I remembered I installed another one for 4.0.x

[BirdOPrey5]

tagged and thanks

I remembered I installed another one for 4.0.x

Another Glow BB Code for 4.0? I had searched for one before I posted. :confused:

[BirdOPrey5]

Upgraded to work on Internet Explorer 8. I don't know if it works on IE7, I can't test it.

To upgrade go to your BB Code manager and EDIT your "glow" bb code.

Erase the "Replacement" box and instead use the following code:


<!--[if IE]>
<div style="filter:progid:DXImageTransform.Microsoft.Glow(colo r={option}, strength=1);width:100%">{param}</div>
<![endif]-->
<![if !ie]>
<span style="text-shadow: {option} 0px 0px 5px;">{param}</span>
<![endif]>


The first thread has also been updated.

[Gleedo]

Upon editing the bbcode, i get the following:


The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

<span style="text-shadow: {option} 0px 0px 5px;">{param}</span> <!--[if IE]> <div style="filter:progid:DXImageTransform.Microsoft.Glow(colo r={option}, strength=1);width:100%">{param}</div> <![endif]--> <![if !ie]> <span style="text-shadow: {option} 0px 0px 5px;">{param}</span> <![endif]>


I tried it and on FF it outputs the glow text twice :confused:

[sulasno]

Another Glow BB Code for 4.0? I had searched for one before I posted. :confused:

ooops sorry; previous version that I installed was for 3.8 lol

[BirdOPrey5]

Upon editing the bbcode, i get the following:


The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

<span style="text-shadow: {option} 0px 0px 5px;">{param}</span> <!--[if IE]> <div style="filter:progid:DXImageTransform.Microsoft.Glow(colo r={option}, strength=1);width:100%">{param}</div> <![endif]--> <![if !ie]> <span style="text-shadow: {option} 0px 0px 5px;">{param}</span> <![endif]>


I tried it and on FF it outputs the glow text twice :confused:

It looks like you didn't delete the old replacement text before adding the new replacement text... the code should only be:

<!--[if IE]>
<div style="filter:progid:DXImageTransform.Microsoft.Glow(colo r={option}, strength=1);width:100%">{param}</div>
<![endif]-->
<![if !ie]>
<span style="text-shadow: {option} 0px 0px 5px;">{param}</span>
<![endif]>


You still have the original " <span style="text-shadow: {option} 0px 0px 5px;">{param}</span>" at the start of your code- that's why it's happening twice.

As for the "The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes." error you can safely hit "continue" it is a bug in VB, as you can see all HTML attributes are in double quotes. I think VB doesn't like the "if" statements but they still work.

I will update the instructions to warn people though thanks.

[sulasno]

I changed the code and got the following;

The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

* <!--[if IE]> <div style="filter:progid:DXImageTransform.Microsoft.Glow(colo r={option}, strength=1);width:100%">{param}</div> <![endif]--> <![if !ie]> <span style="text-shadow: {option} 0px 0px 5px;">{param}</span> <![endif]>

but the BBCode still works

[BirdOPrey5]

I changed the code and got the following;

The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

* <!--[if IE]> <div style="filter:progid:DXImageTransform.Microsoft.Glow(colo r={option}, strength=1);width:100%">{param}</div> <![endif]--> <![if !ie]> <span style="text-shadow: {option} 0px 0px 5px;">{param}</span> <![endif]>

but the BBCode still works

That's fine... it appears to be a bug in VB4... I have updated the instructions to reflect this, thank you.

[COL NIL SATIS]

how do you get it to show multiple colours??

[COL NIL SATIS]

so if i wanted to see green red and blue for example ..what would i put in the brackets ??

test glow?????????

thanks

[BirdOPrey5]

You can't do that with this code... You can pick the color of the glow using this code. You can change the color of the text using the standard color bb code:
This is Blue Text with Red Glow.

BB Codes can only take 1 {param} and 1 {option} so there would never be a way to specify multiple colors via pure BB Code.

[COL NIL SATIS]

i got mixed up with the fade one lol ..all is now good ..thanks bud ..installed !!!!

[Dr.osamA]

thank you bro

installed + 5 stara

[rootsxrocks]

As I continue to Replace my Archive of Mods I found this not marked installed, I am scratching my head thinking I had installed this with a bunch of others, I have the 3.8 Borg version marked installed but none of yours BOP, I am going to have a look to see what I did and mark this installed for now. thank you for providing these.

[rootsxrocks]

A ha I found were I installed it from, Borgs' [BB Code] Pack For vB 4.0.2+

https://vborg.vbsupport.ru/showthread.php?t=236950

[BirdOPrey5]

Borgs does good work too... I usually just search by titles though so I don't see codes included in packs... I'm sure whichever you choose will be fine.

[rootsxrocks]

Thanks, BOP, I already had them installed, back in June, I am still rebuilding my Back up files from the Flash drive I lost. It does apear that yours may be different slightly and he notes an issue with his I may review some of these once I get things tidied up on my site. thanks again.

Note: I've worked all day to make this work. It's not perfect, there's a slight difference between the IE view and the Firefox view, but you still have this one BB Code that will show in both. One draw back is that I had to use the [ H1] tag so this glowing text will end up on their own line.

The example is what it looks like in Firefox.

If someone wants to work out the kinks in this please do. I've run through the knowledge that I have to get this far.

<!--[if IE]>
<H1 STYLE="filter:progid:DXImageTransform.Microsoft.Glow(Colo r={option}, Strength=5); width:100%"><font color=white>{param}</font></H1>
<![endif]-->
<![if !ie]>
<span style="text-shadow: 1px 1px 2px black, 0pt 0pt 1em {option}, 0pt 0pt 0.2em {option}; color: white; font: Georgia,'Bitstream Charter','URW Bookman L','Century Schoolbook L',serif;"><h1>{param}</h1></span>
<![endif]>

[BirdOPrey5]

Yeah, mine doesn't use H1. :up:

[OldSchoolDSL]

I've seen so many here posted.... Which one do I use ?

[BirdOPrey5]

The 3.8 and 4.0 versions of my Glow BB Codes are the same, I just posted them in each, it doesn't matter which you use.

[OldSchoolDSL]

The 3.8 and 4.0 versions of my Glow BB Codes are the same, I just posted them in each, it doesn't matter which you use.

I think you miss understood my question or maybe I should have made myself more clear (sorry).

Do I use the code in your first post, your last post, or the one posted by the rootsxrocks?

I was kind of hoping to use this on 4.1 PL2, but would like to know it will work in Internet Explorer, Firefox, Chrome, Safari, and Opera Browser or at the very least, the majority of them.

[BirdOPrey5]

I don't know what you mean bu my "last post" but if you want to use this BB Code I suggest following the instructions in the top/first post- This code works in Chrome, Safari, Opera, Firefox, and Internet Explorer.

rootscrock posted a link to another BB Code that also does the glow effect... Obviously I prefer my own code but I'm probably not the most impartial person to ask... On the other hand it's just a BB Code, I wouldn't worry about it that much- just pick one. If you like it, great, if not, try the other...

[rootsxrocks]

LOL sorry to cause the confusion, I would love to answer but I have some major breakage on my 4.1 at the moment and can't tell you.

[OldSchoolDSL]

I don't know what you mean bu my "last post" but if you want to use this BB Code I suggest following the instructions in the top/first post- This code works in Chrome, Safari, Opera, Firefox, and Internet Explorer.

rootscrock posted a link to another BB Code that also does the glow effect... Obviously I prefer my own code but I'm probably not the most impartial person to ask... On the other hand it's just a BB Code, I wouldn't worry about it that much- just pick one. If you like it, great, if not, try the other...

An honest answer, have to respect that.

Installed and working. But when clicking the glow button, I get a small window which ask me to impute my glow options. I quickly found out that it was to type in the color I wanted. But it would have been more useful had it told me that or showed a color chart.

But it is working. Thanks for your help.

[BirdOPrey5]

Unfortunately BB Codes are very limited and you can't have custom options like a color chart. Perhaps in a newer version of VB a color picker can be an option on a BB code. When I add a new bb code I make a thread telling people how to use it so they have an idea what to put in the box.

[rootsxrocks]

I have had fun with it trying different colors with not so common names and it seems to get most of them .

Like all other bb codes You will want to explain it in the description Oldschool

[Martinoo]

thanks, installed.

[orange gold]

BB Codes can only take 1 {param} and 1 {option} so there would never be a way to specify multiple colors via pure BB Code.

You could use javascript. something like,
test
And have the javascript get a string using {option}, then seperate by commas and then it would have 3 colors, THEN, it would apply thoose 3 to the {param} tag and print the final result back onto the webpage :D Shouldn't take too much time.

[BirdOPrey5]

You could use javascript. something like,
test
And have the javascript get a string using {option}, then seperate by commas and then it would have 3 colors, THEN, it would apply thoose 3 to the {param} tag and print the final result back onto the webpage :D Shouldn't take too much time.

:D Feel free to release this mod yourself.

[orange gold]

Too lazy hahahah already working on other mods /:

[BirdOPrey5]

I honestly just hate javascript... I try to avoid it as much as possible these days.

[hoadiem]

install and it worked but one thing , when i post a glowing text , it posted at the bottom why not on the top of the post, how do i fix this?

[BirdOPrey5]

What version of vBulletin?

[hoadiem]

v4.0.3

[BirdOPrey5]

need a link to your forum where you have glow used in a post.

[charlesr]

Cheers. Installed.