#li tag in html | Explore Tumblr posts and blogs

study-diaries · 1 month ago

Text

Introduction To HTML

[Note: You need a text editor to do this. You can use Notepad or Text Edit. But it's so much better to download VS Code / Visual Studio Code. Save it with an extension of .html]

HTML stands for Hyper Text Markup Language

It is used to create webpages/websites.

It has a bunch of tags within angular brackets <....>

There are opening and closing tags for every element.

Opening tags look like this <......>

Closing tags look like this

The HTML code is within HTML tags. ( // code)

Here's the basic HTML code:

<!DOCTYPE html> <html> <head> <title> My First Webpage </title> </head> <body> <h1> Hello World </h1> <p> Sometimes even I have no idea <br> what in the world I am doing </p> </body> </html>

Line By Line Explanation :

<!DOCTYPE html> : Tells the browser it's an HTML document.

<html> </html> : All code resides inside these brackets.

<head> </head> : The tags within these don't appear on the webpage. It provides the information about the webpage.

<title> </title> : The title of webpage (It's not seen on the webpage. It will be seen on the address bar)

<body> </body> : Everything that appears on the webpage lies within these tags.

<h1> </h1> : It's basically a heading tag. It's the biggest heading.

Heading Tags are from <h1> to <h6>. H1 are the biggest. H6 are the smallest.

<p> </p> : This is the paragraph tag and everything that you want to write goes between this.

<br> : This is used for line breaks. There is no closing tag for this.

-------

Now, we'll cover some <Meta> tags.

Meta tags = Notes to the browser and search engines.

They don’t appear on the page.

They reside within the head tag

Line By Line Explanation:

_____

This is my first post in this topic. I'll be focusing on the practical side more than the actual theory, really. You will just have some short bullet points for most of these posts. The first 10 posts would be fully HTML. I'll continue with CSS later. And by 20th post, we'll build the first website. So, I hope it will be helpful :)

If I keep a coding post spree for like 2 weeks, would anyone be interested? o-o

99 notes · View notes

every-moment-a-different-sound · 9 months ago

Text

DBDA gifs for AO3 comments - Part 3

Part 1 here and part 2 here

Have you read any good fics on AO3 recently and wanted to comment, but didn't know what to say?

Have some gifs!

Just paste the HTML below (including the <>) into the comment box in AO3, and when you click submit it'll add the gif to the comment!

There's also an empty HTML tag at the bottom of the post if you have other gifs you'd like to add to your AO3 comments :)

For need to do homework, paste:

For sleep schedule, paste:

(Thanks to @tumblerislovetumblerislife for the suggestion!)

For Esther saying she's a big fan, paste:

For JUMP into reading this fic, paste:

For the hug scene, paste:

(Made for @vyther15's amazing fic the sea may burn)

For washing away my depression, paste:

(Thanks to @tumblerislovetumblerislife for the suggestion!)

For babydoll spider, paste:

(Thanks to @tragedy-machine for the suggestion!)

For cliffhanger, paste:

(Thanks to @nix-nihili for the suggestion!)

For kudo jumpscare, paste:

(Thanks to @nix-nihili for the suggestion!)

For luring me in when it's past midnight, paste:

(Thanks to @fenristheulv for the suggestion!)

For bingereading this fic, paste

(Thanks to @tumblerislovetumblerislife for the suggestion!)

For can't leave another kudos, paste:

(Thanks to @fenristheulv for the suggestion!)

For fascinated by this fic, paste:

For Esther stabbing Monty, paste:

(Made for @aletterinthenameofsanity's fic underneath the sunrise (show me where your love lies))

For what more do I need, paste:

For this fic coming for me, paste:

For trapping, paste:

(Thanks to @aletterinthenameofsanity for the suggestion!)

For best fic ever, paste:

(Thanks to @tumblerislovetumblerislife for the suggestion!)

For angst with a happy ending, paste:

(Thanks to @tragedy-machine for the suggestion!)

For fluffiest fic ever, paste:

How to add other gifs to comments:

If you want to put a different gif in the comments, paste this tag and replace the [link to gif here] with the link for the gif:

#dead boy detectives #dbda #edwin payne #charles rowland #crystal palace #niko sasaki #thomas the cat king #esther finch #monty the crow #jenny green #litty and kingham #ao3 #ao3 comment gifs #dbda gifs #mygifs

155 notes · View notes

the-kipsabian · 1 year ago

Text

wrestling fic writers!!

i have decided to be the change i wanna see, so lets do a nice little thing for each other, as a community full of incredible and talented writers. yes this is writer specific only, but thats cause thats where the main problem of people not interacting with creative works lies in this fandom as far as i can tell and have seen people talking about it especially in the last couple of months

if you read this, please add links to your written works. it can be just a single fic youre really proud of, your writing blog, your writing tag, your ao3 account, anything where your works can be found

and if you leave your link here, PLEASE check out someone else that has left their works, and interact with them. leave them a comment, even just a kudos, REBLOG their fic, etc. interacting is the keyword i want to emphasize here, along with building a sort of a masterpost of where to find people writing in this fandom

and if you are not a writer, youre still highly encouraged to interact with this post and share it and show love to the writers in this fandom, obviously!! i think that should go without saying, but adding it in anyways

a bit more about my vision and resources and such under the read more, but thats the gist of it. happy linking and please be kind and supportive to each other!! 💜

nobody is too big or too small to add their things on this list. if you write and post anything in this fandom whatsoever, be it fics or drabbles or headcanons, any companies or any kind of ships or reader inserts or any content whatsoever no matter how 'dead dove dont eat' or hell even if its just meta, we welcome all here and nobody can say that one thing is less valid than another. just please tag your content accordingly, especially if theres content warnings, and feel free to mention what you write, who you write, any info you wish to leave that would help people before they click on your links. but even so, that should not and hopefully will not deter people from interacting, no matter what it is. someones trash is another ones treasure, i promise you

and unless the amount gets really overwhelming, im personally going to be checking out everyone that leaves something here. unless it squeaks me out, but even then, i'll spread the word. and i just wish as many people as possible will do the same, and not just use this as a potential board to only get eyes on their stuff. ofc thats also the point, but you should give as much, if not more, than you get. we need to be kind and supportive of one another (besides, from personal experience, if you show love to someone else, they are more likely to do it back than without you taking the first step, so... pay it forward)

as for resources, heres a few links that should be helpful in leaving comments and feedback. of course everyone does their own thing and no comment is too big or too small to leave, but for those who need them. if you have anything you'd like added to this list, dont hesitate to get in touch or drop it in the post yourself!!

101 comment starters

ao3 floating comment box

kudos html

dont know how to comment? easy solutions

a quick hot guide to commenting (by yours truly)

an overall guide to appreciating fanfic writers

and just in general.. leave people comments. leave them asks about their projects. just go over and gush about their work. i know it sounds embarrassing but writers love nothing more than to hear that someone likes what they are doing. if you find a fic that hasnt been updated in forever, comment on it. it might just be the spark the author needs to continue. while kudos and likes are nice, and just as valuable to some, its definitely in the words the people leave for them that matter the most. im not saying this to put pressure on anyone, its just how it is, and i feel like unless people are writers themselves, and even then sometimes, thats just hard to grasp, especially if the writer is a smaller and less popular one who doesnt get a lot of traffic in the first place

i think thats all. just be nice and considered to everyone, reblog peoples works, this post with others add ons and so forth. and if i find anyone talking shit here or at other writers for something they share, you'll be blocked and im probably taking your kneecaps. be fucking nice. we are all struggling here and we need to stick together

happy sharing and commenting 💜💜

#wrestling fanfiction #wrestling fic #aew fanfic #aew fanfiction #wwe fanfiction #wwe fanfic #i hope this make some sort of coherent sense #despite being a writer im really bad at words lmao #i also dont know what to tag this with without clogging main tags so im going to trust moots to get this going first #just. this is a topic im passionate about. i love writing i love writers and having seen the wrestling fandom as of late really struggling #with this. we need to do something. even a little bit helps. actually get people leaving feedback and commenting again #supporting each other. we can do this together #dont let dreams be dreams lets fucking do this #just be nice and help each other out #im gonna stop now before i get overly emotional. if theres any questions let me know tho i think i got the main parts pretty clear here #again moots. im trusting you to get this started. im not gonna add my own shit here immediately this isnt about me #this is about the community as a whole #i also hope nobody is afraid of adding themselves here. you are all valid and worth the attention no matter what #just remember to also give if you leave something here. look at the previous links. look in the notes to find more people #okay thats it i need to make dinner now #lets just be kind and support one another. promise me that 💜#night is an absolute mess on main

156 notes · View notes

gerec · 4 months ago

Note

hello gerec! ive been reading cherik fics for a few months (only on ao3 bc i dont really know how livejournal works) so if its not trouble could you give me your favorite cherik fics on livejourmal?

Yes I'd be happy to, Anon! To start you off, here's a previous post I made with my favourite dirtybad fics. Remember to read the descriptions and mind tags where they're available!

Kinkmeme Dirtybad Fics

I'm sharing links to fics from 2 defunct kinkmemes - 1stclass-kink and xmen_firstkink on LiveJournal. Some of these are WIP but they're on this list because they're amazing and what's there is absolutely worth reading. Remember to check the prompts and the warnings before diving in as there aren't 'tags' on LJ like we're used to with ao3.

For anyone with time and patience, I encourage you to go through both Kink Memes and check them out for yourself. I guarantee you'll find incredible nuggets of treasure buried there that have never made it over to ao3 :D

Liquid Acelerant and Flashover (This is always at the top of my list of Kinkmeme recs. It's atmospheric and an incredible read but super dark and gory so be aware!)

Prompt: Shaw is a crime boss (or somebody with a lot of power/influence). Charles is his “woman.” Erik is his right hand man. But what he doesn’t suspect is that Charles and Erik have been having a hot, tawdry affair behind his back and have been planning on running away from him so they can be together. Cue Shaw, mad with anger and jealousy, ruthlessly hunting them down until he finally finds them in a cheap motel in the middle of nowhere locked in a passionate embrace…

Permission to Remain

Prompt: Because human-omegas still can bear children (and sometimes mutant-children), human-omegas are allowed to be concubines, but are never accepted as spouses.

There are scandalous rumors going around the Genoshan palace that Emperor Magneto completely ignores his mutant Empress Emma in favor of his favorite concubine, the human Charles Xavier. The worst part? They’re completely true. This irks Sebastian Shaw, the emperor’s Chief Councilor, to no end, as he was the one who arranged Erik’s union with his niece Emma in a bid to rule as regent through any children Emma bore the emperor (who would all be mutant, of course). Worse yet is when Charles is announced to be pregnant with the heir-apparent. And worst of all, when said Crown Princess turns out to be a human-omega child.

Carpe Brewski [WIP] by gyzym - This story starts exactly where you’d expect it to start: drunk, in a library. i.e Erik and Charles are frat boys that have a lot of ~feelings~.

Intensified by Absence (Cherik, Time Traveller’s Wife AU; there are 2 fills) https://1stclass-kink.livejournal.com/3115.html?thread=3397931#t3397931

I could never understand your tears (Cherik, post Cuba, non con, Erik takes Charles) https://1stclass-kink.livejournal.com/6527.html?thread=9848447#t9848447

Zombie Apocalypse mini fill (Cherik, MCD) https://1stclass-kink.livejournal.com/6527.html?thread=10424703#t10424703

Residue (Cherik, Charles dies and his consciousness stays in Erik’s head) https://1stclass-kink.livejournal.com/6527.html?thread=11278207#t11278207

Redeem (Cherik, Charles stalks Erik via Cerebro post Beach Divorce) https://1stclass-kink.livejournal.com/7315.html?thread=12053651#t12053651

How Deep the Bullet Lies (Count of Monte Cristo au) https://1stclass-kink.livejournal.com/7315.html?thread=13883795#t13883795

And then there were four (Charles/Raven/Erik/Emma, meet as children and fall in love) https://1stclass-kink.livejournal.com/7761.html?thread=14210641#t14210641

Mind, Glass (A/O pre DOFP conjugal visits) http://xmen-firstkink.livejournal.com/11912.html?thread=22742920#t22742920

First Fires (Erik is a Dragon, arranged marriage royalty au) http://xmen-firstkink.livejournal.com/9701.html?thread=21435109#t21435109

Blue Hotel (Erik cheats on Charles with Janos) http://xmen-firstkink.livejournal.com/8700.html?thread=19063292

Machinations (royalty au, mpreg) https://xmen-firstkink.livejournal.com/8700.html?thread=20700156#t20700156

Survival & Moving On https://xmen-firstkink.livejournal.com/8074.html?thread=16855690#t16855690

Interplanetary Incidents (sci-fi, accidental marriage, WIP) https://xmen-firstkink.livejournal.com/7736.html?thread=14845496#t14845496

Yesterday (mpreg, MCD, angst) https://xmen-firstkink.livejournal.com/7736.html?thread=15878968#t15878968

Infidelity (Erik is a cop) https://xmen-firstkink.livejournal.com/7634.html?thread=12346322#t12346322

Mob AU (Age difference, mob boss!Charles) https://xmen-firstkink.livejournal.com/7634.html?thread=13177042#t13177042

Blue Raven and the City of Gold (Conan AU with Emperor!Charles and General!Erik) https://xmen-firstkink.livejournal.com/6437.html?thread=10719781#t10719781

Swords and Sorcery (Erik the Barbarian, prequel to Blue Raven and the City of Gold) https://xmen-firstkink.livejournal.com/6437.html?thread=10924581#t10924581

Everyone has a price (sugar daddy au, WIP) https://xmen-firstkink.livejournal.com/6192.html?thread=7440176#t7440176

Winter in New York & sequel Tie me up, tie me down https://xmen-firstkink.livejournal.com/5215.html?thread=6081631#t6081631

I’ll Send You To Hell (Charles/Erik/Shaw, noncon, Erik is complicit) https://xmen-firstkink.livejournal.com/3278.html?thread=3512014#t3512014

#gerec rambles #cherik #fic rec #gerec's fic rec #kinkmeme recs #kink meme recs

19 notes · View notes

spiritsglade · 3 months ago

Note

12, 14, 19, 22 for the ask game!

[fic writer asks]

12. a trope you’re really into right now

time loops. then again i am always into time loops. here's this chinese show that's free on youtube and has english subtitles i think. they're stuck on a bus that keeps blowing up and have to figure out how to make sure that Doesn't Happen. it's great.

@/official-time-loop-posts has some absolutely iconic posts in their reblogs. i like the one about the frog and the scorpion that i found by scrolling for like an hour straight that i haven't been able to dig up again since. but i am thinking of it always.

in terms of this trope involving the batfam & mostly jason specifically:

cast on/cast off - dick & jason, interesting play on the typical time loop trope

The Midnight Show - jayroy of the day of jason's death. not very compliant with canon but i enjoyed it.

The 70 Days After Groundhog Day - batfam & jason, focuses on the days after the successful completion of the time loop and how jason deals with that

what do you see before it's over - batfam & jason, relatively short loop. makes me sad.

Dis Manibus - dick & jason, they're both stuck in the loop i don't actually remember this one besides that i liked it

AGAIN & AGAIN. - dick. timeloop around the one time he killed the joker. i still haven't recovered from this one

Years in a Circle - jason & bruce. years long time loop from when jason dies to when jason reveals himself to bruce, from bruce's perspective. this one was also devastating.

Lingering In The Threads - just read this one.

Ad Infinitum; Modified - tim & jason mostly. outsider pov to the timeloop

Bury Me Face Down - batfam & jason. and also talia. jason wakes up in his grave every time he dies

Slay the Robin - titan's tower au styled after slay the princess. the html is extremely impressive (that game is now on the list(tm) of ones that i want to play once. unfortunately the list is very full.)

The Grass Isn't Greener - also a titan's tower au. extremely fanon. i like it a lot.

honestly at this point just go to the time loop tag on ao3 and take a quick jaunt. i'm not allowed to abandon my interest in jason todd until i've written a time loop narrative about him. those are the rules. honestly it's not really a trope i am into 'right now' as it is one i am into always and forever.

in terms of video games. in stars and time and how to be a teenage exocolonist are both time loop narratives and both on the list(tm). i'm just holding off on actually playing them because i just. i know they will immediately consume my life forever. can't have that happen yet.

14 & 19 i've answered already!

22. do you ever worry about public reaction to what you’re writing? how do you get past that?

i won't lie yeah that's a fear that sneaks up on me quite a bit with my multichapter fics. with oneshots since they're done in one sitting i don't care as much. with the longer ones though, seeing how people are reacting to the current part while i'm still working on the next one does get to me sometimes.

this is particularly present with lies of omission, because the ending i have planned is. hm... unusual, i suppose. don't think i've seen a single other fic take a similar approach to things. soooo no idea how people are gonna take it. but honestly considering that i opened the fic by saying that it was more self-indulgent than my usual fare... i did warn you all.

i just need to remember that i am doing this for fun, and i am doing this for me, and also i haven't even gotten hate on my fics before so i really do not have a reason to be stressing about it. and also if i tried to change how an ongoing story is going based off audience reception it's 100% gonna end up being a worse, more poorly paced story than whatever the original plan was.

#revek asks #time loop #jason todd fic recs #<- maybe tagging this is a bad idea but also hey guys look at all these time loop fics that you should absolutely read

10 notes · View notes

nicoten1014 · 3 months ago

Text

Damn Your Love, Damn Your Lies

Damn Your Love, Damn Your Lies on AO3

Josh Kiszka x Danny Wagner

Warnings: 18+ minors DNI, mentions of underage relationship/sex (no underage sex depicted), language, explicit sex, angst, fighting & arguments, alcohol, drug use, broken friendships, family drama, anxiety

Story Summary:

While on tour Jake makes a discovery that shatters the status quo and threatens to end the band forever. Can the boys overcome a shift in the dynamics of the band and secrets that have been hidden for many years?

A/N: My AO3 draft expires tomorrow so it’s finally posted. I’m sure I’ll tweak with notes and tags and stuff as I go along. The story is 100% written, just not edited. I don’t have a schedule yet. It’ll probably be once a week or so. I gave a short sample of warnings here, but a full explanation is posted on AO3. I’m still learning tumblr and my HTML skills are from the early 2000s so bear with me. I’m an old lady. Maybe one day I will learn how to post the chapters here.

Chapter 1 Excerpt

“Oh come on, quit jerkin’ it in here other people need to shower!” Jake flung the bathroom door open and started rifling through the medicine cabinet in search of something.

Josh sprang forward, banging into the shower door. “Ow! Fuck! Get out!”

“Oh shit what the fuck!! Are you for real? Like holy fucking hell! I was being facetious when I said quit jerkin it. I wasn’t expecting it to be a reality. Clean the shower out when you’re done. No one wants to be stepping in your leftover spunk…” Jake stopped mid tirade as he shut the door and noticed in the mirror that there was a second person in with Josh.

“Get out! Get out! Damn man! Can’t I shower in peace.” Josh squeaked.

“Shower! I don’t think it’s called showering when there are two of you.” Jake spun around and his mouth fell open in shock! “Danny!! Oh my god is Danny in there with you! Holy shit absolutely not!”

Full Chapter Link: Damn Your Love, Damn Your Lies on AO3

#greta van fleet fan fiction #danny wagner x josh kiszka #greta van fleet #greta van fleet fic #gvf fanfiction #jonny gvf #danny wagner #josh kiszka #gvf slash #gvf #greta van smut #greta van slash #damnyourlovedamnyourlies #nicofiction

8 notes · View notes

xiaokuer-schmetterling · 3 months ago

Text

PODFICCER (and fic author) RESOURCE: things i learned about HTML today

-> from this reference work on ao3: A Complete Guide to 'Limited HTML' on AO3 by CodenameCarrot (please go leave a comment if you find anything here useful !!!)

EDIT: OMG Y'ALL I HAVE BEEN HAVING SO MUCH NERDY GEEKY FUN TWEAKING MY PODFIC HOW-TO GUIDE WITH THIS STUFF

headings, blockquote, div

----

-----

html currently allowed by ao3 html sanitizer

a. abbr. acronym. address. b. big. blockquote. br. caption. center. cite. code. col. colgroup. details. dd. del. dfn. div. dl. dt. em. figcaption. figure. h1. h2. h3. h4. h5. h6. hr. i. img. ins. kbd. li. ol. p. pre. q. rp. rt. ruby. s. samp. small. span. strike. strong. sub. summary. sup. table. tbody. td. tfoot. th. thead. tr. tt. u. ul. var.

-----

in-line (text) formatting tags supported by ao3

-----

OMG LOOK AT THIS !!! IDK WHEN I WOULD EVER USE THIS BUT LOOK HOW COOL !!!

-----

paragraphs & p formats: archiveofourown.org/works/5191202/chapters/161901154#AddParagraphs

-----

omg I'VE ALWAYS WONDERED HOW TO GET THAT LINE BREAK THINGY IN THE MIDDLE OF THE PAGE !!!

-----

end post

#podfic resource #podficcer resource #fic author resource #ao3 writer resource #ao3 fanfic #ao3 #html resource #html reference #html #reference #resource #html tutorial #basic html guide #CodenameCarrot

6 notes · View notes

snarp · 8 months ago

Text

As of right now (October 2024) what is the SHORTEST chunk of CSS necessary to make a page "responsive"?

In terms of font size and spacing changes for main body text (p h1 h2 blockquote li etc). There's no nav here. You're not going anywhere.

DO NOT USE an @ import of any kind you bitch of a FUCK !!! And NO LINK TAGS that's HTML

#i can SEE you ctrl+c ing that FUCKING BOOTSTRAP cdn !!!!#clear your clipboard or i empty my clip #css #html #coding

7 notes · View notes

transienturl · 2 years ago

Text

You know what, I'll bother making this post. It's long overdue.

PSA: Please don't install uBlock Origin rules for Tumblr that use :nth-of-type(), and please remove or fix any you have installed. They can and will hide the wrong things. I'll show you a few alternatives below.

First, an example of how we get here. I've used the uBlock Origin element picker to try to hide the "Get a Domain" sidebar item:

With some different adjustments of the sliders, it gave me these two snippets, one of which targeted a whole bunch of sidebar items, and the other of which selected the right one. Great, right? Read on.

www.tumblr.com##li.g8SYn.IYrO9:nth-of-type(7) www.tumblr.com##.gM9qK > li.g8SYn.IYrO9

As you can see, these both target a particular kind of sidebar item via "li.g8SYn.IYrO9"—fine—and as you can probably guess, the second one counts them all up and hides the seventh it finds.

This is bad, because what it actually hides depends on exactly how many sidebar items there are! Users can "snooze" Tumblr Live, which will make an item appear or disappear, and users with/without Ad-Free subscriptions will have or not have another. I have seen many, many people accidentally hide their activity, messages, inbox, etc using someone else's rule that's supposed to hide Live. Worse, some rules intended for e.g. recommended post carousels that use nth-of-type translate to something like "hide item number three on the dashboard no matter what it is," which will lead to a seemingly random post on your dashboard disappearing!

This isn't a problem specific to Tumblr, of course—I personally think uBlock Origin should never autogenerate these rules—but Tumblr has a ton of elements that aren't in fixed positions, so I feel comfortable wording that PSA the way I did. On a very static site, those rules might be fine. Here they almost always aren't.

So how do we fix this? First of all, as a developer of XKit Rewritten (check out @addons!), I must suggest you check if it has a feature to do what you want. Plenty of times it won't, though, and if not, we want to make a rule that hides an element based on what it is, not where it is. Here are three ways to make a robust rule:

First, I'll right-click the element I want and use the inspect element tool in my browser's developer tools to look at the element I really want (Firefox and Chrome/Edge/Opera have different but overall similar interfaces for this):

The HTML looks, for reference, like this (Tumblr sucks at code blocks but I'll try):

<li class="IYrO9 g8SYn" title="Get a domain"> <a class="tDT48" href="/domains"> <div class="kn4U3"> <svg> <use href="#managed-icon__earth"></use> </svg> </div> <div class="a132D"> <span class="ZC1wz">Get a domain</span>  </div> </a> </li>

What's something unique about this element, preferably about the outermost element, and preferably contained within the <angle brackets> (HTML tags)? In this case, we have it easy: title="Get a domain" is definitely unambiguous and fulfills all of those three. If you're very familiar with web design using CSS, you'll know how to target that; if you've vaguely heard of CSS, you may be able to look at a reference sheet of CSS selectors, see [attribute=value], and figure it out, and if neither is true, I'll spoil it for you and say that we just put it in square brackets in this case.

So—taking the rule uBlock Origin made, removing the :nth-of-type() and replacing it with our better selector—here's our first working, bug-free uBlock Origin rule:

##li.g8SYn.IYrO9[title="Get a domain"]

Okay, great. But what if we didn't have that attribute to target? What if our top-level element looks the same as the other ones? What if we want this rule to work if we change our Tumblr language to Spanish? Let's move on to :has().

:has() is a CSS selector (supported in uBlock Origin even in browsers where you can't use it for web development yet, i.e. Firefox), that lets you check the contents of an element for whatever is in the parentheses. Let's assume that Tumblr would never make two sidebar items with the same icon, and target that href="#managed-icon__earth" property:

##li.g8SYn.IYrO9:has([href="#managed-icon__earth"])

Yep, that works too!

Finally, what if we couldn't use either of those because we need to target the content of the page that's not contained within the <angle brackets>? We can take a look at the uBlock Origin documentation and find that it has something for that too: :has-text(). You can do very powerful things with this (e.g. you can sort of implement Blacklist entirely using uBlock Origin using something like article:has-text), but it doesn't perform well and can pretty easily be used incorrectly, so I'd suggest you avoid it when possible.

However, let's try using it here to target the "Get a domain" label text:

##li.g8SYn.IYrO9:has-text(Get a domain)

And that also works!

With these techniques, you should be able to target any specific thing you'd want to hide without using any fragile positional selectors. If you're going to share your uBlock Origin rules with others, please make use of this! If you're just using your rules for yourself, then hopefully I've given you enough information so that you can understand what a rule does and decide for yourself if it's worth bothering to fix (menu item order might not change that often, so maybe you're fine with certain rules being a bit prone to breakage; if your rule hides the first post in your timeline you really do need to fix that one!)

And, of course, a note for you web developers out there: :has() isn't natively supported in Firefox quite yet, so you can't really use it (I would not recommend using JQuery's simulated version—it's not quite the same). And :has-text() is just not a thing for CSS at all. Just use javascript at that point! Edit: No longer true in 2024; style away!

Final note: any rule with a random 5-character string like g8SYn will eventually break when Tumblr rebuilds its CSS map, though they haven't done that in ages. But when they do: no, it's not "Tumblr devs breaking our rules because they hate us." (Yes, I hear that sentiment a lot in contexts when it almost always makes zero sense.) If you're fairly experienced with CSS you can sometimes make Stylus/uBlock Origin rules that don't reference any, but it's usually convoluted and more trouble than it's worth.

#java'd script #for future reference #tumblr meta

81 notes · View notes

fynn-cerulean · 5 days ago

Note

HOW DO YOU MAKE THE TEXTS IN OTHER COLORS THAN THE STANDARD ONES-

Hope you're familiar with HTML :)

On Tumblr, there's an HTML editing option for posts (not available on mobile)

Basically, you can switch the Text Editor option to HTML, and it will open up an HTML editor.

In the image below, the purple tags can be any regular tag you want, like <p>, <h1>, <li>, etc.

The <span> tag is where it gets interesting, but its exact contents aren't too important, except for the underlined portion. That's where you put the custom color, in Hex format. The text inside the <span> is the text that will end up the color you input. In this case, the color is #abcdef, which is a light blue.

If you input that into the HTML editor, you get:

text

And that's all there is to it.

Color picker

#tumblr tutorials #custom color text #html #asks

3 notes · View notes

mostlysignssomeportents · 2 years ago

Text

Stinkpump Linkdump

Next Tuesday (December 5), I'm at Flyleaf Books in Chapel Hill, NC, with my new solarpunk novel The Lost Cause, which 350.org's Bill McKibben called "The first great YIMBY novel: perceptive, scientifically sound, and extraordinarily hopeful."b

Once again, I greet the weekend with more assorted links than I can fit into my nearly-daily newsletter, so it's time for another linkdump. This is my eleventh such assortment; here are the previous volumes:

https://pluralistic.net/tag/linkdump/

I've written a lot about Biden's excellent appointees, from his National Labor Relations Board general counsel Jennifer Abruzzo to Consumer Financial Protection Bureau chair Rohit Chopra to FTC Chair Lina Khan to DoJ antitrust boss Jonathan Kanter:

https://pluralistic.net/2023/09/14/prop-22-never-again/#norms-code-laws-markets

But I've also written a bunch about how Biden's appointment strategy is an incoherent mess, with excellent appointees picked by progressives on the Unity Task Force being cancelled out by appointees given to the party's reactionary finance wing, producing a muddle that often cancels itself out:

https://pluralistic.net/2023/11/08/fiduciaries/#but-muh-freedumbs

It's not just that the finance wing of the Democrats chooses assholes (though they do!), it's that they choose comedic bunglers. The Dems haven't put anyone in government who's as much of an embarrassment as George Santos, but they keep trying. The latest self-inflicted Democratic Party injury is Prashant Bhardjwan, a serial liar and con-artist who is, incredibly, the Biden Administration's pick to oversee fintech for the Office of the Comptroller of the Currency (OCC):

https://www.americanbanker.com/news/did-the-occ-hire-a-con-artist-to-oversee-fintech

When the 42 year old Bhardjwan was named Deputy Comptroller and Chief Financial Technology Officer for OCC, the announcement touted his "nearly 30 years of experience serving in a variety of roles across the financial sector." Apparently Bhardjwan joined the finance sector at the age of 12. He's the Doogie Houser of Wall Street:

https://www.occ.gov/news-issuances/news-releases/2023/nr-occ-2023-31.html

That wasn't the only lie on Bhardjwan's CV. He falsely claimed to have served as CIO of Fifth Third Bank from 2006-2010. Fifth Third has never heard of him:

https://www.theinformation.com/articles/the-occ-crowned-its-first-chief-fintech-officer-his-work-history-was-a-web-of-lies

Bhardjwan told a whole slew of these easily caught lies, suggesting that OCC didn't do even a cursory background search on this guy before putting him in charge of fintech – that is, the radioactively scammy sector that gave us FTX and innumerable crypto scams, to say nothing of the ever-sleazier payday lending sector:

https://pluralistic.net/2023/05/01/usury/#tech-exceptionalism

When it comes to appointing corrupt officials, the Biden administration has lots of company. Lots of eyebrows went up when the UN announced that the next climate Conference of the Parties (COP) would be chaired by Sultan Ahmed Al-Jaber, who is also the chair of Dubai's national oil company. Then the other shoe dropped: leaks revealed that Al-Jaber had colluded with the Saudis to use COP28 to get poor Asian and African nations hooked on oil:

https://www.bbc.com/news/science-environment-67508331

There's an obvious reason for this conspiracy: the rich world is weaning itself off of fossil fuels. Today, renewables are vastly cheaper than oil and there's no end in sight to the plummeting costs of solar, wind and geothermal. While global electrification faces powerful logistical and material challenges, these are surmountable. Electrification is a solvable problem:

https://pluralistic.net/2021/12/09/practical-visionary/#popular-engineering

And once we do solve that problem, we will forever transform our species' relationship to energy. As Deb Chachra explains in her brilliant new book How Infrastructure Works, we would only need to capture 0.4% of the solar radiation that reaches the Earth's surface to give every person on earth the energy budget of a Canadian (AKA, a "cold American"):

https://pluralistic.net/2023/10/17/care-work/#charismatic-megaprojects

If COP does its job, we will basically stop using oil, forever. This is an existential threat to the ruling cliques of petrostates from Canada to the UAE to Saudi. As Bill McKibben writes, this isn't the first time a monied rich-world industry that had corrupted its host governments faced a similar crisis:

https://billmckibben.substack.com/p/a-corrupted-cop

Big Tobacco spent decades fueling science denial, funneling money to sellout scientists who deliberately cast doubt on both sound science and the very idea that we could know anything. As Tim Harford describes in The Data Detective, Darrell Huff's 1954 classic How to Lie With Statistics was part of a tobacco-industry-funded project to undermine faith in statistics itself (the planned sequel was called How To Lie With Cancer Statistics):

https://pluralistic.net/2021/01/04/how-to-truth/#harford

But anything that can't go on forever will eventually stop. When the families of the people murdered by tobacco disinformation campaigns started winning eye-popping judgments against the tobacco industry, the companies shifted their marketing to the Global South, on the theory that they could murder poor brown people with impunity long after rich people in the north forced an end to their practice. Big Tobacco had a willing partner in Uncle Sam for this project: the US Trade Representative arm-twisted the world's poorest countries into accepting "Investor-State Dispute Settlements" as part of their treaties. These ISDS clauses allowed tobacco companies to sue governments that passed tobacco control legislation and force them to reverse their democratically enacted laws:

https://ash.org/what-is-isds-and-what-does-it-mean-for-tobacco-control/

As McKibben points out, the oil/climate-change playbook is just an update to the tobacco/cancer-denial conspiracy (indeed, the same think-tanks and PR agencies are behind both). The "Oil Development Sustainability Programme" – the Orwellian name the Saudis gave to their plan to push oil on poor countries – maps nearly perfectly onto Big Tobacco's attack on the Global South. Nearly perfectly: second-hand smoke in Indonesia won't give Americans cancer, but convincing Africa to go hard on fossil fuels will contribute to an uninhabitable planet for everyone, not just poor people.

This is an important wrinkle. Wealthy countries have repeatedly demonstrated a deep willingness to profit from death and privation in the poor world – but we're less tolerant when it's our own necks on the line.

What's more, it's far easier to put the far-off risks of emissions out of your mind than it is to ignore the present-day sleaze and hypocrisy of corporate crooks. When I quit smoking, 23 years ago, my doctor told me that if my only motivation was avoiding cancer 30 years from now, I'd find it hard to keep from yielding to temptation as withdrawal set in. Instead, my doctor counseled me to find an immediate reason to stay off the smokes. For me, that was the realization that every pack of cigarettes I bought was enriching the industry that invented the denial playbook that the climate wreckers were using to render our planet permanently unsuited for human habitation. Once I hit on that, resisting tobacco got much easier:

https://pluralistic.net/2021/06/03/i-quit/

Perhaps OPEC Secretary General Haitham Al-Ghais is worried about that the increasing consensus that Big Oil cynically and knowingly created this crisis. That would explain his new flight of absurdity, claiming that the world is being racist to oil companies, "unjustly vilifying" the industry for its role in the climate emergency:

https://www.cnbc.com/2023/11/27/opec-says-oil-industry-unjustly-vilified-ahead-of-climate-talks-.html

Words aren't deeds, but words have power. The way we talk about things makes a difference to how we act on those things. When discussions of Israel-Palestine get hung up on words, it's easy to get frustrated. The labels we apply to the rain of death and the plight of hostages are so much less important than the death and the hostages themselves.

But how we name the thing will have an enormous impact on what happens next. Take the word "genocide," which Israel hawks insist must not be applied to the bombing campaign and siege in Gaza, nor to the attacks on Palestinians in the West Bank. On this week's On The Media, Brooke Gladstone interviews Ernesto Verdeja, executive director of The Institute for the Study of Genocide:

https://www.wnycstudios.org/podcasts/otm/segments/genocide-powerful-word-so-why-its-definition-so-controversial-on-the-media

Verdeja lays out the history of the word "genocide" and connects it to the Israeli government and military's posture on Palestine and Palestinians, and concludes that the only real dispute among genocide scholars is whether the current campaign it itself an act of genocide, or a prelude to an act of genocide.

I'm not a genocide scholar, but I am a Jew who has always believed in Palestinian solidarity, and Verdeja's views do not strike me as outrageous, or (more importantly) antisemitic. The conflation of opposition to Israel's system of apartheid with opposition to Jews is a cheap trick, one that's belied by Israel itself, where there is a vast, longstanding political opposition to Israeli occupation, settlements, and military policing. Are all those Israeli Jews secret antisemites?

Jews are not united in support for Israel's oppression of Palestinians. The hardliners who insist that any criticism of Israel is antisemitic are peddling an antisemitic lie: that all Jews everywhere are loyal to Israel, and that we all take our political positions from the Knesset. Israel hawks only strengthen that lie when they accuse me and my fellow Jews of being "self-hating Jews."

This leads to the absurd circumstance in which gentiles police Jews' views on Israel. It's weird enough when white-nationalist affiliated evangelicals who support Israel in order to further the end-times prophesied in Revelations slam Jews for being antisemitic. But in Germany, it's even weirder. There, regional, non-Jewish officials charged with policing antisemitism have censured Jewish groups for adopting policies on Israel that mainstream Israeli political parties have in their platforms:

https://jewishcurrents.org/the-strange-logic-of-germanys-antisemitism-bureaucrats

Antisemitism is real. As Jesse Brown describes in his recent Canadaland editorial, there is a real and documented rise in racially motivated terror against Jews in Canada, including school shootings and a firebombing. Likewise, it's true that some people who support the Palestinian cause are antisemites:

https://www.canadaland.com/podcast/is-jesse-a-zionist-editorial/

But to stand in horror at Israel's military action and its vast civilian death-toll is not itself antisemitic. This is obvious – so obvious that the need to say it is a tribute to Israel hardliners – Jewish and gentile – and their ability to peddle the racist lie that Israel is Jews and Jews are Israel, and that every Jew is in support of, and responsible for, Israeli war-crimes and crimes against humanity.

One need not choose between opposition to Hamas and its terror and opposition to Israel and its bombings. There is no need for a hierarchy of culpability. As Naomi Klein says, we can "side with the child over the gun":

https://www.theguardian.com/commentisfree/2023/oct/11/why-are-some-of-the-left-celebrating-the-killings-of-israeli-jews

Moral consistency is not moral equivalency. If you're a Jew like me who wants to work for an end to the occupation and peace in the region, you could join Jewish Voice For Peace (like me):

https://www.jewishvoiceforpeace.org

Now, for a jarring tone shift. In these weekend linkdumps, I put a lot of thought into how to transition from one subject to the next, but honestly, there's no good transition from Israel-Palestine to anything else (yet – though someday, perhaps). So let's just say, "word games can be important, but they can also be trivial, and here are a few of the latter."

Start with a goodie, from the always brilliant medievalist Eleanor Janeaga, who tackles the weirdos who haunt social media in order to dump on people with PhDs who call themselves "doctor":

https://going-medieval.com/2023/11/29/doctor-does-actually-mean-someone-with-a-phd-sorry/

Janega points out that the "doctor" honorific was applied to scholars for centuries before it came to mean "medical doctor." But beyond that, Janega delivers a characteristically brilliant history of the (characteristically) weird and fascinating tale of medieval scholarship. Bottom line, we call physicians "doctor" because they wanted to be associated with the brilliance of scholars, and thought that being addressed as "doctor" would add to their prestige. So yeah, if you've got a PhD, you can call yourself doctor.

It's not just doctors; the professions do love their wordplay. especially lawyers. This week on Lowering The Bar, I learned about "a completely ludicrous court fight that involved nine law firms that combined for 66 pages of briefing, declarations, and exhibits, all inflicted on a federal court":

https://www.loweringthebar.net/2023/11/federal-court-ends-double-spacing-fight.html

The dispute was over the definition of "double spaced." You see, the judge in the case told counsel they could each file briefs of up to 100 pages of double-spaced type. Yes, 100 pages! But apparently, some lawyer burn to write fat trilogies, not mere novellas. Defendants accused the plaintiffs in this case of spacing their lines a mere 24 points apart, which allowed them to sneak 27 lines of type onto each page, while defendants were confined to the traditional 23 lines.

But (the court found), the defendants were wrong. Plaintiffs had used Word's "double-spacing" feature, but had not ticked the "exact double spacing" box, and that's how they ended up with 27 lines per page. The court refused to rule on what constituted "double-spacing" under the Western District of Tennessee’s local rules, but it ruled that the plaintiffs briefs could fairly be described as "double-spaced." Whew.

That's your Saturday linkdump, jarring tone-shift and all. All that remains is to close out with a cat photo (any fule kno that Saturday is Caturday). Here's Peeve, whom I caught nesting most unhygienically in our fruit bowl last night. God, cats are gross:

https://www.flickr.com/photos/doctorow/53370882459/

It's EFF's Power Up Your Donation Week: this week, donations to the Electronic Frontier Foundation are matched 1:1, meaning your money goes twice as far. I've worked with EFF for 22 years now and I have always been - and remain - a major donor, because I've seen firsthand how effective, responsible and brilliant this organization is. Please join me in helping EFF continue its work!

If you'd like an essay-formatted version of this post to read or share, here's a link to it on pluralistic.net, my surveillance-free, ad-free, tracker-free blog:

https://pluralistic.net/2023/12/02/melange/#defendants_motion_to_require_adherence_with_formatting_requirements_of_local_rule_7.1

Stinkpump Linkdump

56 notes · View notes

huurrefanfictionreadinglog · 4 months ago

Text

First fix for Fetch data script

Find the blog post also from Huurreauthor.com. There is also a video on how to open the Apps Scripts, otherwise, the contents are the same.

A bit over a week full of work with this. Unfortunately, it's not completed yet, I have some confusing problems with getting Fandom from the AO3 link and it seems that the script is quite slow at the moment. I'm not sure if there's anything I can do about that, but I will try.

So, first things first, what are the changes generally from the previous when thinking about how the script works?

Mature, Explicit and Not Rated fanfics have gotten new HTML at some point. At least I think so, since the script has worked before that well for all open fics. New HTML has only the date of the last update/completed. It means that these fanfics will not have a Published date.

Since I am going to publish the complete bug fix hopefully within the next two weeks, the script has only one Fetch Data script that has fandoms mentioned in the tags. This is just to make my work easier at the moment. :)

The script doesn't fetch Fandom at the moment. This is the main thing I'm going to fix with the next update. I'm pretty sure the fault lies in me with this as I couldn't get it to work, but a bit more time will help.

Popup when the fanfic is locked! This is a really good thing. I've got a message a few times that the script didn't do anything and then soon afterwards "Whoops, it was actually locked". Now that popup will tell you that the fic is locked and you have to fill in the information manually.

Lower rating fics are handled the same as previously, no changes there.

How to fix the script?

To make everything easier, I have downloaded the whole script to Google Drive where you can copy the whole code and replace the old code with it.

1. Open your file.

2. Choose Extensions > Apps Script from the top.

It opens a new window which can be a bit overwhelming at first.

3. Choose custom menu.gs from the left side panel.

4. Delete everything from that script.

5. Go to Google Drive through this link. Copy everything. (F.e. CTRL/CMD + A and then CTRL/CMD + C)

6. Go back to the tab where you have the script open. Paste the new content.

7. Save the script as shown in the picture below.

8. Close the tab and update the file page. The Fanfiction Management menu might take a few minutes to appear.

The script has been updated also to public Log files, so you can always make a copy of it for yourself and copy & paste all the old content from the old file. However, since I'm most likely releasing version 2.1 within the next few weeks, you might want to wait for it. With the new version release I recommend strongly making a new copy and I will not give out instructions to make edits other than the complete fix for this script. If everything goes as planned, there will be a few new features I've been either working on already since before the release of 2.0 or someone has requested it within these first two months. Find the links to the file from this link.

#huurre's fanfiction reading log #ver2.0 #bug fix

3 notes · View notes

lacefuneral · 2 years ago

Note

hi!!! i love for custom blog theme,, do you have a link to the code or creator 0:?

ya!

so my theme is actually a heavily modified version of redux edit #1 by lopezhummel (current url: holyaura). i always remind users that most tumblr themes are old and that you'll need to replace all instances of "http://" in the code with "https://" so tumblr will save the theme. i had to do it with this one

these are the modifications i made to the theme. i edited this theme over the course of at least a year or so and don't quite recall how i did all of these things. but to the best of my ability:

i moved the "left side img" to the right side of the screen. i also made this element "responsive" so the image will never get cropped when you resize your screen. this was a bitch and a half to figure out and i truthfully do not remember how i did it

i deleted the text in the drop-down navigation so it appears as a little line that is otherwise not noticeable. this type of theme, the "redux edit," used to be very popular because having a drop-down menu let you cram a bunch of links that lead to sub-pages on your blog. i've done away with my sub-pages, but i still like the format of the "redux style" tumblr theme, for its minimal UI and for its customization options.

i separated my mobile description from my web description for formatting reasons. basically, most elements in tumblr themes are connected to specific text fields and toggles. i simply went to the section that was connected to my blog description and deleted it. the web description has to be manually typed inside of the CSS/HTML editor when i want to change it. whereas my mobile description is whatever i type in the "description" box of the normal tumblr theme editors.

i added code someone else made ("NoPo" by drannex42 on GitHub) which allows you to hide posts with certain tags on them. i did this to hide my pinned post, as it looks bad on desktop.

i replaced the tiny pagination arrows at the bottom with images that literally say "next" and "back" because the arrows were far too small/illegible. i know they aren't centered in the container i'm not sure how to fix that lol

i added a cursor

i installed a working music box ("music player #3" by glenthemes), and then added music by uploading MP3 files to discord and then using the links of those files as the audio sources. iirc i also had to make this element responsive and i aligned it so it would sit on the left side of my screen. i made the "album art" for each one the same strawberry pixel art

the moth is just a PNG i added and then moved around so it was behind my sidebar using the options that came pre-packaged with the theme

if you want something like the strawberry shortcake decoration at the top (called "banner" in the theme) your best bet is to google "pixel divider"

theme didn't support favicon so i added that in so i could have a little heart

ALSO:

this theme is. really weird about backgrounds. any background that i have ever set for it, i've had to do weird shit in photoshop. like making the background HUGE, mirroring it, etc. - because it would crop the image weird, or there would be a gap where there was no image. idk man, it's haunted. i'm sure there's a way to fix this but i am NOT tech savvy enough. anyway, patterns are probably your best friend. and if you DO want something that isn't a pattern, it's going to take a lot of trial and error. but i love this theme so i deal with it 😭

the sidebar image and the floating image do not scale. if your image is 1000 pixels, it will display at 1000 pixels. you'll either have to edit the code so that the theme scales the image for you, or resize any images before you add them

my white whale of theme editing (aside from the Weird Background thing) is that i cannot get infinite scrolling to work. i have tried every code out there. all of them break my theme. it makes me sad because like. i have music there for a reason. the idea is that people would listen to it while they scroll. unfortunately, the way it's set up now, the music will stop every time someone clicks "next" or "back" 💀

anyway sorry for rambling but i hope you enjoy the the theme and customizing it in the way that you want to!

#replies #spinchs-field #spinchs field #tumblr theme

24 notes · View notes