Tutorial BBCode Assistance Thread

Discussion in 'BBCode Center' started by StoneWolf18, Mar 6, 2017.

  1. 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.
    [​IMG]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.
     
  2. Thanks so much! Idl. why it wasn't working. Maybe I'm just dumb!
     
  3. 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. ^_^
     
  4. I actually have, and this will be my first truly formatted post lol.
     
    StoneWolf18 likes this.
  5. How do you get an image to become circular?
     
  6. Wrap the image in a div that has a defined size and border, and give the div a border-radius: 50%.

    [​IMG]


    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]
     
  7. thanks!!
     
    Alteras likes this.
  8. 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!
     
  9. 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 likes this.
  10. Oh I see. I think I understand what the problem was. Thank you very much!
     
    StoneWolf18 likes this.
  11. Hey, is there any way to make the border around a scroll box white/nonexistent?
     
  12. I would use a div with the overflow set instead of a scroll box if you dislike the border.
     
  13. 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.
    [​IMG]

    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]
    
     
  14. The command should be float: right
     
    Superior Iron Man likes this.
  15. Thank you, Wolfy. This worked. You're wonderful.
     
    StoneWolf18 likes this.
  16. You’re welcome! ^_^

    Divs are some glorious things.
     
    zooka likes this.
  17. 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?
    [​IMG]
     
  18. 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
     
  19. 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]
     
    Superior Iron Man likes this.
  20. Thank you!
     
    IctoraPost likes this.
  21. 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.
     
  22. Do you happen to have the code for it?
     
  23. 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]
     
  24. @Alteras I think I might have fixed it. Silly mistake. Extra spaces.
     
  25. Ah, ok!
     

Share This Page