Coding BBCODE made easy!
Last edited by Cirrus Nam on 1 Jun 2025, 19:26, edited 2 times in total.
—cirrus nam
—Watermelon sugar high—
melor baskakova—
Coding BBCODE made easy!
IMAGE TUTORIAL
part 1

[Ignore the subscription things, it is not required to use the site]
After uploading the image of your choice, go to the drop down 'Embed Codes' and pick BBCode full Linked. (^v^)

Img.bb is good because you can create an account and keep track of all your uploaded images if you'd like and it is usually pretty high quality! But sometimes the links, depending on the image file size, can cause it to make the website loading slow.
part 2

After uploading the image of your choice, right click the image and click copy image address.

then place the link inbetween
You can use any image from Pinterest this way, with just using right-clicking it's image address! I only use image to link if it's a custom photo I have created, like a banner or a graphic!
part 3 - bonus
This part is just a small bonus, that I wish I had known before, you can actually change the sizes of the images ON-SITE. And here is the code. You can also play with the dimensions a bit until you find the right look for you! (^v^)
If you have any other questions concerning code, site navigation, or anything else feel free to owl me! again feel free to say any inquiries or even if you can't figure out a code that may be 'broken' I can help fix it! I hope this has been helpful, and have a great day, and I can't wait to see what you create!

[Ignore the subscription things, it is not required to use the site]
After uploading the image of your choice, go to the drop down 'Embed Codes' and pick BBCode full Linked. (^v^)

Img.bb is good because you can create an account and keep track of all your uploaded images if you'd like and it is usually pretty high quality! But sometimes the links, depending on the image file size, can cause it to make the website loading slow.
part 2

After uploading the image of your choice, right click the image and click copy image address.

then place the link inbetween
Code: Select all
[img]image address[/img]part 3 - bonus
This part is just a small bonus, that I wish I had known before, you can actually change the sizes of the images ON-SITE. And here is the code.
Code: Select all
[img=200x200][/img]If you have any other questions concerning code, site navigation, or anything else feel free to owl me! again feel free to say any inquiries or even if you can't figure out a code that may be 'broken' I can help fix it! I hope this has been helpful, and have a great day, and I can't wait to see what you create!
—cirrus nam
—Watermelon sugar high—
melor baskakova—
Coding BBCODE made easy!
TABLES TUTORIAL
So when it comes to coding one the biggest skills needed is understanding tables! Which help receive results like shown below, and help just give the coder were freedom for creativity for layouts!

So first we have to break up the basics of a table and its coding elements. So the code for a table is:
Code: Select all
[table][/table]When you click on the icon, a pop-up will appear and it'll ask you how many lines and how many columns you would like to utilize in your table.
Code: Select all
[table]
[tr]
[td][/td]
[/tr]
[/table]tr = line [y axis, vertical]
td = columns [x axis, horizontal]

Also it should be noted when coding that the columns are coding within each line, for example columns and lines cannot exist without one or the other, as this'll cause a "code break".
Code: Select all
[table]
[tr]
[td][/td]
[td][/td]
[/tr]
[tr]
[td][/td]
[td][/td]
[/tr]
[/table]![]() Column 1 |
![]() Column 2 |
![]() Column 3 |
![]() Column 4 |
Code: Select all
[table]
[tr]
[td][img]/images/upload/jkkzl7jirbn4.webp[/img]
Column 1[/td]
[td][img]/images/upload/jkkzl7jirbn4.webp[/img]
Column 2[/td]
[/tr]
[tr]
[td][img]/images/upload/jkkzl7jirbn4.webp[/img]
Column 3[/td]
[td][img]/images/upload/jkkzl7jirbn4.webp[/img]
Column 4[/td]
[/tr]
[/table]—cirrus nam
—Watermelon sugar high—
melor baskakova—
