vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   BB Code Enhancements - Glow BB Code - Glowing Text (https://vborg.vbsupport.ru/showthread.php?t=247608)

BirdOPrey5 07-29-2010 10:00 PM

Glow BB Code - Glowing Text
 
1 Attachment(s)
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.

Add a new BBCode

Title: Glow
BB Code Tag Name: glow
Replacement:
Code:

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

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

You may get a warning that says:
Quote:

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.

Please mark as installed if you use this. :)
View My Profile 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/attachmen...3&d=1278546342

BirdOPrey5 07-30-2010 06:18 PM

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:

Code:

<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]glow text[/glow]

Do everything else the same.

COL NIL SATIS 07-30-2010 07:16 PM

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

sulasno 07-31-2010 09:43 AM

tagged and thanks

I remembered I installed another one for 4.0.x

BirdOPrey5 07-31-2010 12:19 PM

Quote:

Originally Posted by sulasno (Post 2077169)
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 08-08-2010 01:37 AM

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:

Code:

<!--[if IE]>
<div style="filter:progid:DXImageTransform.Microsoft.Glow(color={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 08-08-2010 06:22 AM

Upon editing the bbcode, i get the following:

Code:

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(color={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 08-08-2010 06:43 AM

Quote:

Originally Posted by BirdOPrey5 (Post 2077202)
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 08-08-2010 11:47 AM

Quote:

Originally Posted by Gleedo (Post 2080744)
Upon editing the bbcode, i get the following:

Code:

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(color={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:
Code:

<!--[if IE]>
<div style="filter:progid:DXImageTransform.Microsoft.Glow(color={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 08-08-2010 11:50 AM

I changed the code and got the following;

Code:

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(color={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 08-08-2010 12:10 PM

Quote:

Originally Posted by sulasno (Post 2080807)
I changed the code and got the following;

Code:

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(color={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 08-08-2010 12:59 PM

how do you get it to show multiple colours??

COL NIL SATIS 08-08-2010 01:00 PM

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

[glow="red"]test glow[/glow]?????????

thanks

BirdOPrey5 08-08-2010 02:23 PM

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:
[glow="red"]This is Blue Text with Red Glow.[/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 08-08-2010 02:24 PM

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

Dr.osamA 11-29-2010 03:39 AM

thank you bro

installed + 5 stara

rootsxrocks 12-14-2010 03:00 PM

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 12-14-2010 03:19 PM

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 12-14-2010 03:34 PM

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 12-14-2010 03:45 PM

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.

Quote:

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.

PHP Code:

<!--[if IE]>
<
H1 STYLE="filter:progid:DXImageTransform.Microsoft.Glow(Color={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 12-14-2010 03:49 PM

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

OldSchoolDSL 12-14-2010 04:41 PM

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

BirdOPrey5 12-14-2010 05:03 PM

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 12-14-2010 05:06 PM

Quote:

Originally Posted by BirdOPrey5 (Post 2133855)
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 12-14-2010 05:13 PM

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 12-14-2010 05:23 PM

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 12-14-2010 06:05 PM

Quote:

Originally Posted by BirdOPrey5 (Post 2133862)
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 12-14-2010 06:24 PM

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 12-14-2010 07:02 PM

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 12-26-2010 05:25 PM

thanks, installed.

orange gold 01-15-2011 10:24 PM

Quote:

Originally Posted by BirdOPrey5 (Post 2080882)
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,
[glow=red, green, 00FF94]test[/glow]
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 01-15-2011 11:14 PM

Quote:

Originally Posted by orange gold (Post 2149727)
You could use javascript. something like,
[glow=red, green, 00FF94]test[/glow]
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 01-17-2011 01:58 PM

Too lazy hahahah already working on other mods /:

BirdOPrey5 01-17-2011 02:35 PM

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

hoadiem 08-13-2011 09:59 PM

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 08-14-2011 12:29 AM

What version of vBulletin?

hoadiem 08-14-2011 02:15 PM

v4.0.3

BirdOPrey5 08-14-2011 03:08 PM

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

charlesr 05-16-2012 02:18 PM

Cheers. Installed.


All times are GMT. The time now is 04:57 PM.

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.01331 seconds
  • Memory Usage 1,834KB
  • 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
  • (8)bbcode_code_printable
  • (1)bbcode_php_printable
  • (10)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (39)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