• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Tutorial BBCode Assistance Thread

Code:
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.

Code:
[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.

AOTszFr.jpg
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.
 
I got it to work just fine.

Code:
[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.

AOTszFr.jpg
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!
 
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%.

full


Code:
[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]
 
Wrap the image in a div that has a defined size and border, and give the div a border-radius: 50%.

full


Code:
[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!!
 
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!
 
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.
 
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!
 
Hey, is there any way to make the border around a scroll box white/nonexistent?
 
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.
african_wild_dog_14.jpg

Code:
[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]
 
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.
african_wild_dog_14.jpg

Code:
[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
 
The command should be float: right
Thank you so much!

Code:
[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?
tumblr_ozftf7qe1Y1rpsro6o1_400.png
 
Thank you so much!

Code:
[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?
tumblr_ozftf7qe1Y1rpsro6o1_400.png
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
 
Thank you so much!

Code:
[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?
tumblr_ozftf7qe1Y1rpsro6o1_400.png

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



Code:
[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]
 
Alternatively, you can set the image as the background of the div.



Code:
[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!
 
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.
 
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?
 
Do you happen to have the code for it?

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

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

Users who are viewing this thread

Back
Top