Custom BBcodes

[JsnakeJ]

Credit for all BBcodes to some people from ozone2000's thread and me. The add new code link can be reached at http://www.yoursite.com/forums/admincp/bbcode.php?do=add


Spoiler

In your main CSS, add the following to your "Additional CSS Definitions":

.spoiler { COLOR: #000000; BACKGROUND-COLOR: #000000 }
In your BB Code Manager, input the following:

Title:
Spoiler Tags

Tag:
spoiler

Replacement:

<span class="spoiler" onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color=this.style.backgroundColor='#0000 00'">{param}</span>
Example:
You can't see this... Wait you can.

Use Option:
No



Droplist

To add the droplist you need both of these codes. (option & drop)

Title:
Drop

Tag:
drop

Replacement:

<select>{param}</select>

Use Option:
No


Title:
Option

Tag:
option

Replacement:

<option>{param}</option>

Use Option:
No



Center

Title:
Center

Tag:
center

Replacement:

<center>{param}</center>

Use Option:
No



Hide Tag

For those of you who have a hide tag installed and would like a button to go with it.

Title:
Hide

Tag:
hide

Replacement:

{param}

Use Option:
No

Button Image:
Do not hotlink my image.
http://img95.exs.cx/img95/34/hide9ql.gif



Blink

Title:
Blink

Tag:
blink

Replacement:

<span style="text-decoration: blink;">{param}

Example:
Cool, I blink

Use option:
No



Shadow text

Title:
Shadow

Tag:
shadow

Replacement:

<div style="width:100%; filter:shadow(color={option}, direction=225)">{param}

Example:
this text drops shadow

Use Option:
Yes



Glow text

Title:
Glow

Tag:
glow

Replacement:

<div style="width:100%; filter:glow(color={option}, strength=4)">{param}

Example:
this text is glowing

Use Option:
Yes



Moving text

Title:
Move

Tag:
move

Replacement:

<table height=100 width=300><tr><td style="filter:bold(color=black strength=1);font-family:arial;font-weight: BOLD;font-size:'14'"><marquee direction="right">{param}<br></table>

Example:
This Moves Across The Screen

Use Option:
No



Pong

Title:
Pong

Tag:
pong

Replacement:

<table height=100 width=300><tr><td style="filter:bold(color=black strength=1);font-family:arial;font-weight: BOLD;font-size:'14'"><marquee behavior="alternate">{param}<br></table>

Example:
This text bounces left and right.

Use Option:
No



Up

Title:
Up

Tag:
up

Replacement:

^{param}

Example:
Example2

Use Option:
No

Feel free to add to the list and I will update it into this post.

Check out my sites:
http://www.iwforums.com
http://www.wrestling-dungeon.com

[Krismaster]

Fantastic thread. I may be a newbie but that is the best thread I have seen. Great work Jake and the thread that he edited!

[Dean C]

<right> and <left> are not valid HTML. You should use a div or span with style="text-align: right;" or style="text-align: left;" :)

[angelicGrace]

ok pong and blink are wicked cool. rock on!

[Zachery]

You should also really avoid using filter due to the lack of support on any non Windows Browser.

[angelicGrace]

Is filter the reason glow refuses to show in Mozilla? Cause that would sure make it more clear when reporting bug to Mozilla.

[Dean C]

Mozilla know exactly why glow doesn't work and it isn't a bug. They just don't choose to support MS's ideas of creating their own standards in the form of filters :)

[angelicGrace]

Thanks :) I guess the next best logic would be for someone to make one that works with Mozilla. Not that t would ever be me. I am just learning html and php. I am lucky if can add a link on my own just yet. :)

[Zachery]

Dean, thats not true, mozilla has a ton of non standard CSS tags as well.

[Dean C]

I didn't say they didn't. I said they don't support IE's :)

[leannet]

move and shadow wont work for me

[leannet]

i can see the blinking one working for me, but none of my members can see it.