HTML Tryhard
This tag belongs to the Additional Tags Category.
Parent tags (more general):
This tag has not been marked common and can't be filtered on (yet).
Works which have used it as a tag:
Pages Navigation
-
Tags
Summary
This is a personal experiment with HTML. It is a very limited list with what I find useful.
Update: Somehow I find more and more stuff useful, so this list is not that limited (and not that private) anymore. I'll improve it with time and according to my needs and interests.So far that's posted:
Part One: Basics
Part Two: Lines
Part Three: Footnotes and Links
Part Four: Columns and Skins
Part Five: Pictures
Part Six: Videos (and gifs)
Part Seven: Choose Your Own Adventure
Part Eight: Chapter Title
Part Nine: The Title, the Username, and Links
Part Ten: Kudos Message
Part Eleven: Newspaper Article
Part Twelve: Content Notes and Spoiler (NEW: Opacity and hover translations)
Part Thirteen: Playground for Jinx (glitch text, color, table)
Part Fourteen: Text generator
Part Fifteen: Boxes (still in progress)
Part Sixteen: Vertical Text
Part Seventeen: Transition (NEW)
Part Eighteen: Automated Animation (NEWEST) -
Tags
Summary
Amity Park in quarantine. Embarrassing Zoom messages, playing Among Us, tweets, and texts.
And not to mention reading fanfiction and time traveling.(Choose Your Own Adventure in Ch 6, 'Game' in Ch 7)
Series
- Part 7 of Ectober 2020
- Part 2 of #html_cinematic_universe
-
Tags
Summary
One month after @hawks_unofficial's initial viral post, the blog titled "Quirk Analysis Blog for the Future", otherwise known as "Q. A. B.", has gone from an average of 10 views per post to an average of 20,000 views per post.
Midoriya Izuku does not know how to view the impressions analysis for his suddenly popular blog, and only notices that sometimes, people actually comment on his posts now. He does not google himself or his moniker and thus does not see the rise in online articles and speculation.
He is unaware that the "kyuu-ei-bee" he begins to hear about in passing refers to his own blog. He does not have a Twitter account.
At the time, Midoriya Izuku is 15 years old.
Izuku (accidentally) starts a cult.
Series
- Part 1 of how to (accidentally) start a cult
-
Tags
Summary
Among Us inspired chat skin for your AO3 and meme needs
Series
- Part 1 of #ao3_work_skins
-
Tags
Summary
are your characters stuck in quarantine and attending online zoom classes??? here's a really simple skin for that
Series
- Part 2 of #ao3_work_skins
-
Fonts, and colors, and work skins, oh my! by Charles_Rockafellor, 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)
Fandoms: css - Fandom, Work Skins - Fandom
24 Jan 2021
Tags
Summary
Explains:
● how to make a work skin;
● how to view fics' work skin rules;
● how to colorize text and circle words and highlight backgrounds (examples in head-note), and change and resize your fonts;
● how to turn all links blue-underscore automatically;
● the CSS code for diacritics to render properly, e.g.: “ầ” & “ồ” (with diacritics not superimposed), or “ị” (with underdot directly beneath, not kerned to the left), without breaking words such as “gầu” or “vịt” (using a monotype font for these letters would create gaps to each side of the ầ or the ị). Head-note has corrected examples;
● Site Skin addenda to block / shrink tags, and block authors / works;
● even a quick way (code included) to simply make a Site Skin so that you can read everything in your font of preference!Full code is included.
I read, appreciate, and reply to all of your comments — they're always welcome!
𝑫𝒐𝒏'𝒕 𝒇𝒐𝒓𝒈𝒆𝒕 𝒕𝒐 𝑳𝒊𝒌𝒆, 𝑺𝒉𝒂𝒓𝒆, 𝒂𝒏𝒅 𝑺𝒖𝒃𝒔𝒄𝒓𝒊𝒃𝒆! ❤️
Series
- Part 5 of How to
-
Tags
Summary
This is it: a sort-of-playable, interactive instance of the Colossal Cave Adventure, here on AO3. Yowza.
-
Tags
Summary
AO3 is great, but can it run Doom? Of course!!
-
Tags
-
Q. A. B. (cont.) by jihnari
Fandoms: 僕のヒーローアカデミア | Boku no Hero Academia | My Hero Academia
19 Jul 2024
Tags
Summary
Things Izuku's cult does while he still thinks it's just a joke:
• starts an internet war
• coordinates an IRL convention
• gets a teenager arrested
• royally pisses off a major hero agency
• helps start a Twitter account for the League of VillainsAnd then there's the murder.
Series
- Part 2 of how to (accidentally) start a cult
-
Tags
Summary
What kind of person would litter instead of properly disposing of a phone?
You know you shouldn’t be looking at the contents of the phone… but… you could find the owner of this phone and then yell at them for littering! Yeah…
Or maybe they lost their phone by accident, and you’d be helping them by giving their phone back. Yeah…
You sit down on a chair by the wall, and pull out your little flip-notebook from your bag.
Time to solve the mystery of this phone’s owner.
[INTERACTIVE GAME FIC]
Series
- Part 3 of #html_cinematic_universe
-
the hottest topic by mystyrust for Alexa_Piper, murphy_kitt, Dekalkomania, CeruleanLullaby, heartbeatslows
Fandoms: Danny Phantom
18 Apr 2022
Tags
Summary
Sailor of ships @letmyshipssail
so how did you end up working at hot topic? @deadTired
|
Yes I work at hot topic ✔ @deadTired
They were hiring.
|
Hot Topic ✔ @hottopic
we'd never say no to an emo punk boy who wants to work for us 🤙🤪The internet tries to figure the ghost boy out. Someone theorized he could be a 'half-ghost', but what does that mean, anyway?
Series
- Part 4 of phight phight phight!!
- Part 4 of #html_cinematic_universe
-
Tags
Summary
A look into Tsukimi Eiko's life after meeting Kongming, told through her phone.
-
suspend disbelief by mystyrust
Fandoms: 僕のヒーローアカデミア | Boku no Hero Academia | My Hero Academia
10 Aug 2022
Tags
Summary
It was going to be a perfect day.
It was going to be a good day.
It was going to be a terrible day.Someone, something, was messing with Izuku’s daily routine, and when his suspension of disbelief breaks, it also breaks his perception of his world as he knows it.
-
The CowLady Saga by kaichicken for jihnari
Fandoms: 僕のヒーローアカデミア | Boku no Hero Academia | My Hero Academia
19 Dec 2022
Tags
Summary
A match made in heaven or will the relationship sour like milk?
Here is everything you need to know about the affair between a rancher and his cow(lady) from the trespassing charges to political endeavours.
Find out more on Yap News!
-
Tags
Summary
quick html / css reference to writing in-person "chats" or "skits" for your html fic , while styling the skit in a way that might fit in with your html / chat fic.
(documenting how i did the skin for a particular fic, and a useful html guide overall)
this is "generic", but css could be customized to fit any fandom / video game etc.
for skits, think: tales of series, fire emblem, cookie run kingdom, etcSeries
- Part 3 of #ao3_work_skins
-
Green Rain font, from The Matrix by Charles_Rockafellor, 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)
Fandoms: The Matrix (Movies)
02 Apr 2023
Tags
Summary
This gives you the CSS and HTML necessary to present a somewhat passable but rather primitive and
staticDYNAMIC emulation of the “green rain” / “digital rain” of The Matrix. Webkit is included for lead symbols' outline, in order to sharpen the contrast.A dynamic one could be faked nicely with .gifs (AO3 can run Doom, after all), but you can't (by T.o.S.) use Javascript within AO3 (not sure about T.o.S. w.r.t. external), so an actually dynamic font seems a little out of reach for now. But that's OK: 27 Nov 2023 I found a workaround for a dynamic background.
Full code and illustrations are included.
I read, appreciate, and reply to all of your comments — they're always welcome! 🙂
𝑫𝒐𝒏'𝒕 𝒇𝒐𝒓𝒈𝒆𝒕 𝒕𝒐 𝑳𝒊𝒌𝒆, 𝑺𝒉𝒂𝒓𝒆, 𝒂𝒏𝒅 𝑺𝒖𝒃𝒔𝒄𝒓𝒊𝒃𝒆! ❤️
Series
- Part 10 of How to
-
Tags
Summary
"What were you trying to do?" you ask, fists clenched. "Back on Herta Sation."
"I'm not sure what you're referring to," he says dryly. "Could you be a bit more specific?"
"You tried to—" You feel your face go warm and it's mortifying as hell but you power through. "You tried to kiss me."
Danheng's face lights with realization, then twists into faint amusement. "I suppose that is what it would look like, from your point of view."
Caelus confronts Danheng about that CPR nonsense.
-
Tags
Summary
Social media responses to Galaxy to Galaxy Radio’s broadcast on the Sojourn.
Tyler 🗿
@moai*Pogging · 55 seconds ago
WHY IS GENOCIDE TRENDING -
Tags
Summary
your saying that this bird site was breaking because of #TheBoxGhost and NOT because of a certain ceo billionaire who owns it?
-- the box ghost learns to think outside the box (and he's not the only one)
Series
- Part 5 of #html_cinematic_universe
Pages Navigation
Bookmarks which have used it as a tag:
-
Tags
Summary
What kind of person would litter instead of properly disposing of a phone?
You know you shouldn’t be looking at the contents of the phone… but… you could find the owner of this phone and then yell at them for littering! Yeah…
Or maybe they lost their phone by accident, and you’d be helping them by giving their phone back. Yeah…
You sit down on a chair by the wall, and pull out your little flip-notebook from your bag.
Time to solve the mystery of this phone’s owner.
[INTERACTIVE GAME FIC]
Series
- Part 3 of #html_cinematic_universe
- Language:
- English
- Words:
- 2,746
- Chapters:
- 1/1
- Collections:
- 4
- Comments:
- 369
- Kudos:
- 3,671
- Bookmarks:
- 434
- Hits:
- 114,990
Bookmarked by Waterghosteus
09 Aug 2022
Bookmarker's Tags:
Bookmarker's Notes
Awesome Interactive fic!!
-
Tags
Summary
Regulus stares at the grey Post button. His cursor hovers over it. He promised himself he'd never do this.
Oh, what the hell.
He clicks Post.
Series
- Part 1 of ESH- Everyone's Shitty Here
- Language:
- English
- Words:
- 1,157
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 8
- Kudos:
- 77
- Bookmarks:
- 3
- Hits:
- 1,233
Bookmarked by mackerel_cheese
06 Oct 2024
Bookmarker's Tags:
Bookmarker's Notes
Marauders html tryhard my love
-
Tags
Summary
The Riddler has escaped Arkham and it's up to Batman to unravel his plans and stop him before Gotham falls apart.
As Batman you will face riddles and challenges with each one revealing secrets about Gotham. Every decision brings you closer to uncovering the truth.
Will you outsmart the Riddler and uncover his plans, or will Gotham descend into chaos?
The choice is yours.
Choose Your Own Adventure Reader Interactive
[Update 1.3 Posted]
Apologies! Currently on Hiatus because some of the code broke so ill have to rework a lot of it (the code is genuinely 10k+ words with 2kish rules..)- Language:
- English
- Words:
- 28,645
- Chapters:
- 28/?
- Collections:
- 1
- Comments:
- 42
- Kudos:
- 73
- Bookmarks:
- 19
- Hits:
- 1,630
Bookmarked by Charles_Rockafellor
24 Mar 2025
Bookmarker's Tags:
Bookmarker's Notes
Work Details
Updated: 2025-01-22
Work ID: 58800928Relationship Tags:
Work Summary:
The Riddler has escaped Arkham and it's up to Batman to unravel his plans and stop him before Gotham falls apart.
As Batman you will face riddles and challenges with each one revealing secrets about Gotham. Every decision brings you closer to uncovering the truth.
Will you outsmart the Riddler and uncover his plans, or will Gotham descend into chaos?
The choice is yours.
Choose Your Own Adventure Reader Interactive
[Update 1.3 Posted]
Apologies! Currently on Hiatus because some of the code broke so ill have to rework a lot of it (the code is genuinely 10k+ words with 2kish rules..)(Approximate) Last Read: 2026/04/03
EPIC-level shit. You think that you're creative? Nah man: this fic. is creative. Many disparate bits of CSS woven together seamlessly and tastefully, all complementing the events in the fic. and drawing the reader into the evolving puzzle.
-
Tags
Summary
A drabble that is
100words.Series
- Part 2 of Beyond the Limit
- Language:
- English
- Words:
- 100
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 9
- Kudos:
- 38
- Bookmarks:
- 6
- Hits:
- 356
Bookmarked by quae_bookmarks
21 Jul 2025
Bookmarker's Tags:
Bookmarker's Notes
https://archiveofourown.org/chapters/162665101
"this is not a drabble" but it IS a fun poem and an even more fun use of workskins >:3 -
Tags
Summary
They are boarding now, as I stand some kind of guard before the door. The last of them climbs up into the vessel, and the counter that is consuming my mind ticks up. Eighty-seven. Eighty-nine.
Then I hear something new. Not only new words, but a new tone, a new feeling in the feed. This message is only to me.
«You got them out,» it says.
And then, «Your work is acknowledged.»
I want to cry. I want to rip something apart with my teeth – I want to scream loud enough to bring the habitat down. I want to cry. But I can't.
So instead I tap it back in the feed. «Negative. Your work is acknowledged.»
-----
This new SecUnit Murderbot's picked up has an attitude.
Bookmarked by Schnikeys_Sorting_Bin (Schnikeys)
05 Oct 2025
Bookmarker's Tags:
Bookmarker's Notes
Work Details
survivor (38833 words) by heartbeatslows
Chapters: 13/13
Fandom: The Murderbot Diaries - Martha Wells
Rating: Teen And Up Audiences
Warnings: Graphic Depictions Of Violence
Characters: Murderbot (Murderbot Diaries), Asshole Research Transport (Murderbot Diaries), SecUnit 3 (Murderbot Diaries), Original SecUnit Character(s) (Murderbot Diaries), Overse (Murderbot Diaries), Dr. Arada (Murderbot Diaries), Matteo (mentioned)
Additional Tags: surprise! the corporation rim is terrible, secunit found family, canon-divergent – post-fugitive telemetry
Summary:They are boarding now, as I stand some kind of guard before the door. The last of them climbs up into the vessel, and the counter that is consuming my mind ticks up. Eighty-seven. Eighty-nine.
Then I hear something new. Not only new words, but a new tone, a new feeling in the feed. This message is only to me.
«You got them out,» it says.
And then, «Your work is acknowledged.»
I want to cry. I want to rip something apart with my teeth – I want to scream loud enough to bring the habitat down. I want to cry. But I can't.
So instead I tap it back in the feed. «Negative. Your work is acknowledged.»
-----
This new SecUnit Murderbot's picked up has an attitude.
-
Tags
Summary
AO3 is great, but can it run Doom? Of course!!
-
view ~/inputs/other_shit/yeah_i_know by enigmaticNeurologist
Fandoms: The Murderbot Diaries - Martha Wells
08 Dec 2025
Tags
Summary
The governor module hack blocks punishments, not commands.
Bookmarked by Placeholder_Username
15 Jan 2026
Bookmarker's Tags:
Bookmarker's Notes
Perihelion.PSUMNT@SU-3A5E9("What things can’t you find by opening the messages when it’s relevant to access them and closing them when you’re done?")
[email protected](“I’m not searching for things. I’m just staying reminded of them. Clients. People. It’s different when they’re not in active memory. They don’t take up space the same”) #Flagged for long (>00:00:10s) response time, 00:01:43.
-
Risk Assessment by ESE (SecurityUnit), RabbitPie
Fandoms: The Murderbot Diaries - Martha Wells
08 Dec 2025
Tags
Summary
Risk Assessment's POV of that scene in Chapter 4, Exit Strategy
- Language:
- English
- Words:
- 500
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 68
- Kudos:
- 137
- Bookmarks:
- 18
- Hits:
- 635
Bookmarked by Placeholder_Username
15 Jan 2026
Bookmarker's Tags:
Bookmarker's Notes
>STOP
Risk: WE WILL DIE
Risk description: WE WILL DIE
Causes: NOBODY WILL SAVE US
Risk Category: PRIORITISE US
Recommended action:
PRIORITISE US
Stop stop stop stop stop stop stop stop
-
Romance Route DLC by jihnari
Fandoms: The Hundred Line -Last Defense Academy- (Video Game)
21 Feb 2026
Tags
Summary
After falling off the roof, getting memory loss, and having some weird dreams about kissing his friends, Takumi overhears three of the girls arguing over their own dreams—ones where they were kissing him.
Admitting that he had a dream about kissing all three of them seems like a bad idea. Maybe he should lie...?
A playable DLC for the Romance Route in The Hundred Line: Last Defense Academy.
- Language:
- English
- Words:
- 10,767
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 105
- Kudos:
- 626
- Bookmarks:
- 139
- Hits:
- 10,098
Bookmarked by literature_enby_insane
21 Feb 2026
Bookmarker's Tags:
Bookmarker's Notes
doesn’t work on my old ass mobile device, try on pc later!
update: works on pc, 100%ed
-
You've got mail by Anonymous
Fandoms: Heated Rivalry (TV), Game Changers Series - Rachel Reid
01 Jun 2026
Tags
Summary
While trying to write to his friend studying abroad in Moscow, Shane Hollander accidentally reaches Ilya Rozanov.
Series
- Part 1 of Hollanov collection
- Language:
- English
- Words:
- 33,678
- Chapters:
- 10/10
- Collections:
- 1
- Comments:
- 9,048
- Kudos:
- 44,665
- Bookmarks:
- 12,340
- Hits:
- 647,317
Bookmarked by WerewolfsOne
06 Apr 2026
Bookmarker's Tags:
Bookmarker's Notes
You've got mail by Anonymous
Summary:
While trying to write to his friend studying abroad in Moscow, Shane Hollander accidentally reaches Ilya Rozanov.
UPDATE: this fic now works on desktop AND phone! -
Tags
Summary
Keep your friends close and your pretentious Letterboxd enemy far, far away.
(Unless you’re Boo Seungkwan. Then ignore all of that and bone the Letterboxd guy.)
Series
- Part 4 of personal favs
Collections which have used it as a tag:
-
CSS Abuse and HTML Tryhard (CSS_Abuse) by Charles_Rockafellor
29 Dec 2025
Collection Tags: CSS abuse, HTML Tryhard, Tutorial, Quick Reference, information, resources, special effects, Fanwork Research & Reference Guides, CSS, HTML
Summary
My HTML and CSS works are growing, and they're not all in the tutorial series (though honestly, a lot of my regular fics [not in this collection] have snippets of CSS in their notes, outlining and explaining quick little bits of computer magic used for an offhand effect [not being the focus of the work] in some chapter), but I figured that collecting the particularly CSS-heavy or *-related works (tutorials, demos, games, etc.) into one spot might be useful for readers and researchers, so... here they are, all in One Big Happy — ENJOY! 😁
Tutorials, QRLs (Quick Reference Lists), demos, [playable] games.
(Closed, Moderated)
- Works:
- 18