Forum HTML tutorial

General Discussion
7

Incredible post!

Really puts everything in one place with great examples!

Thanks for making this!

5 Likes
8

Saved for reference since I’m a total noob to formatting. Thank, my dude.

4 Likes
9

Definitely a permanent bookmark ^.^

Impressive post, thanks for sharing :heartpulse:

4 Likes
10

It may look kinda difficult at first but once you get the hang of it, it’s quite easy ^^

4 Likes
11

Some of the tags are featured in the text box, but thanks anyways, pretty useful.

2 Likes
13

True, but if I try to do this in the textbox H**e_ll**o_ it doesn’t work: He_llo_.
If I do this instead h<b>e<i>ll</b>o</i> it turns our just fine “hello”.

4 Likes
14

Great example, hopefully when you are more trusted you get access to some of the premium HTML features

3 Likes
15

Oh, i thought ins and dell were alternatives for underline and strike through, but they also color the text. I get it now. And the kbd tag i just missed somehow, my bad.

Thanks!

4 Likes
16

Forum automatically handles embedding of links \ videos \ gifs \ etc.

You don’t actually need to do anyhting at all except post the link and forum will convert it for you.

1 Like
17

When you do

<a href="https://www.google.com">My link</a>

the text that would display would be “My link”. It would be a clickable link and wouldn’t say “https://www.google.com”

This is but one advantage of making your own links.

2 Likes
18

Interesting, I only tried the “hard way” I guess ahahaha. Even though as linkdude240 said this way lets you customize more your posts, in fact I could potentially make an image clickable

<a href="http://www.google.com" target="_blank">
<img src="https://i.redd.it/aqdolr7iv9by.png"/>
</a>

This piece of code would allow me to click on it and go to google for example

1 Like
19

I honestly would be surprised if they made the links clickable, that sounds like a major security risk waiting to happen

1 Like
20

Well you’re right. Better safe than sorry, I guess that’s why they have a reputation system. Also, if they ever were to make links clickable I’m led to believe they would use a linkfilter similar to Steam’s one…

2 Likes
21

IMO… if you’re naiive enough to click a malicious link, without an antivirus, it’s going to happen eventually.

Everyone should practice safe browsing.

But besides that, the trust system would take away that person’s privileges, and at that point I think the forum moderation would have cleaned up the post as well.

1 Like
22

Generally, you don’t create a system that can cause abuse and blame the user. You just prevent it from happening in the first place.

There really is no advantage to having clickable links - it is essentially the same as a hidden link, which is a power that should never be given to a random internet user.

2 Likes
23

They aren’t “random” though, and the ability to do that can be redacted at any time.

And the advantage is not having 100s of chars in the middle of your post? Just take this for example:

https://us.forums.blizzard.com/en/overwatch/t/forum-html-tutorial/7399/21

I don’t want that in the middle of my post. I’d much rather just put

<a href="https://us.forums.blizzard.com/en/overwatch/t/forum-html-tutorial/7399/21">A useful HTML tutorial I found</a>

Or any other link for that matter; URLs aren’t semantically meaningful to average users.

1 Like
24

Thank you for this. I don’t get why there wasn’t an actual official thread posted.

4 Likes
29

Doesn’t appear to be possible to even post links to other threads on the forums without link posting permissions. Which I don’t believe exist yet.

1 Like
30

Yeah we can’t even post internal forum links now but I think you can bypass this by putting the url between two `` or highlighting it and clicking on the </> button in the textbox
https://us.forums.blizzard.com/en/overwatch/t/forum-html-tutorial/7399/

1 Like
31

Testing where in relation to pics text goes.
Linked pic


Shame center doesn’t work, but still handy.

The basics like bold italic and Hyperlinks etc show above the text input box, but no image information so it is handy to know these.

Pics/Gifs work without any html code if you just want to share a pic but need the html above for links of course.
Basic gif

and even gifphy

Myself and a couple of others have access due to being part of Blizzards MVP program in the old forums, but we don’t have our green text yet), thought I’d add to this post for reference of all the neat things that can be done once you rank up on the forums!

3 Likes