Custom BBcodes

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • JsnakeJ
    New Member
    • Apr 2005
    • 16
    • 3.0.3

    Custom BBcodes

    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/admin...ode.php?do=add

    Spoiler
    In your main CSS, add the following to your "Additional CSS Definitions":
    Code:
    .spoiler { COLOR: #000000; BACKGROUND-COLOR: #000000 }
    In your BB Code Manager, input the following:

    Title:
    Spoiler Tags

    Tag:
    spoiler

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

    Use Option:
    No


    Droplist

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

    Title:
    Drop

    Tag:
    drop

    Replacement:
    Code:
    <select>{param}</select>
    Use Option:
    No


    Title:
    Option

    Tag:
    option

    Replacement:
    Code:
    <option>{param}</option>
    Use Option:
    No



    Center

    Title:
    Center

    Tag:
    center

    Replacement:
    Code:
    <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:
    Code:
    [hide]{param}[/hide]
    Use Option:
    No

    Button Image:
    Do not hotlink my image.




    Blink

    Title:
    Blink

    Tag:
    blink

    Replacement:
    Code:
    <span style="text-decoration: blink;">{param}
    Example:
    [blink]Cool, I blink[/blink]

    Use option:
    No



    Shadow text

    Title:
    Shadow

    Tag:
    shadow

    Replacement:
    Code:
    <div style="width:100%; filter:shadow(color={option}, direction=225)">{param}
    Example:
    [shadow=black]this text drops shadow[/shadow]

    Use Option:
    Yes



    Glow text

    Title:
    Glow

    Tag:
    glow

    Replacement:
    Code:
    <div style="width:100%; filter:glow(color={option}, strength=4)">{param}
    Example:
    [glow=blue]this text is glowing[/glow]

    Use Option:
    Yes



    Moving text

    Title:
    Move

    Tag:
    move

    Replacement:
    Code:
    <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:
    [move]This Moves Across The Screen[/move]

    Use Option:
    No



    Pong

    Title:
    Pong

    Tag:
    pong

    Replacement:
    Code:
    <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:
    [pong]This text bounces left and right.[/pong]

    Use Option:
    No



    Up

    Title:
    Up

    Tag:
    up

    Replacement:
    Code:
    <sup>{param}</sup>
    Example:
    Example[up]2[/up]

    Use Option:
    No

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

    Check out my sites:

    Last edited by JsnakeJ; Tue 12 Apr '05, 9:31am.
    Help Threads: BBcodes

    My Sites: Wrestling-Dungeon | Immortal Wrestling
  • Krismaster
    New Member
    • Mar 2005
    • 2

    #2
    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!

    Comment

    • Dean C
      Senior Member
      • Mar 2002
      • 4571
      • 3.5.x

      #3
      <right> and <left> are not valid HTML. You should use a div or span with style="text-align: right;" or style="text-align: left;"
      Dean Clatworthy - Web Developer/Designer

      Comment

      • angelicGrace
        New Member
        • Jun 2004
        • 24
        • 3.0.7

        #4
        ok pong and blink are wicked cool. rock on!

        Comment

        • Zachery
          Former vBulletin Support
          • Jul 2002
          • 59097

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

          Comment

          • angelicGrace
            New Member
            • Jun 2004
            • 24
            • 3.0.7

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

            Comment

            • Dean C
              Senior Member
              • Mar 2002
              • 4571
              • 3.5.x

              #7
              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
              Last edited by Dean C; Fri 29 Apr '05, 1:13pm.
              Dean Clatworthy - Web Developer/Designer

              Comment

              • angelicGrace
                New Member
                • Jun 2004
                • 24
                • 3.0.7

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

                Comment

                • Zachery
                  Former vBulletin Support
                  • Jul 2002
                  • 59097

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

                  Comment

                  • Dean C
                    Senior Member
                    • Mar 2002
                    • 4571
                    • 3.5.x

                    #10
                    I didn't say they didn't. I said they don't support IE's
                    Dean Clatworthy - Web Developer/Designer

                    Comment

                    • leannet
                      New Member
                      • Mar 2007
                      • 2
                      • 3.6.x

                      #11
                      move and shadow wont work for me

                      Comment

                      • leannet
                        New Member
                        • Mar 2007
                        • 2
                        • 3.6.x

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

                        Comment

                        • Mohammed Abu Risha
                          Senior Member
                          • Oct 2017
                          • 412
                          • 5.3.x

                          #13
                          Amazing indeed! Thank you very much!

                          Comment

                          widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                          Working...