Tutorial BBCode Assistance Thread

[StoneWolf18]

Hello! Welcome to the Army Forge! The Army Forge is a forum roleplay that centers around a group of three to five players, where the players make a fantasy army, then control and maintain it around the land of Garandos. The three to five players work together to try and conquer the whole land.
[imagefloat=right][IMG]https://i.imgur.com/AOTszFr.jpg[/IMG][/imagefloat][/tab]

I just don't know where to put the text. I have tried literally every where.

I got it to work just fine.

[imagefloat=right][IMG]https://i.imgur.com/AOTszFr.jpg[/IMG][/imagefloat]Hello! Welcome to the Army Forge! The Army Forge is a forum roleplay that centers around a group of three to five players, where the players make a fantasy army, then control and maintain it around the land of Garandos. The three to five players work together to try and conquer the whole land.

Hello! Welcome to the Army Forge! The Army Forge is a forum roleplay that centers around a group of three to five players, where the players make a fantasy army, then control and maintain it around the land of Garandos. The three to five players work together to try and conquer the whole land.

 

[fluffinator09]

I got it to work just fine.

[imagefloat=right][IMG]https://i.imgur.com/AOTszFr.jpg[/IMG][/imagefloat]Hello! Welcome to the Army Forge! The Army Forge is a forum roleplay that centers around a group of three to five players, where the players make a fantasy army, then control and maintain it around the land of Garandos. The three to five players work together to try and conquer the whole land.

Hello! Welcome to the Army Forge! The Army Forge is a forum roleplay that centers around a group of three to five players, where the players make a fantasy army, then control and maintain it around the land of Garandos. The three to five players work together to try and conquer the whole land.

Thanks so much! Idl. why it wasn't working. Maybe I'm just dumb!

 

[StoneWolf18]

Thanks so much! Idl. why it wasn't working. Maybe I'm just dumb!

Of course! I would disable the RTE (rich text editor) in your preferences if you haven’t already and work with code quite a bit.

 

[fluffinator09]

Of course! I would disable the RTE (rich text editor) in your preferences if you haven’t already and work with code quite a bit.

I actually have, and this will be my first truly formatted post lol.

 

[Hige]

How do you get an image to become circular?

 

[Alteras]

How do you get an image to become circular?

Wrap the image in a div that has a defined size and border, and give the div a border-radius: 50%.

[div= width: 150px; height: 150px; border: 2px solid cyan; border-radius: 50%; overflow:hidden][IMG]https://www.rpnation.com/media/tsumiki_by_harublueberry-d5lpt01-1.29549/full[/IMG][/div]

 

[Hige]

Wrap the image in a div that has a defined size and border, and give the div a border-radius: 50%.

[div= width: 150px; height: 150px; border: 2px solid cyan; border-radius: 50%; overflow:hidden][IMG]https://www.rpnation.com/media/tsumiki_by_harublueberry-d5lpt01-1.29549/full[/IMG][/div]

thanks!!

 

[Idea]

Greetings! I was wondering if I could have some assistance using the divbox code from the tutorial.

I've been trying to use it, so I copy-pasted it and switched the link to the background image to another, yet it is not letting me use one from my own media. I was wondering if I butchered the process at some point, or if I'm missing something.

Thank you in advance!

 

[StoneWolf18]

Greetings! I was wondering if I could have some assistance using the divbox code from the tutorial.

I've been trying to use it, so I copy-pasted it and switched the link to the background image to another, yet it is not letting me use one from my own media. I was wondering if I butchered the process at some point, or if I'm missing something.

Thank you in advance!

Which link are you using, and is the media in a private album?

The former needs to be in a public album and then you need to right-cluck on the image and “copy image address” instead of the embed link.

If this still doesn’t work feel free to post your code.

 

[Idea]

Which link are you using, and is the media in a private album?

The former needs to be in a public album and then you need to right-cluck on the image and “copy image address” instead of the embed link.

If this still doesn’t work feel free to post your code.

Oh I see. I think I understand what the problem was. Thank you very much!

 

[zooka]

Hey, is there any way to make the border around a scroll box white/nonexistent?

 

[StoneWolf18]

Hey, is there any way to make the border around a scroll box white/nonexistent?

I would use a div with the overflow set instead of a scroll box if you dislike the border.

 

[Hige]

Can anyone help me make the image go to the right? I feel like I am missing the obvious, but I've toyed around with the floatright command but just cannot seem to make it work, using the code suggested to me earlier in this thread.

[div= width: 150px; height: 150px; border: 2px solid white; border-radius: 50%; floatright; overflow:hidden][IMG]http://seancrane.com/blog/wp-content/uploads/2012/08/african_wild_dog_14.jpg[/IMG][/div]

 

[Alteras]

Can anyone help me make the image go to the right? I feel like I am missing the obvious, but I've toyed around with the floatright command but just cannot seem to make it work, using the code suggested to me earlier in this thread.

[div= width: 150px; height: 150px; border: 2px solid white; border-radius: 50%; floatright; overflow:hidden][IMG]http://seancrane.com/blog/wp-content/uploads/2012/08/african_wild_dog_14.jpg[/IMG][/div]

The command should be float: right

 

[zooka]

I would use a div with the overflow set instead of a scroll box if you dislike the border.

Thank you, Wolfy. This worked. You're wonderful.

 

[StoneWolf18]

Thank you, Wolfy. This worked. You're wonderful.

You’re welcome!

Divs are some glorious things.

 

[Hige]

The command should be float: right

Thank you so much!

[div= width: 100px; height: 100px; border: 2px solid black; border-radius: 50%; float: left; overflow:hidden][IMG]https://78.media.tumblr.com/f2923f958bed163082cee3d187be17ab/tumblr_ozftf7qe1Y1rpsro6o1_400.png[/IMG][/div]

Does anyone know how to fix that odd gap between the bottom of the image were it cuts off?

 

[Alteras]

Thank you so much!

[div= width: 100px; height: 100px; border: 2px solid black; border-radius: 50%; float: left; overflow:hidden][IMG]https://78.media.tumblr.com/f2923f958bed163082cee3d187be17ab/tumblr_ozftf7qe1Y1rpsro6o1_400.png[/IMG][/div]

Does anyone know how to fix that odd gap between the bottom of the image were it cuts off?

Ahh, it's a bit weird that it happened to this image even though it looks like the image is bigger than 100x100. You can do font-size: 0

 

[IctoraPost]

Thank you so much!

[div= width: 100px; height: 100px; border: 2px solid black; border-radius: 50%; float: left; overflow:hidden][IMG]https://78.media.tumblr.com/f2923f958bed163082cee3d187be17ab/tumblr_ozftf7qe1Y1rpsro6o1_400.png[/IMG][/div]

Does anyone know how to fix that odd gap between the bottom of the image were it cuts off?

Alternatively, you can set the image as the background of the div.

[div=width: 100px; height: 100px; border: 2px solid black; border-radius: 50%; float: left; background: url(https://78.media.tumblr.com/f2923f958bed163082cee3d187be17ab/tumblr_ozftf7qe1Y1rpsro6o1_400.png) 50% 50%; background-size: cover;][/div]

 

[Hige]

Alternatively, you can set the image as the background of the div.

[div=width: 100px; height: 100px; border: 2px solid black; border-radius: 50%; float: left; background: url(https://78.media.tumblr.com/f2923f958bed163082cee3d187be17ab/tumblr_ozftf7qe1Y1rpsro6o1_400.png) 50% 50%; background-size: cover;][/div]

Thank you!

 

[zooka]

So, a strange thing is happening where I just can't for the life of me set a width and height for a div box. Any ideas? I'm not going to put any text in it. I'm hopefully going to overlay it with a second div box. Puzzling this shit out is fun, but I can't even get this one started without being able to make my box a certain width/height.

 

[Alteras]

So, a strange thing is happening where I just can't for the life of me set a width and height for a div box. Any ideas? I'm not going to put any text in it. I'm hopefully going to overlay it with a second div box. Puzzling this shit out is fun, but I can't even get this one started without being able to make my box a certain width/height.

Do you happen to have the code for it?

 

[zooka]

Do you happen to have the code for it?

I'm just barely starting to play around with it.

[div=background-image: url(https://www.rpnation.com/media/graveyard.32145/full); background-attachment: fixed; border: 4px solid black; width: 40px; height: 40px][/div]

 

[zooka]

Alteras I think I might have fixed it. Silly mistake. Extra spaces.

 

[Alteras]

Alteras I think I might have fixed it. Silly mistake. Extra spaces.

Ah, ok!