Perusoe's Testing Grounds

General Discussion
95

Last table looks good. It does horizontal scrolling for the width.

Samsung Galaxy S8 Active with Firefox.

1 Like
96

I haven’t really studied it at length. But, one mistake I notice is the row between Season 4 and Season 5. It is supposed to indicate a new Patch between Seasons and yet it’s showing “124” days. The “124” days should be in the row for Season 4. That may have just been typo when tweaking the formatting.

Edit: Sorry, DogBone. I wasn’t directing that at you. Just using your comment as a reference. :blush:

Edit 2: My apologies to @MissCheetah. There is no typo. The chart is correct. And excellent job by the way! :beer:

1 Like
97

That is not a typo. I did not actually adjust that in any way. You decided to have the season duration listed with the end of season date :slight_smile: Not my decision! This is how you formatted it. I literally just copied it. I added the headers, and shortened times and days. I left all the formatting intact.

I think your intent was to show that Season started with one patch, but ended with another.

98

You are absolutely right. I’m so sorry. :blush:

1 Like
99

I was referring to tables and layouts that you all were posting here. I knew that links and images required T2/T3. I just also knew that all of you are already set at T3 so wasn’t sure. lol

100

I know that. And I answered you:

To be clear: Trust Level 0 and above can post any HTML code as long as it’s supported in these forums.

The rest of my post was just explaining what you need TL2 and TL3 for. Which is: Embedding Videos, posting clickable links, embedding images and creating wikis.

Here are two excellent guides for most of the HTML codes you can use on these new forums:

Have fun! :partying_face:

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: