Bbcode workshop

[Vaughn]

Let's have a place where everyone can ask and have answered questions about bbcode!


Like, the reason I opened this thread, I have trouble getting two images next to eachother, in line.


my question

I'm writing from a cellphone, so excuse the lack of copy pasted code.


I wanted images in line next to eachother with the text below not wrapping around them. I had them next to eachother alright, but then the text which was meant to go below them was wrapping even though I didn't want it to. I couldn't figure it out, what I need is...


A) a way to force text not to wrap


Or


B) a way to force a break between two items such that everything below the break is crossing a line, unaffected by items above.


Okay, I'll be at a computer soon and try to clarify, thanks, let's learn a bunch.

 

[Ecstasyia]

You must use HeightRestrict

 

[KebabQueen]

I sorta got a question too:


How do you change the font of a header? Every time I make a header and give it a font it doesn't work. I mean the Google fonts, not the default ones. I have no trouble getting the smaller text to change fonts, but with the headers or just the top text it's impossible for me.

 

[Meredith]

Heightrestrict and/or separating them into two columns should do it - heightrestrict will make them a uniform size, if you do it for both images.


//for the picture thing

 

[RZA]

I sorta got a question too:
How do you change the font of a header? Every time I make a header and give it a font it doesn't work. I mean the Google fonts, not the default ones. I have no trouble getting the smaller text to change fonts, but with the headers or just the top text it's impossible for me.

you put the font tags inside the header tags


[ h ] Lorem [/ font ] [/ h ]

 

[Vaughn]

 

[Vaughn]

So...


If I place them without using "Imagefloat=left" and "Imagefloat=right" they end up directly ontop one another.


But if I place them using imagefloat left and right, they end up on opposite sides of the post with text wrapping in between. Like I bet a dollar you'll see here.

 

[Ecstasyia]

So...


If I place them without using "Imagefloat=left" and "Imagefloat=right" they end up directly ontop one another.


But if I place them using imagefloat left and right, they end up on opposite sides of the post with text wrapping in between. Like I bet a dollar you'll see here.

OOOO You have to put the images in the same height restrict.

 

[RZA]

So...


If I place them without using "Imagefloat=left" and "Imagefloat=right" they end up directly ontop one another.


But if I place them using imagefloat left and right, they end up on opposite sides of the post with text wrapping in between. Like I bet a dollar you'll see here.

So you're trying to get them side by side without text wrapping?

 

[Ecstasyia]

Like this, right?

 

[Vaughn]

I'll give it a try above this text, although to be frank, I'm not sure you'll be able to SEE them at that point, lol! Also, below this I'll try a larger hieght restrict but try columns.

 

[Ecstasyia]

I'll give it a try above this text, although to be frank, I'm not sure you'll be able to SEE them at that point, lol! Also, below this I'll try a larger hieght restrict but try columns.

Just use this code:

[HEIGHTRESTRICT=200][img=https://scontent-lga3-1.xx.fbcdn.net/v/t34.0-12/13480357_10209760423992489_1913877944_n.jpg?oh=e56221c238af81ac6ee14c7325e1d127&oe=57657794][img=https://scontent-lga3-1.xx.fbcdn.net/v/t34.0-12/13459756_10209760433512727_1230004205_n.jpg?oh=a895f55885ead5a6c64ea58031a11f7b&oe=57654DF3][/HEIGHTRESTRICT]

It gets you this:

 

[Meredith]

Or put 'em in two columns should work.

Spoiler

[img=https://www.rpnation.com/proxy.php?image=https://scontent-lga3-1.xx.fbcdn.net/v/t34.0-12/13480357_10209760423992489_1913877944_n.jpg?oh=e56221c238af81ac6ee14c7325e1d127&oe=57657794&hash=b002e244fbbdd26707bc00756719a4d0]

[img=https://www.rpnation.com/proxy.php?image=https://scontent-lga3-1.xx.fbcdn.net/v/t34.0-12/13459756_10209760433512727_1230004205_n.jpg?oh=a895f55885ead5a6c64ea58031a11f7b&oe=57654DF3&hash=9d9565d652b1934ec850d8f1a6594dde]

You can also add heightrestricts into this if you want it smaller, or the images the same size.

 

[Ecstasyia]

You could do the columns also. You can experiment with making the HEIGHTRESTRICT bigger to your liking.

 

[Vaughn]

Oh!


You put both the images inside a single Height Restrict! This will probably help someone out at some point.

 

[Ecstasyia]

Oh!
You put both the images inside a single Height Restrict! This will probably help someone out at some point.

Glad I could help!


You could also make it this big and just click on the images to see the full size :

 

[Vaughn]

Double Oh!


You give items you want to line up the same OPTION for column, and they span the page by themselves!


Okay, lets try and put it all together, perhaps it'll take me an edit or two to sort things out... Here goes!

You guys are the actual greatest. Thanks.

 

[Ferociousfeind]

This might be the silliest question ever, but I don't see a strikethrough option next to the Bold, Italic, and Underline options. Anyone know how to get it?

 

[CloudyBlueDay]

This might be the silliest question ever, but I don't see a strikethrough option next to the Bold, Italic, and Underline options. Anyone know how to get it?

If you press that + option on the toolbar, the very last option is a strikethrough option! It can also be achieved by using the code:

[s]text here[/s]

text here

 

[Savagai]

Just a question


How to make the Gifs the same width and length?

[font=lara][border=1px inset][border=6px outset lightgrey][bg=#A2B5CD][h] Sef and Rufus Nevarro [/h][/bg]
[divide=dotted-thick][/divide]
[/border]
[border=4px outset][bg=#E0FFFF]
[row][column=span4][border=5px outset #CDC5BF][bg=#E0FFFF][sh]Rufus[/sh]
[b]Name:[/b] Rufus Nevarro

[b]Age:[/b] 21

[b]Sexuality:[/b] Bi-sexual

[b]Gender:[/b] Male
[accordion]
{Slide=biography}{/slide}
{Slide=Personality}{/slide}
{Slide=Appearance}{/slide}
[/accordion]
[/bg][/border][/column][column=span4][border=dotted][img=https://www.rpnation.com/proxy.php?image=https://d.gr-assets.com/hostedimages/1380222758ra/440975.gif&hash=961df7063a83dc241848b1415d1f69cb][img=https://www.rpnation.com/proxy.php?image=https://d.gr-assets.com/hostedimages/1380222758ra/526170.gif&hash=2936fcad84a82577cc6ed84b9b3b7bd3][/border][/column]
[/row]
[divide][/divide]
[row]
[column=span4][border=dotted][img=https://www.rpnation.com/proxy.php?image=http://nsa33.casimages.com/img/2015/01/04//15010402373724847.gif&hash=65593674b5eb0e4ced3d734b9666c42a][img=http://66.media.tumblr.com/682b854a621ad68f3001c66333081895/tumblr_inline_ny7ju005j61tag8qa_500.gif][/border][/column]
[column=span4][border=5px outset #CDC5BF][bg=#E0FFFF][sh]Sef[/sh]
[b]Name:[/b] Sef Nevarro

[b]Age:[/b] 25

[b]Sexuality: [/b]Homosexual

[b]Gender:[/b] Male
[accordion]
{Slide=biography}{/slide}
{Slide=Personality}{/slide}
{Slide=Appearance}{/slide}
[/accordion]
[/bg][/border][/column][/row][/bg][/border][/border][/font]

Sef and Rufus Nevarro

Rufus

Name: Rufus Nevarro


Age: 21


Sexuality: Bi-sexual


Gender: Male


no slide

biography

Personality

Appearance

Sef

Name: Sef Nevarro


Age: 25


Sexuality: Homosexual


Gender: Male


no slide

biography

Personality

Appearance

And sorry for the messy code, it sometimes duplicates many things somehow. I dont mind actually if it looks nice

 

[Codebreaker]

Okay, sk I don't know how to have the text hanging next to the text. If I want to have a picture and some background on the character next to them, how do I do that, because the bbCode Guide didn't help me. Can one provide an example?

 

[Savagai]

Okay, sk I don't know how to have the text hanging next to the text. If I want to have a picture and some background on the character next to them, how do I do that, because the bbCode Guide didn't help me. Can one provide an example?

Like columns? Or maybe try this:

Strength: 19


Dexterity: 12


Constitution: 14


Intelligence: 17


Wisdom: 8


Charisma: 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porttitor volutpat egestas. Vivamus in fermentum enim. Fusce in fringilla felis, sit amet porta tellus. Cras cursus ligula ac eros aliquam, ut vulputate erat accumsan. Sed fermentum vitae augue nec semper.


Sed euismod imperdiet quam. Sed sit amet cursus metus. Duis eu ultricies elit. Suspendisse potenti. Curabitur quis posuere elit, et sagittis nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed feugiat ullamcorper dui, sed mollis augue dapibus ac. Suspendisse tincidunt sagittis mollis. Fusce vestibulum nibh metus, a consectetur nisl consectetur a. Quisque ullamcorper elit et accumsan suscipit.

Spoiler

[side=right]Strength: 19
Dexterity: 12
Constitution: 14
Intelligence: 17
Wisdom: 8
Charisma: 11[/side]

and make up your own text in the "side"


Or...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porttitor volutpat egestas. Vivamus in fermentum enim. Fusce in fringilla felis, sit amet porta tellus. Cras cursus ligula ac eros aliquam, ut vulputate erat accumsan. Sed fermentum vitae augue nec semper.


Sed euismod imperdiet quam. Sed sit amet cursus metus. Duis eu ultricies elit. Suspendisse potenti. Curabitur quis posuere elit, et sagittis nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed feugiat ullamcorper dui, sed mollis augue dapibus ac. Suspendisse tincidunt sagittis mollis. Fusce vestibulum nibh metus, a consectetur nisl consectetur a. Quisque ullamcorper elit et accumsan suscipit.

[imagefloat=right][img=https://www.rpnation.com/proxy.php?image=https://www.rpnation.com/proxy.php?image=http%3A%2F%2Fnsa33.casimages.com%2Fimg%2F2015%2F01%2F04%2F%2F15010402373724847.gif&hash=65593674b5eb0e4ced3d734b9666c42a&hash=6d7d77a0bc03ce7049d1eec9fc802466][/imagefloat]

I hope I helped you

 

[Codebreaker]

Do you write the text after the code? Or in it? I feel really stupid.

 

[Savagai]

Do you write the text after the code? Or in it? I feel really stupid.

I should first do the code, so it become the right heigth, look at the spoiler for how I did it

 

[Elle Joyner]

Just a question
How to make the Gifs the same width and length?

From what I understand, the only way to do this is to edit the gifs in a program (I use ImageReady, myself) - Heightrestrict can sometimes help, but it's not perfect and will obviously only work for height, not width/length.