Cheat-master30's Ultimate BB Code List

Discussion in 'Articles' started by cheat-master30, Mar 13, 2010.

  1. cheat-master30 Senior Member

    Likes Received:
    42
    Want more interesting BB code for your vBulletin forum that merely the default, including tags for things as wide ranging as definition lists, videos and fancy effects? Well you're in luck, since this mod has every single BB code I have released on vBulletin.org over all time, which should at least triple the amount of functionality members can use in their posts.



    Gamespot Videos


    Title: Gamespot

    Tag: Gamespot

    Replacement (choose one or add both seperately):

    640px wide version
    HTML:
    <embed  id="mymovie" width="640" height="391" flashvars="bwr=0&skinXML=http://image.com.com/gamespot/images/cne_flash/production/eidothea/release/eidotheaEmbedded640_169.xml&playerMode=embedded&movieAspect=16.9&mapp=embedded_640&gen=1&uvp=http://vidtech.cbsinteractive.com/player/1_3_2/CBSI_PLAYER.swf&adp=http://vidtech.cbsinteractive.com/plugins/adp/1_3_2/CBSI_AdPlugin.swf&smode=fit&viewMode=sd&autoPlay=false&paramsXML=http://uk.gamespot.com/pages/video_player/xml.php?id={{param}}&mode=embedded&width=640&height=391&newplayer=1" wmode="opaque" allowscriptaccess="always" scale="noScale" salign="lt" allowFullScreen="true" quality="high" name="mymovie" style="" src="http://image.com.com/gamespot/images/cne_flash/production/eidothea/release/eidothea.swf" type="application/x-shockwave-flash"/> 
    480px wide version:

    Code:
    HTML:
    <embed  id="mymovie" width="480" height="310" flashvars="bwr=0&skinXML=http://image.com.com/gamespot/images/cne_flash/production/eidothea/release/eidotheaEmbedded480_169.xml&playerMode=embedded&movieAspect=16.9&mapp=embedded_480&gen=1&uvp=http://vidtech.cbsinteractive.com/player/1_3_2/CBSI_PLAYER.swf&adp=http://vidtech.cbsinteractive.com/plugins/adp/1_3_2/CBSI_AdPlugin.swf&smode=fit&viewMode=sd&autoPlay=false&paramsXML=http://uk.gamespot.com/pages/video_player/xml.php?id={{param}}&mode=embedded&width=480&height=310&newplayer=1" wmode="opaque" allowscriptaccess="always" scale="noScale" salign="lt" allowFullScreen="true" quality="high" name="mymovie" style="" src="http://image.com.com/gamespot/images/cne_flash/production/eidothea/release/eidothea.swf" type="application/x-shockwave-flash"/> 


    Example:


    [Gamespot]6249444[/Gamespot]

    Deviant Art

    Title: DeviantART

    Tag: devart

    Replacement:

    Code:

    Code:
    <object width="450" height="352"><param name="movie" value="http://backend.deviantart.com/embed/view.swf" /><param name="flashvars" value="id={param}&width=1337" /><param name="allowScriptAccess" value="always" /><embed src="http://backend.deviantart.com/embed/view.swf" type="application/x-shockwave-flash" width="450" flashvars="id={param}&width=1337" height="352" allowscriptaccess="always"></embed></object><br /><a href="http://www.deviantart.com/deviation/{param}/">{param}</a> by ~<a class="u" href="http://{option}.deviantart.com/">{option}</a> on <a href="http://www.deviantart.com">deviant</a><a href="http://www.deviantart.com">ART</a>
    Example:

    [devart=enter username here]Enter image id here[/devart]

    Use Option?

    Yes

    Allow smilies in code?

    No

    Allow other BB code in code?

    No

    AOL Video
    Title: AOL Video

    Tag: aol

    Replacement (for AOL's own videos, dependant on area):

    <iframe src="http://us.video.aol.com/player/launcher?pmmsid={param}&autoplay=0&ar=us_en_video_408x406_snag" scrolling="no" frameborder="0" width="408" height="408"></iframe><div style="font-size: 0.6em; font-family:tahoma;">Powered by <a href="http://video.aol.com">AOL Video</a> </div>

    Or for Youtube hosted videos through AOL:

    <embed src="http://xml.searchvideo.com/eb/i/{param}/a/58ef677afb89fc040e3dec6de7dd6c26/p/1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" ></embed>

    Also works for IFilm videos through AOL

    Or (for external media sources):

    <embed src="http://developer.searchvideo.com/apps/videoWidget/videoWidget1.swf?query=id:{param}" type="application/x-shockwave-flash" width="425" height="97" ></embed>

    Examples:

    Code 1:

    1426402

    Code 2:

    1490529868

    Code 3:

    1025624612

    Description:

    Embed videos from AOL with these BB codes.

    Supported Video sources:

    AOL (Kids, TV, etc)
    ExpoTV
    Youtube
    IFilm
    Racing Clipz
    Gametrailers
    Google Video

    Definition List

    This allows users to insert a definition list in their posts, and when used with the definition entry BB code, has a wide range of uses.

    Code to use:

    Code:


    [Definition]

    Replacement:

    Code:

    HTML:
          <dl>{param}</dl> 
    Example:

    Code:

    [Definition][Defineobject=PHP]A scripting language used for interactive features such as forums online[/Defineobject][/Definition]

    Description:

    Use this to insert the definition titles and actual definitions.

    Definition Entry (only use with definition list)

    Code to use:

    Code:

    Defineobject

    Replacement:

    Code:
    HTML:
    <dt><b>{option}</b></dt>
    <dd>{param}</dd> 
    Example:

    Code:

    [Defineobject=PHP]A scripting language used for interactive features such as forums online[/Defineobject]

    Description:


    Use this to add more definitions to a definition list.

    Heading

    Use this to add heading tags of types 1 to 6 in posts. Semantic titles without using bold formatting or italics and that show the level of heading to screen readers and the like.

    Tag:

    Code:

    h

    Replacement:

    Code:

    HTML:
          <h{option}>{param}</h{option}> 
    Example:

    Code:

    [h=1]This is a heading[/h]

    Description:

    Use this to insert a semantically correct heading into the document by modifying the text you want made into a bold, large heading. This is good semantics for headings in guides and FAQs.

    Google Search:

    Use this to link to Google for the specified term. I also attached a modified one which replaces Google with Ask Jeeves. Can also be used for any search engine online if you know how to edit the code.

    Tag:

    Google


    Replacement:


    Code:

    HTML:
          <a href="http://www.google.com/search?hl=en&q={param}">{param}</a> 
    Example:

    Code:

    [google]Nintendo[/google]

    To use with Ask Jeeves, use this replacement for the replacement part in BB code manager:

    Code:

    HTML:
          <a href="http://uk.ask.com/web?q={param}">{param}</a> 
    For Wikipedia, use this for the replacement:

    Code:

    HTML:
          <a href="http://en.wikipedia.org/wiki/{param}">{param}</a> 
    To use Lycos, use this for a replacement:

    Code:
    HTML:
    <a href="http://search.lycos.com/?query={param}&x=0&y=0">{param}</a> 
    
    To use Yahoo, use this as a replacement:

    Code:
    HTML:
    <a href="http://search.yahoo.com/search?p={param}&fr=yfp-t-501&toggle=1&cop=mss&ei=UTF-8&vc=&fp_ip=UK">{param}</a> 
    To use the Internet Archive, use this as a replacement:

    Code:

    HTML:
    <a href="http://web.archive.org/web/*/{param}">{param}</a> 
    For Bing:

    HTML:
    <a href="http://www.bing.com/search?q={param}">{param}</a>
    You can use each one as a different code if you wish.

    Right to left

    Changes text direction.

    Tag:

    rtl

    Replacement:

    Code:

    HTML:
          <bdo dir="rtl">{param}</bdo> 
    Example:

    Code:

    [rtl]This is weird[/rtl]

    Description:

    Turns the text from the right to left rather than left to right.

    Sub Script

    This is explanatory in the name.

    Tag:

    sub

    Replacement:

    Code:

    HTML:
          <sub>{param}</sub> 
    Example:

    Code:

    [sub]test[/sub]

    Description:

    Make text that floats slightly below the main text.

    Sup Script

    Tag:

    sup

    Replacement:

    Code:

    HTML:
          <sup>{param}</sup> 
    Example:


    Code:

    3[sup]3[/sup]

    Description:

    This is for text floating slightly above, like how the 3 floated up and to the right of a number shows that it is cubed.
    Horizontal Line

    Tag:

    hr

    Replacement:

    Code:

    HTML:
          <hr /><p>{param}</p> 
    Example:

    Code:

    Description:

    Use this to insert a horizontal line into your post with your highlighted content below it.

    Note: The text between goes in the p tags under the line.

    Spoiler Tag

    Tag:

    spoiler

    Replacement:
    Code:

    HTML:
          <span class="Spoiler">{param}</span> 
    In CSS, add:

    Code:

    HTML:
          .Spoiler {background: white; color: white; outline: 1px solid black;} 

    Example:


    Code:

    There is a Shroob Princess in the Cobalt Star in Mario and Luigi Partners in Time


    Description:

    You can use this to hide spoilers in games, movies and from TV shows by turning the text the same colour as the background.

    Blinking Text

    Tag:

    blink

    Replacement:

    Code:

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

    Example:


    Code:

    HTML:
          [blink]text[/blink] 
    Description:

    This allows you to have blinking text.

    To disable blink in Firefox if favourite forums implements above code:

    Type in about:config then set browser.blink_allowed so the value is false. No more blinking text.

    Glossary Category Link:

    Tag:

    Glossary

    Replacement:

    Code:

    HTML:
    <a href="glossary.php?do=listglossary&c=1&ltr={param}&pp=0">{param}</a> 
    Example:

    Code:
    [glossary]A[/glossary]

    Description:

    Use this to link to a glossary category.

    Definition

    Tag:

    def

    Replacement:

    Code:

    HTML:
          <dfn title="{option}">{param}</dfn>
    Add in CSS:

    Code:

    HTML:
          dfn {font-weight: bold; background: gold; cursor: help; } 
    Example:

    Code:

    [def=A popular games company]Nintendo[/def]

    Description:

    Use to post definitions, without a list, in your posts or signatures.

    Strike Through

    tag:

    strike

    Replacement:

    Code:

    HTML:
          <span class="linethrough">{param}</span> 
    in CSS:

    Code:

    HTML:
          .linethrough {text-decoration: line-through; } 
    Example:

    Code:

    [strike]Line is crossed out[/strike]

    Description:

    Use this to cross out words in a post. Or sentences. Or paragraphs.


    Overline


    Just as there is strike through and underlined text, this allows for overlined text in posts.

    Tag:

    overline

    Replacement:


    Code:

    HTML:
          <span class="overline">{param}</span> 
    In CSS add:

    HTML:
     .overline {text-decoration: overline; }
    Example:

    Code:
    [overline]This text is overlined[/overline]

    Description:


    Use this to overline text, whatever that is.
    Lower Case Text

    This turns all text within tags to lower case.

    Tag:

    lowercase

    Replacement:

    Code:

    HTML:
          <span class="lower">{param}</span> 
    Put this in your CSS stylesheets:

    Code:

    HTML:
          .lower {text-transform: lowercase; } 
    Example:

    Code:

    [lowercase]THIS IS TEXT![/lowercase]

    Make all text uppercase:

    Makes all selected text fully upper case. Does not stay upper case when copied to Notepad or any other text editor.

    Tag:

    allcaps

    Replacement:

    Code:

    HTML:
          <span class="Capital">{param}</span> 
    Put this in CSS:

    Code:

    HTML:
          .Capital {text-transform: uppercase; } 

    Example:


    Code:

    [allcaps]This is some capital text[/allcaps]

    Description:

    Use to capitalise all text selected.
    Small Capital Letters

    Tag:

    smallcaps

    Replacement:

    Code:

    HTML:
          <span class="smallcaps">{param}</span> 
    Add in CSS:

    Code:

    HTML:
          .smallcaps {font-variant: small-caps; } 
    Example:

    Code:

    [smallcaps]This is in small caps[/smallcaps]

    Description:

    This turns all lower case text between the tags into small upper case letters. Weird but cool.

    No Follow Links

    Tag:

    nofollow

    Replacement:

    Code:

    HTML:
          <a href="{option}" rel="nofollow">{param}</a> 
    Example:


    Code:

    HTML:
          [nofollow=http://google.com]Non indexable Google Link[/nofollow] 
    Description:

    Use this when linking to not liked sites to stop them getting page rank from the links from forum pages! Such as Cheat Code Central!

    Sample Code Output:

    Tag:

    samp

    Replacement:

    Code:

    HTML:
          <samp>{param}</samp> 
    Example:
    Code:

    [samp]This is the sample output from a PHP String.[/samp]

    Description:

    Allows you to show sample output from a code or program.
    Marquee

    WARNING: This code is not W3C Compliant! If you use, this will invalidate the FAQ page as standards compliant just as most video codes do, so encourage members NOT to use it in signatures and the like! It also does not work in some Netscape browsers.

    Tag:


    move

    Replacement:

    Code:

    HTML:
          <marquee>{param}</marquee> 
    Example:

    Code:

    [move]Moving text example[/move]

    Description:


    Allows for the creation of moving text. Note, please keep moving text to a minimum as not only is it very annoying after a short time, but also not correct XHTML 1.0 coding, which will cause various topic pages and the FAQ to fail validation. Try not to place in signatures.

    Abbrieviations

    Tag:

    Abbrieviate

    Replacement:


    Code:

    HTML:
          <abbr title="{option}">{param}</abbr> 

    Example:

    Code:

    [Abbrieviate=DS Ultimate]DSU[/Abbrieviate]

    Description:

    Use this for abbrieviations such as shortened forms of words and stuff.

    Flip Vertical (theoretically works, not tested, only works in Internet Explorer)

    Tag:

    flipv

    Replacement:

    Code:

    HTML:
          <span class="flipv">{param}</span> 
    In CSS:

    Code:

    HTML:
    .flipv {
    filter: flipv;
    } 
    Example:

    Code:

    [flipv]Text goes here[/flipv]

    Description:

    Use to post upside down text in posts.

    Flip Horizontal


    Tag:

    fliph

    Replacement:

    Code:
    HTML:
          <span class="fliph">{param}</span> 
    In CSS:

    Code:

    HTML:
    .fliph {
    filter: fliph;
    } 
    Description:

    Use to flip text horizontally.

    Notes: Best to use the 'Right to left BB code, that's standards compliant.

    Editor buttons are attached in this and next post.

    Attached Files:

  2. cheat-master30 Senior Member

    Likes Received:
    42
    More editor icons:

    line.gif
    low.gif
    jeeves.gif
    head.gif
    head.gif
    google.gif
    flipv.gif
    fliph.gif
    cap.gif
    blink.gif
    acro.gif
  3. Egghead

    Michael Well-Known Member

    Likes Received:
    76
    Software You Use:
    XenForo
    Wow what a collection you have drawn up, nice work there :D
  4. cheat-master30 Senior Member

    Likes Received:
    42
    No problem. They were originally all over vBulletin.org in my various topics, but I put them into one and added some stuff so more people can use this BB code.
  5. Horny

    TheRevTastic I don't want to be George Michael

    Likes Received:
    69
    Software You Use:
    IPB, XenForo
    Anyway you can make most of these work with ipb 3.x.x?
  6. cheat-master30 Senior Member

    Likes Received:
    42
    Not sure, but if I buy a license soon I can tell you how to use this BB code with IPB 3.
  7. _melody_ Miscellaneous Melody

    Likes Received:
    14
    It's very convenient to see so many of these in one place. Thank you! :devilish:
  8. Chase New Member

    Likes Received:
    11
    The formatting confused me with all the bolding etc. maybe size up the heading for each one.
  9. MjrNuT Shaft Central-ish

    Likes Received:
    31

    Agreed. Possible to separate each BBCODE with a line or Centered Title just to distinguish?


    Other than that, very awesome for you to provide!! +1
  10. cheat-master30 Senior Member

    Likes Received:
    42
    Thanks for the comments, and I've edited the format to be clearer (irony Admin Extra... the tags needed to make it even clearer are those listed here which you still haven't added, such as the horizontal line code and the heading code...)
  11. Angelic

    Azhria Lilu Barry & Brad Bodyswapping?

    Likes Received:
    925
    Software You Use:
    IPB, XenForo
    :thumbsup: Will add them in a bit :)
  12. PandaMarketer Member

    Likes Received:
    0
    Where would you put the css with vb 4.0.3 ?

    ---------- Post added at 01:50 PM ---------- Previous post was at 01:08 PM ----------

    How can I get these images to show up in the quick editor, and the quick reply?
  13. cheat-master30 Senior Member

    Likes Received:
    42
    I can't really help with vB 4.0, don't use it, but you should have an option to enter the button image address when adding the code. As for the CSS, maybe add to a template or style var, I don't know the system here.
  14. Egghead

    Michael Well-Known Member

    Likes Received:
    76
    Software You Use:
    XenForo
    Add the css to CSS Templates > vbulletin.css, anywhere in there should work im not sure about the images though.
  15. PandaMarketer Member

    Likes Received:
    0
    Okay, I just found that my theme is a little messed up. :)

Share This Page