forum

HOW TO: Forum BBCodes

posted
Total Posts
21
Topic Starter
Stefan
Hello! In this thread I show you how do you use forum codes correctly to prevent bugs and wrong formations in your posts.

Edit Button disappeared?


The worst thing what could happen is that you're not able to edit your post by the normal way - using the Edit button.

.
As you can see there is no Edit button at the lower right side of your post.

That can be fixed by using the Edit URL in your browser:

  1. Go edit a post of yours and copy this from your URL, that is the Edit URL except of the post ID at the end.
    https://osu.ppy.sh/forum/posting.php?mode=edit&f=3&p=
  2. Now click at the upper right side of the bugged post, you will open the post ID.
  3. Then copy the number from the url and put it afterwards in the Edit URL.


This mistakes happens mostly with the box= and the centre codes. The most important step is to keep the correct order. That means if you start with a code as first it also needs to end as last, see the examples below what's correct and what's wrong:

[b][u]This is a sample text.[/u][/b] - Correct!
[b][u]This is a sample text.[/b][/u] - Not Correct!

[box=Hello World!][i]My name is Dean Herbert![/i][/centre][/box] - Not Correct!
[box=Hello World!][centre][i]My name is Dean Herbert![/i][/centre][/box] - Correct!

Coloured URLs


This is as well possible by using the correct order in case you want to have a different behaviour how a URL reacts when you hover with the cursor over it:

This link is coloured because of the correct order.
This link is default because of the wrong order.


[url=https://osu.ppy.sh/forum/t/445599][color=#008000][b]This link[/b][/color][/url] [color=#008000]is coloured because of the correct order.[/color]

[color=#FF0000][url=https://osu.ppy.sh/forum/t/445599][b]This link[/b][/url] is default because of the wrong order.[/color]

Short explained: I used for "This link" a own colour code inside of the url= section. So the different colour applies for this text section too. Otherwise you have the blue colour for your link. This also works with other codes such as Bold or Underline.

Heading Code


This code an be used to emphasize important text phrases or giving a big title in the post. Also here, it's important to consider the order because you can change the size and the colour of your heading, else it will appear as magenta coloured heading.

That works perfectly!

What the hell??



[size=150][heading][color=#0080FF]That works perfectly![/color][/heading][/size]
[color=#0080FF][heading][size=150]What the hell??[/size][/heading][/color]

Short explained: The heading code's colour applies if it's after the custom colour code. Same goes to the size code: If the Size code is before the Heading code the size of the Heading code increases, else the default Size code applies but the Heading one doesn't.

How to properly post a linked image!



Just make sure you're using [url=url] and not [url]url and mistakes shouldn't happen.
Just to make sure you understood it, check the examples below:

Correct!


[url=https://osu.ppy.sh/forum/p/5074723#p5074723][img]http://puu.sh/oxJt5/505ad7d452.png[/img][/url]

Not correct!

[url]https://osu.ppy.sh/forum/p/5074723#p5074723[/url]
[url]https://osu.ppy.sh/forum/p/5074723#p5074723[img]http://puu.sh/oxJt5/505ad7d452.png[/img][/url]
Yoshino-
good job :)
Aomi
nice job bb :3
Wall-ed
thank for BB :3
Fina
nice ! well played ;3
Yakumo09
Now I am ready to start making no mistakes anymore ;w;
KatouMegumi
Just for lulz, going to post this. Or just as a addition to all above.

How to properly post a linked image!


Correct!
[url=https://osu.ppy.sh/forum/p/5074723#p5074723][img]http://puu.sh/oxJt5/505ad7d452.png[/img][/url]

[url]https://osu.ppy.sh/forum/p/5074723#p5074723[/url]
Uncorrect!
[url]https://osu.ppy.sh/forum/p/5074723#p5074723[img]http://puu.sh/oxJt5/505ad7d452.png[/img][/url]
Underforest
This should be moved to Help forum tbh
Anyway, GJ :D
Topic Starter
Stefan

Fizzn wrote:

Just for lulz, going to post this. Or just as a addition to all above.

How to properly post a linked image!


Correct!
[url=https://osu.ppy.sh/forum/p/5074723#p5074723][img]http://puu.sh/oxJt5/505ad7d452.png[/img][/url]

[url]https://osu.ppy.sh/forum/p/5074723#p5074723[/url]
Uncorrect!
[url]https://osu.ppy.sh/forum/p/5074723#p5074723[img]http://puu.sh/oxJt5/505ad7d452.png[/img][/url]
That sounds legit, I saw single cases which did that wrong.
HappyRocket88
Bookmarked! This is really useful! o.o7
Nanase
Nice, thank you.
-Kusokurae
This is nice.. thank you :D
Sylensive
Thanks for the help! =)
Egorithm
Ah, now I know. Thanks for help!
madalyne11
I know mostly about BBCode, but this has helped me understand things more clearly. :)
KatouMegumi
Hey! I could suggest you to refrain from posting thankful posts.
Since it does not help anyhow and does not give any useful information whatsoever. (Unless you post a suggestion, info or anything that can be helpful.)
Please don't farm your postcount.
4gungnand
THANK YOU ~ im still new but, yeah the coding is a bit different than other webs
iAzrah
Ello there, I seem to be having trouble posting my signature image in the settings. Whenever I copy the url address link, it doesn't seem to show up at all. I don't plan to have my signature as a clickable link, just a regular image.

Here it is: https://postimg.org/image/ivcpcbtcl/8eeeebf9/

I've used the and the [img]/[img] BBcodes, but both have not been able to show the image at all.
Dntm8kmeeatu

iAzrah wrote:

Ello there, I seem to be having trouble posting my signature image in the settings. Whenever I copy the url address link, it doesn't seem to show up at all. I don't plan to have my signature as a clickable link, just a regular image.

Here it is: https://postimg.org/image/ivcpcbtcl/8eeeebf9/

I've used the and the [img]/[img] BBcodes, but both have not been able to show the image at all.
Signature preview is broken, and doesn't load images. Please make sure to save and test on a already made post of yours (on a subforum that has signatures enabled) Be also sure to use a direct link to an image, you can normally do this by right clicking an image and selecting "Copy image address"
iAzrah

Dntm8kmeeatu wrote:

iAzrah wrote:

Ello there, I seem to be having trouble posting my signature image in the settings. Whenever I copy the url address link, it doesn't seem to show up at all. I don't plan to have my signature as a clickable link, just a regular image.

Here it is: https://postimg.org/image/ivcpcbtcl/8eeeebf9/

I've used the and the [img]/[img] BBcodes, but both have not been able to show the image at all.
Signature preview is broken, and doesn't load images. Please make sure to save and test on a already made post of yours (on a subforum that has signatures enabled) Be also sure to use a direct link to an image, you can normally do this by right clicking an image and selecting "Copy image address"
Oh my! Thank you very much! I also notice that being able to update your signatures in the settings from the new OSU layout is a lot more easier then updating it from the regular layout.

Once again, thank you for the help! ~ :]
Zymasis39
Images don't work. I used everything except for puush (can't use puush because they disabled new registrations).

Nvm I solved it Now the spoiler thing doesn't work :(
Please sign in to reply.

New reply