Help - Search - Members - Calendar
Full Version: Bb Code Help
BleepingComputer.com > General Topics > General Chat
Pages: 1, 2
   
Scarlett
First I would love to welcome one and all of our new members to Bleeping Computer! Just in case I've forgotten some of you. Since it is becoming so hard to give a personal welcome to all of you. As there are sooo many of you. w00t.gif

But anyway back to the subject at hand. I thought that I would post this to help out those of you who seem to be having some trouble w/ your font, size, & color choices etc. Here is a simple screenshot pointing out how you can get to the BB Code Help.
Before you know it you will be able to do it from memory. smile.gif


Click thumbnail image below to enlarge



Once you get the hang of the BB Color Code. You may want to expand your color horizon of the BB Code. This link will take you to a complete HTML True Color Chart.

Complete HTML True Color Chart

Tip: When applying the basic BB Color Code, available when posting on Bleeping Computer. It will look like this.

CODE
[COLOR=green]Hello[/COLOR]


Hello

When using the many choices within the Complete HTML Color Chart. It will look like this.

Instead of applying the name of the color as part of the code. Insert the numeric color code.

CODE
[color=#336633]Hello[/color]


Hello


When choosing a specific font, It will look like this.

CODE
[font=comic sans ms]Hello[/font]


hello




When you want to choose a specific size for your text. This is the BB Code to use.

CODE
[size=3]Hello[/size]


Hello


Now for creating bold text. Use this code when doing so.

CODE
[b]Hello[/b]


Hello


For italic text. Use this code.

CODE
[i]Hello[/i]


Hello


And last but not least. The code to underline text.

CODE
[u]Hello[/u]


Hello

Now let's use all the BB Code together.

CODE
[color=green][font=comic sans ms][size=4][b][i][u]This is how it will look prior to posting.[/u][/i][/b][/size][/font][/color]


This would be the outcome of applying all of the above code.

Note: When someone states that "tags" are not closed. They are speaking of using the full and correct BB Code.



One other thing I'd like to mention is how to post a hyperlink/URL.

Hyperlink code:

CODE
[url=http://www.bleepingcomputer.com]Bleeping Computer.com[/url]


Bleeping Computer.com

You can use the BB Code in this also.

CODE
[url=http://www.bleepingcomputer.com][b][color=green]Bleeping Computer.com[/color][/b][/url]


Bleeping Computer.com







A quick and easy way to apply BB Code in your posts.

Type text and then use your cursor to highlight text, you would like to enhance using BB Code.
Next click on one of the BB Code icons on text editor tool bar. This will automatically add the BB Code tags to your text.

BB Code tool bar options

Font - Text font choices
Size - Text size choices
B - Bold text - B
I - Italic text - I
U with line underneath - Underlined text - U
S with line through it - marked out text - S
A - Font color - A
Globe - Link - link
Tree image - Image - Image
Text balloon image - Quoted text -
QUOTE
Quote

Numeric symbol image - Coded text -
CODE
code



A post preview will show the results.
This can be done with any or all of the BB Code options available on the text editor tool bar.

Easy breezy.

JEservices
I love your writing, Scarlett. Which imaging software did you use? Im not being sarcastic, I'm serious.

scratchhead.gif helps when my brain does not work when it should... tongue.gif Thanks for the new one Grinler.
Scarlett
Thanks JE smile.gif It was only Paint. I used the brush choice with the color red added.
Grinler
clapping.gif Great post Scarlett!! I am pinning this baby! clapping.gif


As a further note, bbcodes are simply codes that you can put in your message that allows you to change the formatting of the text. You can do underlines, change font sizes, change colors, and other fun things.

Almost all codes require you to do a starting code, that starts the effect, and then to end the formatting by doing a corresponding end code.

Here is an example of bolding some text:

CODE
[b]This text will be bold[/b]


Notice how we have a beginning code to start the formatting and a corresponding end code to end it.

When we add that text to a message it would look like this:

This text will be bold

There is no reason you can not use multiple codes in one shot. Just remember they must all have ending tags. For example to underline a red font with bold we would type this:

CODE
[u][color=red][b]This is an underlined bolded red font [/b][/color][/u]


Which would look like this:

This is an underlined bolded red font

Hope this clears up some confusion.
Bluie
What is the code for background color? This is really useful for posting spoilers.
JEservices
That is a tricky question, because most people do not know that in each message the background color can differ slightly.

Now if only there was a transparent color that you could put the text on... whistling.gif

Free free to try it out in the scribbles thread tongue.gif
tg1911
Sort of a rehash of whats been posted:

Using BB code:
use [ ] instead of ( )

Opening tag (B)
Closing tag (/B)
(You must use "closing tags" on everything: (/B), (/I), (/FONT), etc...)


Using (B)Hello(/B) will give you:
Hello

Using (I)Hello(/I) will give you:
Hello

Using (U)Hello(/U) will give you:
Hello

Using Font / Times will give you:
(FONT=Times)Hello(/FONT), which will post as:

Hello


Clicking Size / Large will show as:
(SIZE=7)Hello(/SIZE), and will post as:

Hello

I think this board can accept as high as size 7, and as low as size 4.
Size=7
Hello

Size=6
Hello

Size=5
Hello

Size=4
Hello


Using Color / Green will give you:
(COLOR=green)Hello(/COLOR), which will post as:

Hello

Note:
When it comes to color, you're not limited to the basics; red, blue, green, etc...
HTML codes for colors, will work. Just replace "green" with the color of your choice. You can copy/paste the color name (YellowGreen), or the color code (#9ACD32), in place of "green".
This:
(COLOR=YellowGreen)Hello(/COLOR)
Or this:
(COLOR=#9ACD32)Hello(/COLOR)
(Don't forget the "#" sign, in front of the color code number.)

Would give you this:
Hello

Here are a couple of links to HTML color code sites:
HYPE's Color Specifier
htmlgoodies.com
Complete HTML True Color Chart


Using (URL=http://www.bleepingcomputer.com)BleepingComputer(/URL) will give you:
BleepingComputer


You can also combine your codes. For example:
(URL=http://www.bleepingcomputer.com)(B)(SIZE=6)(COLOR=#8B0000)BleepingComputer(/COLOR)(/SIZE)(/B)(/URL) will give you:

BleepingComputer
EdBee
Great Info-- Re instructs re tags!!! w00t.gif Can you not use the" close all tags" instead of closing each tag seperately? dance.gif
Scarlett
Yes. But I seem do it manually more so than the other. It is such a habit now. smile.gif Which works well in "Fast Reply" wink.gif
kurokotoq
I'm very happy i got in this forum...hope it can help us one another...im looking forward to it...
phawgg
Our pleasure is helping, kurokotoq.
I simply enjoy typing with bbcodes.
Font face changes come natural to me now.
I just type bracket b bracket your name bracket forward-slash b bracket
as a matter of habit.
Now.

I couldn't say that six months ago. laugh.gif

HAVE FUN WITH US HERE

bracket c-o-l-o-r = red bracket bracket forward-slash c-o-l-o-r bracket cursor placed in between the back to back brackets and HAVE FUN WITH US go back to the start and add
bracket c-o-l-o-r = g-r-a-y bracket cursor I-bar to the end of the line & yup, bracket forward-slash c-o-l-o-r bracket


well, sometimes I use the wrong-way facing brackets. rolleyes.gif

So, I use the Preview button to check my post first, then I Add Reply.

A little slower at first, but still... practice improves it. w00t.gif
cowsgonemadd3
Never did say but good post!
jgweed
Thank you, berni2K, for the link!!!!!!
I will have to play with using this extension.
Regards,
John
phawgg
I second the above comment. Good one. smile.gif Thanks, bernie2k
Scarlett
Once you get the hang of the BB Color Code. You may want to expand your color horizon of the BB Code. This link will take you to a complete HTML True Color Chart.

Complete HTML True Color Chart

Tip: When applying the basic BB Color Code, available when posting on Bleeping Computer. It will look like this.

CODE
[COLOR=green]Hello[/COLOR]


Hello

When using the many choices within the Complete HTML Color Chart. It will look like this.

CODE
[color=336633] Hello[/color]


Hello

Instead of applying the name of the color as part of the code. Insert the numeric color code.

*The above has been added to the introductory post in this thread. So it can be available for quick reference.*
berni2k
@jgweed and phawgg
np

it will make you independent hehe
Eric Bland
For signatures use the BB



CODE
[url=http://www.yoursite.com]Your Link[/url]






-------------------------------
SEO SEO Directory Search Engine Optimization
Website Design Website Design Directory
Forum SEO_States_Cities_Directories
Piney
I use MS FrontPage, is it possible to copy/paste the html code from there to this reply and have it work?
Let me test

<b><a href="http://www.pandasoftware.com/products/acti...n_principal.htm">Panda free scan</a></b> <br>
<b><a href="http://housecall.antivirus.com/housecall/start_pcc.asp">Trend Micro HouseCalls</a></b> <br>
<b><a href="http://www.bitdefender.com/scan/licence.php">BitDefender On-Line Virus Scan</a></b>
Piney
well that doesn't appear to be an option darn it wacko.gif
Grinler
No html is disabled in the forums for security reasons. Instead you need to use the bbcode equivalents.
darkside
Thanks for that. I've always wondered how to do strike through.
georgia
clapping.gif This is one of the best, most concise dialogues that I have seen on this topic.
I haven't used the features because my work has not allowed me the time to explore the use and everyones comments here have been very helpful.

wink.gif Why should I be saying this as everything here at BC is helpful !!!

Thankyou smile.gif And especially Scarlett for starting the topic!!

CHEERS!!!
Scarlett
Your welcome Georgia

When I was new here, I did not know a thing about BB Code. My first posts were a mess. It seemed as everything does at first. To be so complicated.

lol I now do it from memory. icon_bubbles.gif
deerslayer
Scarlett,
This is an AWESOME post! And i actually looked at your fist post...
(everyone's memory fades back, just like TV....hysterical.gif )

QUOTE
I'm new to this board. So I just wanted to say hello. And that I hope you all are having a good day!


and post # 2 by Scarlett...

QUOTE
Gee whiz. I need to learn how to post. This is excactly why I took a while to post. Sorry everyone. Why did the font choices show?


Dang! It's weird to think someone as cool as you, scarlett, was once a newbie, like us. hysterical.gif

But anyhoo, that's enough spamming for one post... laugh.gif

I'm sure this was addressed in this topic, but can you please show me how to post links??? blink.gif You know, You make you link in one or two words instead of,
whatever.whocares.com. How do you go, Click here??

I'm sorry if it is already posted. If it is, GOGH AHEAD AND SLAP ME WITH A BIG SMELLY TROUT!!! lmfao.gif
-Deerslayer
Pandy
I'll gogh ahead and take it upon myself to answer you Deerslayer. lol To make the links you refer to all you do is select the link you want to post, copy it. In the reply box you click on the button that says http:// and you paste the link you copied into the box that asks for a URL. then click ok and another box comes up called Enter Title of Webpage. Name the link whatever you like. You can place BBcode in this field to make it bold, colored, or pretty much wahtever you like. I hope I was clear enough.
deerslayer
Thanks a whole heap Pandy!! smile.gif
That made it clear as a cup of gogh-gogh juice! tongue.gif lol
Now i can gogh and post away!!!
Thanks again,
Deerslayer
Scarlett
QUOTE(deerslayer @ Sep 17 2005, 10:38 AM)
Scarlett,
This is an AWESOME post! And i actually looked at your fist post...
(everyone's memory fades back, just like TV....hysterical.gif )


Dang! It's weird to think someone as cool as you, scarlett, was once a newbie, like us. hysterical.gif



I'm sure this was addressed in this topic, but can you please show me how to post links??? blink.gif  You know, You make you link in one or two words instead of,
whatever.whocares.com. How do you go, Click here??

-Deerslayer



Deerslayer you have done gone and made me blush.gif

Gee I was such a newb. Yikes! How embarrasing. LOL

But all in all. I guess it only goes to show. That if someone like myself can learn. There is hope for all. icon_bubbles.gif <---- Favorite smiley.

I had never ever heard of BB Code. Now I am a bleeping expert. Who would of thunk it. tongue.gif lmfao.gif

Thanks for the mentioning of my "coolness" factor. wink.gif

"Cause geek gurls can be cool too! cool.gif

Ummm... still waiting for your titled link.
deerslayer
Scarlett,
QUOTE
I dig nerdy chicks like you too! thumbup.gif  (quote from Scooby-Doo movie)
hysterical.gif hysterical.gif

I don't think anyone here's a nerd! (unless they want to be one. lol)

I love this site!! clapping.gif I can't say that enough! It's so cool to learn stuff and to have good friends like Scarlett and Pandy and...UH OH! I've started naming them!!! Can i just copy and post all 31629 members!!!!

You are all my friends! thumbup.gif

And thanks for your help.

PS. to keep this from getting to far off-topic:
Thanks for the BB code help Pandy. And thanks for posting such a great topic, Scarlett!
Scarlett
lmfao.gif Ditto and back at 'ya.

Although.. I'm still waiting for a titled link. wink.gif
deerslayer
Here it is....


I got a little carried away with my drawing! hysterical.gif

or for better reference look here

lmfao.gif

Thanks Scarlett!
gizmo68
Please dont laugh to hard I have read BBcode,BBcode help to my eyes hurt and for the life of me I just cant seem to make it work. I hate to ask it's right here in front of me but huh.gif it might as well be in french my feeble mind wont process it.

Discuss :http://airdance.proboards50.com/index.cgi?...read=1126779560
It should read Discuss: here

Courtesy :http://www.malakandsky.blogspot.com/
It should read Courtesy:Fountainhead

Is there any one who could point me in the right direction Please?
Thank you gizmo68
ddeerrff
I'll defer to Scarlett.....
Scarlett
On Reply page.


Code Buttons
Guided Mode <---- Click on this radio button
Normal Mode

Then click on http:// Which is one of the BBCode choice buttons.

A box will pop up. Clear the field and paste the URL you wish to link to.
(At first it will by default show http://)
Click ok


Next, another box will pop up.

Clear the field and type or paste the title of the link you want. Here, site name, etc.
(At first it will show by default My webpage)
Click ok

CODE
[URL=http://airdance.proboards50.com/index.cgi?...read=1126779560][color=red]here[/color][/URL]


CODE
[URL=http://www.malakandsky.blogspot.com/ ][color=green]Fountainhead[/color][/URL]




A good place to practice is the Test and Scribbles forum

Just start your own topic. And practice to your hearts content. smile.gif
gizmo68
thumbup.gif ddeerrff thumbup.gif Scarlett thumbup.gif
Thank you both so very much, It's tuff being a newbi the frustration and doubt sometimes seem so overwhelming. Thank you again for lightning the way.
Have a great day. gizmo68
ShowLove
Cool, neat thread although I already knew most of the BB Code commands smile.gif
berni2k
QUOTE(berni2k @ Jan 13 2005, 07:08 PM) *


site moved to: http://jedbrown.net/1.0/mozilla/extensions/

get the bbcode extension here: http://anonym.to/?http://jedbrown.net/dev/Mozilla/bbcode.xpi

have phun!
Scarlett
Gee thanks berni2k! thumbup.gif

I believe I'll edit your prior post with the new link.
mrs ed
this is my try
http://programas.tvn.cl/rojo/2006/TVCHILE
I hope this work
mrs ed
Ok this is my ?
I got this
CRICK HERE http://www.bleepingcomputer.com/tutorials/tutorial43.html

But I want this

CRICK HERE

any help
Scarlett
Click on the Globe symbol. Then..



Now a another box will pop up.




smile.gif
Animal
This works too:

CODE
[url=http://www.bleepingcomputer.com/tutorials/tutorial43.html]CLICK HERE[/url]


Will look like:CLICK HERE

Da Animal
tg1911
Or for those of you with nothing better to do, like me, you could always go with:
CLICK HERE

lmfao.gif

I would have posted the code, but it throws the board waaaay off.

Edit:
I put a space between each letter, so I could post the code without it throwing the board off:
CODE
[url=http://www.bleepingcomputer.com/tutorials/tutorial43.html][color=#66FF00][size=4][b]C[/b][/size][/color] [color=#FF00FF][size=5][b]L[/b][/size][/color] [color=#FF0033][size=6][b]I[/b][/size][/color] [color=#CC3333][size=7][b]C[/b][/size][/color] [color=#990033][size=6][b]K[/b][/size][/color]
[color=#CC00CC][size=5][b]H[/b][/size][/color] [color=#336633][size=4][b]E[/b][/size][/color] [color=#9900FF][size=5][b]R[/b][/size][/color] [color=#000099][size=6][b]E[/b][/size][/color][/url]
mrs ed
tank you Scarlet,Animal and Tk1g11
tg1911
Your welcome, mrs ed.
If you use Firefox as a browser, there are a couple of extensions you should check out, that will help make coding your posts easier:
BBCode
BBCodeXtra
mrs ed
QUOTE(tg1911 @ Sep 14 2006, 01:33 PM) *
Your welcome, mrs ed.
If you use Firefox as a browser, there are a couple of extensions you should check out, that will help make coding your posts easier:
BBCode
BBCodeXtra

thanks again. it is much better now[color=#333399][/color]
mrs ed
QUOTE(tg1911 @ Sep 14 2006, 01:33 PM) *
Your welcome, mrs ed.
If you use Firefox as a browser, there are a couple of extensions you should check out, that will help make coding your posts easier:
BBCode
BBCodeXtra

thanks again. it is much better now
tg1911
You're quite welcome, mrs ed. smile.gif
Scarlett
Your so welcome.
Great job! thumbup.gif
Scarlett





A quick and easy way to apply BB Code in your posts.

Type text and then use your cursor to highlight text, you would like to enhance using BB Code.
Next click on one of the BB Code icons on text editor tool bar. This will automatically add the BB Code tags to your text.

BB Code tool bar options

Font - Text font choices
Size - Text size choices
B - Bold text - B
I - Italic text - I
U with line underneath - Underlined text - U
S with line through it - marked out text - S
A - Font color - A
Globe - link
Tree image - Image
Text balloon image -
QUOTE
Quote

Numeric symbol image -
CODE
code



A post preview will show the results.
This can be done with any or all of the BB Code options available on the text editor tool bar.

Easy breezy.

Note: I will also be adding this to the top of the topic for easier access.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2008 Invision Power Services, Inc.