Perusoe's Testing Grounds

General Discussion
101

Testing

Centering Text

Syntax used:

<div align="center">This text is centered on the page.</div>

Which produces this:

This text is centered on the page.

Centering Image

Syntax used:

<div align="center"><a href="https://imgur.com/zeyvAuH"><img src="https://i.imgur.com/zeyvAuH.jpg" title="source: imgur.com" /></a></div>

Which produces this:

Oh… this is too cool! :sunglasses:

Comment Edit:

The syntax used for centering an image on the page isn’t as complicated as it looks.

The simple syntax would be like this:

<div align="center">Paste the HTML Link to Image here</div>

Note: There is a difference in an image “Direct Link” and its “HTML Link”.

If you want to embed an image without aligning it, use the image’s “Direct Link”:

https://i.imgur.com/zeyvAuH.jpg

If you want to embed an image and center align it, use the image’s “HTML Link”:

<a href="https://imgur.com/zeyvAuH"><img src="https://i.imgur.com/zeyvAuH.jpg" title="source: imgur.com" /></a>

Once you’ve copied the proper link, just paste it between the “div” tags.

The “Direct Link” and “HTML Link” used in these examples were obtained from imgur.com

102

Do you know what is the “Summarize This Topic” button on at the bottom of OP do?
Not all posts have this button. Seems only when a thread has ~100 replies.

103

No I don’t.

I’ve noticed that a lot changes on thread OPs as they become more active.

For example: Popular links begin getting listed. (I know I didn’t put them there). Users’ Avatar thumbnails begin showing up, etc.

I see this thread now has a “Summarize This Topic” button. I’m going to click it and see what happens. (Be right back).

Edit:

Okay. What it does is hides a lot of the posts. Only posts considered “most interesting by the community” are viewed. The button then changes to “Show All Posts”. So, it can be toggled.

I doubt that I’ll use it. I’d rather have all posts visible. And I think it’s on an individual basis, but not sure. That is to say: If I summarize my OP, I don’t think it would be summarized for you.

104

Work for me too !!!
I just try clicking it, the number of posts dropped to 20 or so.
Click show all returns to normal (100+).

105

Correct. And it does seem to be individual, because while you were testing yours, my post count did not change. :wink:

106

I think summarize just picks the most active posters in the thread and shows only their posts. Mine didn’t even come up. So yeah, not that useful IMO.

107

Testing

Keyboard Text

If I want to show Shift as a keyboard key I would type:

<kbd>Shift</kbd>

Which would produce:

Shift

If I want to show Ctrl + Alt + Del as keyboard keys I would type:

<kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Del</kbd>

Which would produce:

Ctrl + Alt + Del

Hmm… that actually worked.

But, if I wanted to type a sentence that said: Type `, paste your URL and then type ` again I would type:

Type <kbd>`</kbd>, paste your URL and then type <kbd>`</kbd> again.

Which produces this:

Type </kbd>, paste your URL and then type <kbd> again.

:stuck_out_tongue:

108

Yup weird.
Only a blank line after first </kbd> works.

Type  <kbd>`</kbd> 

, paste your URL 
and then type <kbd>`</kbd> again.

I.e. The BBCode has higher preference than HTML style tag.

1 Like
109

The problem lies in that BBCode does not work inside HTML tags properly, if at all. In other words, use one or the other, but not both. Found that out when doing things with tables. Table data couldn’t parse BBCode - everything had to be either BBCode alone or HTML alone.

Edit: Oooooooooh boy. Blizz done really screwed up HTML implementation with this iteration. There is zero way at all to underline text via HTML. None. Nada. Zip. Zilch. The HTML 4 <u> tag doesn’t work, nor does it work with its associated <p> tag. The HTML5 version can’t work because CSS and all <style> arguments and functionality are disabled. So that leaves…nothing.

Pretty damn big oversight there since you cannot mix BBCode with HTML. I mean, this is basic functionality we’re talking about that’s missing. :woman_facepalming:

1 Like
110

Okay. Thanks to both, you and Maskraider, for the explanation. (I always thought that “BBCode” and “HTML” were synonymous with “BBCode” referring to an older version of the code).

I believe it will work with the only exception being the grave accent. Posting even one of them begins a code block. Even if it’s enclosed in BBCode or HTML tags.

For example: Let’s try the exact same sentence and substitute a different keyboard key in place of the grave accent marks.

Syntax used:

Type <kbd>F1</kbd> , paste your URL and then type <kbd>F1</kbd> again.

Which produces this:

Type F1 , paste your URL and then type F1 again.

Still, it’s good to know that BBCode and HTML does not play well together. :wink:

The only thing I’m confused about is, I’m only using one code. The keyboard code, <kbd>. I’m just using it with a grave accent mark. And that seems to be a “grave” mistake. :laughing:

111

The grave accent unfortunately is considered markdown (which is also not compatible with HTML). It’s one of those rare exceptions that was probably considered acceptable in order to give players easy means to post non-clickable links so they could at least get help over in the TS/CS sections of the various fora.

112

It’s done like this:

I [u]know[/u] I can get this to work!

Which produces this:

I know I can get this to work!

You might want to look over this guide:

Okay. That’s what I had come to believe too. Thanks!

113

Again, that won’t work inside HTML, which makes it frustrating making headings. The only way to get pseudo-underline is the <ins> element, but that leaves an ugly background rectangle behind the text too: Meow Mix

It also means the <details> element must use <ins> to get that pseudo-underline, as you can see in Pachi’s guide.

114

I’m not sure what kind of heading you’re trying to create. You mean like this:

Syntax used:

<h2>[u]Meow Mix[/u]</h2>

Which produces this:

[u]Meow Mix[/u]

Oops!

:blush: :laughing:

Getting in too deep for me atm.

Just taking baby steps here… one step at a time. :wink:

116

Told ya that wasn’t going to work… :stuck_out_tongue:

The best you can do currently is this:

<h2><ins>Meow Mix</ins></h2>

Meow Mix

117

Hey! It did work! When you quoted me. :stuck_out_tongue:

Let me try something.

Syntax used:

<h2>[u]Meow Mix[/u]</h2>

Produces this:

[u]Meow Mix[/u]

Now, using this syntax:

## [u]Meow Mix[/u]

Produces this:

Meow Mix

Aaaagggghhhh! It WORKS! :fireworks: :clinking_glasses: :partying_face:

You just have to use the correct HTML code.

So, you can use <h1>, <h2> or <h3> for headers. But, if you want underlined headers you must use #, ## or ###. :smile:

118

That isn’t HTML code. That’s markdown code. All HTML code uses <> tag encapsulation. And the hashes won’t work inside HTML tags.

What’s odd is that it works when quoted, meaning the parsing system isn’t working right, because it should work both in and out of quote blocks.

See what I mean about total bastardization? :slight_smile:

119

Okay. Well, I’m not very computer-tech savvy, I know very little about programming or coding and I know nothing at all about setting up webpages.

Forgive me if I got some terminology wrong. I got what I know about posting in these new forums from this guide:

The reason it worked when you quoted me, is because, for some reason, it converted the <h2> tags I used for ## tags instead. This is what actually prompted me to try the ## tags instead of the <h2> tags. :wink:

120

Testing

Arrow Symbols

:arrow_left: :arrow_right: :arrow_up: :arrow_down:

Edit:

← → ↑ ↓

121

Testing

Creating Signs

Syntax used:

>.<div align="center"><big>Caution: Wet Paint</big></div>.

Which produces:

.

Caution: Wet Paint
.

Syntax used:

# <div align="center"><ins>Caution: Wet Paint</ins></div>

Which produces:

Caution: Wet Paint