#html.

[doccywhomst]

coding got me saying shit like “target the child” “assign its class” “override its inheritance” like the third wife of a dying oil baron discovering his of-age son born out of wedlock

[agentromanoffsir]

neocities guide - why you should build your own html website

do you miss the charm of the 90s/00s web where sites had actual personality instead of the same minimalistic theme? are you feeling drained by social media and the constant corporate monopoly of your data and time? do you want to be excited about the internet again? try neocities!!

what is neocities?

neocities is a free hosting website that lets you build your own html website from scratch, with total creative control. in their own words: "we are tired of living in an online world where people are isolated from each other on boring, generic social networks that don't let us truly express ourselves. it's time we took back our personalities from these sterilized, lifeless, monetized, data mined, monitored addiction machines and let our creativity flourish again."

why should I make my own website?

web3 has been overtaken by capitalism & conformity. websites that once were meant to be fun online social spaces now exist solely to steal your data and sell you things. it sucks!! building a personal site is a great way to express yourself and take control of your online experience.

what would I even put on a website?

the best part about making your own site is that you can do literally whatever the hell you want! focus on a specific subject or make it a wild collection of all your interests. share your art! make a shrine for one of your interests! post a picture of every bird you see when you step outside! make a collection of your favorite blinkies! the world is your oyster !! here are some cool example sites to inspire you: recently updated neocities sites | it can be fun to just look through these and browse people's content! space bar | local interstellar dive bar creature feature | halloween & monsters big gulp supreme peanutbuttaz | personal site dragodiluna linwood | personal site patho grove | personal site

getting started: neocities/html guide

sound interesting? here are some guides to help you get started, especially if you aren't familiar with html/css sadgrl.online webmastery | a fantastic resource for getting started with html & web revival. also has a layout builder that you can use to start with in case starting from scratch is too intimidating web design in 4 minutes | good for learning coding basics w3schools | html tutorials templaterr | demo & html for basic web elements eggramen test pages | css page templates to get started with sadgrl background tiles | bg tiles rivendell background tiles | more free bg tiles

fun stuff to add to your site

want your site to be cool? here's some fun stuff that i've found blinkies-cafe | fantastic blinkie maker! (run by @transbro & @graphics-cafe) gificities | internet archive of 90s/00s web gifs internet bumper stickers | web bumper stickers momg | gif gallery 99 gif shop | 3d gifs 123 guestbook | add a guestbook for people to leave messages cbox | add a live chat box moon phases | track the phases of the moon gifypet | a little clickable page pet adopt a shroom | mushroom page pet tamaNOTchi | virtual pet crossword puzzle | daily crossword imood | track your mood neko | cute cat that chases your mouse pollcode | custom poll maker website hit counter | track how many visitors you have

web revival manifestos & communities

also, there's actually a pretty cool community of people out there who want to bring joy back to the web! melonland project | web project/community celebrating individual & joyful online experiences. Also has an online forum melonland intro to web revival | what is web revival? melonking manifesto | status cafe | share your current status nightfall city | online community onio.cafe | leave a message and enjoy the ambiance sadgrl internet manifesto | yesterweb internet manifesto | sadly defunct, still a great resource reclaiming online social spaces | great manifesto on cultivating your online experience

in conclusion

i want everyone to make a neocities site because it's fun af and i love seeing everyone's weird personal sites that they made outside of the control of capitalism :) say hi to me on neocities

[bogleech]

Going to put all this in its own post too by popular request: here's how you make your own website with no understanding of HTML code at all, no software, no backend, absolutely nothing but a text file and image files! First get website server space of your own, like at NEOCITIES. The free version has enough room to host a whole fan page, your art, a simple comic series, whatever! The link I've provided goes to a silly comic that will tell you how to save the page as an html file and make it into a page for your own site. The bare minimum of all you need to do with it is JUST THIS:

Change the titles, text, and image url's to whatever you want them to be, upload your image files and the html file together to your free website (or the same subfolder in that website), and now you have a webpage with those pictures on it. That's it!!!!! .....But if you want to change some more super basic things about it, here's additional tips from the same terrible little guy:

That last code by itself is: <meta HTTP-EQUIV="REFRESH" content="0; url=001.html"> Change "001.html" to wherever you want that link to take people. THIS IS THE REASON WHY when you go to bogleech.com/pokemon/ you are taken instantly to the newest Pokemon review, because the /pokemon/ directory of my website has an "index.html" page with this single line of code. Every pokemon review has its own permanent link, but I change that single line in the index file so it points to the newest page whenever I need it to! While I catered these instructions to updating a webcomic, you can use the same template to make blog type posts, articles or just image galleries. Anything you want! You can delete the navigational links entirely, you can make your site's index.html into a simple list of text links OR fun little image links to your different content, whatever! Your website can be nothing but a big ugly deep fried JPEG of goku with a recipe for potato salad on it, no other content ever, who cares! We did that kind of nonsense all the time in the 1990's and thought it was the pinnacle of comedy!! Maybe it still can be?!?! Or maybe you just want a place to put some artwork and thoughts of yours that doesn't come with the same baggage as big social media? Make a webpage this way and it will look the same in any browser, any operating system for years and years to come, because it's the same kind of basic raw code most of the internet depends upon!

[madlyfluffy]

Yearly reminder to everyone trying to find alternatives to tumblr/social media in general: go make a Neocities account and teach yourself basic HTML and post your art/writing/shitposts there.

It does take extra time to set up (but there are templates out there!) but it is so so worth it to have a site that is 100% YOURS!

You don’t even have to be that good at coding. I’m not. My site is not very accessible via mobile devices but that is fine with me (keeps me off my phone) but there are plenty of ways to make your site mobile friendly. There are plenty of bare bones/accessible sites I adore purely for the media on it.

Imagine having your site on your phone and showing someone- hey! I coded this from scratch. And I didn’t even have to pay a company like squarespace. All your images, links, writings, in one place. I have my fandom edits, memes, fanart, and custom graphics there.

Neocities has a very bare bones follower and comment system, but you can disable this if you want your site to truly abstain from any social media-isms. I use it because its a great way to meet other webmasters and get help with coding problems. Neocities isn't an exact replacement for Tumblr (no reblogging here) but html coding is an invaluable skill to know, as is keeping a personal website in this day in age.

The awesome thing about having your own website is if, god forbid, Neocities goes down, you can move your site to any other number of hosting platforms (like Teacake.org). Your site is truly YOURS, and no one else (shitty tech CEO cough cough) can take it away from you.

If you need help getting started, I recommend checking out sadgrl.online. (More links to resources in the comments section of this post).

I know neocities has been talked about before, especially within my follower circle, but I thought I'd bring it up again for anyone unaware of this awesome platform.

[xinyuehui]

Ah, the night's just getting started. Don't let me catch you so easily next time. ⸺ QIN CHE // SYLUS ִֶָ☾.

[389]

[fernando-arciniega]

Calculadora en PHP CSS y Javascript

Este código es la estructura de una página web que contiene una calculadora simple hecha en HTML, CSS y JavaScript. Aquí hay una explicación detallada de cada parte: - : Esto declara la versión de HTML utilizada, que es HTML5 en este caso. - : Aquí se abre el elemento HTML, y se especifica que el idioma de la página es inglés ("en"). - : La sección de encabezado de la página, donde se incluyen metadatos y enlaces a archivos externos. - : Define la codificación de caracteres UTF-8, que es ampliamente utilizada y es compatible con varios idiomas. - Calculadora: Establece el título de la página, que se mostrará en la pestaña del navegador. -

Calculadora en PHP

7 8 9 + 4 5 6 - 1 2 3 * 0 . C / = La calculadora anterior permite realizar operaciones matemáticas básicas, como suma, resta, multiplicación, y división, además de realizar cálculos con números enteros y decimales. Aquí están las operaciones que se pueden realizar con esta calculadora: - Suma (+): Puedes realizar sumas de números. Para ello, simplemente haces clic en los botones numéricos (del 0 al 9) y luego en el botón "+" para sumar los números ingresados. Por ejemplo, para sumar 5 y 3, harías clic en "5", "+", "3", y finalmente en el botón "=" para obtener el resultado. - Resta (-): Similar a la suma, pero utilizas el botón "-" para realizar operaciones de resta. Por ejemplo, para restar 7 de 12, harías clic en "12", "-", "7", y luego "=" para obtener el resultado. - Multiplicación (*): Puedes multiplicar números usando el botón "". Para multiplicar 4 por 6, harías clic en "4", "", "6", y luego "=" para obtener el resultado. - División (/): Para realizar divisiones, utilizas el botón "/". Por ejemplo, para dividir 20 por 5, harías clic en "20", "/", "5", y luego "=" para obtener el resultado. - Números enteros y decimales: La calculadora permite ingresar números enteros y decimales. Puedes utilizar el botón de punto (".") para ingresar números decimales. Por ejemplo, puedes ingresar 3.14 para realizar operaciones con números decimales. - Borrar (C): El botón "C" se utiliza para borrar el contenido del campo de entrada, lo que te permite realizar nuevas operaciones desde cero. - Resultado (=): El botón "=" se utiliza para calcular el resultado de la expresión matemática que hayas ingresado en el campo de entrada. Una vez que hayas ingresado la expresión, haces clic en "=" para obtener el resultado. Es importante tener en cuenta que esta calculadora utiliza la función eval() de JavaScript para evaluar las expresiones matemáticas. Esto significa que puede manejar una variedad de expresiones matemáticas, pero es esencial ingresarlas de manera válida y evitar errores de sintaxis. Si la expresión contiene errores, la calculadora mostrará "Error". Read the full article

[teaboot]

I don't know who needs to hear this

But if you go into the comments section on AO3

And type

Then replace image url (keep the " marks) with the url of a picture

You can leave fan art in the comments of a fic

[engravedlives]

misc coding stamps graphics

[calware]

TT: When you think about... alternate timelines. Doomed and offshoot timelines. TT: Do you think that you made me in every one of them? TT: ... TT: I hope not. TT: Why? TT: It would be cruel for you. TT: It would be cruel for you if I never existed. TT: Why, because I wouldn't have anyone to answer my messages?

TT: We both know that isn't the reason.

[diamondcitydarlin]

               "I am gonna make you so happy." 🪲🪳

[zephyrchama]

(obey me!) moments where they fall in love with you all over again

---01

It’s dinner, and you’re talking about mundane things that happened during your day. You saw a cool bird, got some gum stuck on your shoe, and bought a new flavor of toothpaste to try. Everyone is listening intently. If only they would pay this much attention in class.

Lucifer knows the way his brothers look at you all too well. It’s a look full of respect, admiration, and fondness. It’s a look that’s often reflected on his own face when in your presence. At first he never really understood why you put up with his siblings, as the option to ignore them and be on your way was always there. Yet you continue to make time for them anyway. How unusual.

Moments like these where everyone is together and you don’t treat them as the Seven Rulers of Hell, you just treat them as your dear friends and family. That’s what makes Lucifer soft. He tries to imagine a long future of things staying just like this.

---02

Mammon’s hesitant to lend anybody money, even you. It takes a few minutes to butter him up and fluff his ego before he relents. At last, he hands you the crispest bill in his wallet. “Don’t spend it all in one place,” he kids, knowing full well he’d do just that if he was in your shoes.

He’s curious what you plan to buy. It never dawns on him that you have no intention of spending the cash. Half an hour later, he finds it on his desk. The exact same bill, now creased and folded neatly into an origami bird.

He picks it up to wiggle the little paper wings, entranced, then looks around frantically and catches your eye. A playful smile graces your face and tugs at his heartstrings.

---03

Leviathan is not typically one to make mistakes when it comes to anime. But even he’s not perfect.

He had it set in his mind that the new show premiered at 6:00pm, which left plenty of time to prepare the ultimate solo viewing party after school. He was humming quietly to himself when you walked over. “Isn’t your show starting soon?”

You specifically took an interest in his hobbies. You remembered that it started at 16:00 (four o’clock), not 6:00. Leviathan wondered, how could he make such a egregious mistake? You were the one who dashed back to the House of Lamentation at full speed by his side. When your human stamina started failing, he unconsciously picked you up so you’d both make it in time. You made it with two minutes to spare.

Sweaty and out of breath, still in uniform, you were able to watch the premiere together. It wasn’t until after credits rolled, you went elsewhere, and the live reactions on social media started calming down that Levi realized what a big deal this was to him. What a big deal you were to him.

---04

Satan wasn’t expecting you to be spacing out in his favorite armchair. He had plans to read in it that evening, and considered asking you politely to move. But the way the lamp light shines on your skin, the thoughtful expression on your face while pondering ideas unknown. The way your lips part ever so slightly and your eyes gaze off into nothing. It captivates him. You look like a painting. His breath gets caught in his throat, and in clearing it he manages to break your trance.

“Oh, hey. Welcome home, I didn’t realize you were there.”

You go to get out of the chair, but Satan insists you stay. It doesn’t look right without you anymore. He doesn’t feel right without you anymore.

---05

Asmodeus does not have wardrobe malfunctions often. His outfits are of the highest quality and a lot of care goes into putting them on. Still, things happen.

When his fans rush forward out of nowhere, sometimes they are successful in tearing his clothes. A fistful of shirt here, a mouthful of pants-leg there. Being in the center of a lust-fueled stampede can make even the most collected people lose their minds, but you are steadfast. You shout at the rabid demons, shaming them for their disrespect. You believe you can chase them off all on your own, not knowing that the Avatar of Lust behind you is exuding a killer aura and warning his fans to back off with a powerful glare.

As you sloppily stitch up what remains of his shirt so he can walk home without the incident repeating, Asmodeus is smiling from ear to ear. You’re so focused on genuinely helping that you don’t even notice the bedroom eyes he’s flashing. The scene of you waving your arms and trying to chase off a pack of demons as if they were stray pigeons is permanently ingrained in his memory. Just as your existence is ingrained in his soul.

---06

Beelzebub knows what he likes. He knows what will catch his interest and is pleasantly surprised when a new one crops up.

One thing he likes is you. Another is food. Both are in the cafeteria. He piles a tray high with carbs and goes looking for you at lunch time, finding you seated in the middle of a long table at the edge of the room. He calls your name.

It’s unexpected, the way you quickly swing your head up mid-bite. Your cheeks are full and noodles dangle from your mouth, sauce dripping back onto your plate. Your eyes light up as you look at him from below. It makes him stop in his tracks, causing several shorter demons to walk into him. Such a simple action, yet so profound. You hurriedly chew and offer him a seat while Beelzebub powers through his emotions. He takes a seat across from you to offer a napkin, wondering when he’ll see that face again.

---07

It’s late, far past everyone’s bedtime. Yet Belphegor forgot to tell you something during the day and decided now would be a great time. When you don’t respond to the quiet knocks at your door, he lets himself inside. Your sleeping figure looks too comforting to resist and he gets the brilliant idea to crawl into bed with you to whisper in your ear.

The problem is, as soon as he lifts the covers, you fart. It’s loud. You don’t move an inch, remaining fast asleep and ignorant of what just happened.

Belphegor freezes in his tracks to process it, but is soon doubled over on the futon laughing. The vibrations wake you. You sleepily open your eyes to see who is in hysterics and ask the obvious: “what?”

Belphegor is laughing too hard to tell you. He doesn’t want to tell you. It’s too priceless. You groggily smack him with a spare pillow and it makes him laugh harder. While he loves to look at you, that week it becomes difficult for him to meet your eyes without erupting into a fit of giggles.

[kafus]

i made a free to use, 100% customizable comment widget for neocities users! it's really easy to install and add comment sections to any page. no more boring cbox or external guestbooks if you don't want them! and it comes with two themes to get you started!! please enjoy! you can find it here on my personal site!

[amphibianauthor]

Ao3 HTML/Coding References-Part I

I recently made a code-heavy choose your own adventure fic, and I wanted to compile all of the really helpful resources I've found along the way. Basics, Text altering and Fancy Formatting (adding dividers, columns, photos, videos, tabs etc.) is below!

(Note: I've had to split this in two, so see Part II for all the website mimic HTML)

Basics:

This Ao3 Posting Doc converts Google doc into HTML, adding bold, underline, italics, strikethrough, paragraph breaks, and centered text. Major game changer for heavy HTML works

The Fic Writer's Guide to Formatting by AnisaAnisa: This is a masterpost in itself, covering links, images, boxes, borders, fonts etc. So I'm putting it here since it's amazingly helpful

HTML References by W3 schools- I've linked the HTML colors here, but this is a platform designed to help people learn/reference HTML

Ao3's own guide to HTML on their site Lovely Q&A for Ao3 specific HTML questions

Text resources: (altering the color, font, emoji, style etc.)

Font's chapter: The Fic Writer's Guide to Formatting: okay I know I already linked it above, but listen it's very good so I'm linking again

Fonts colors and work skins oh my by Charles_Rockafeller takes fonts to a different level.

Multicolored text skin by ElectricAlice GRADIENT TEXT

All the Emoji by CodenameCarrot while Ao3 has signifigantly improved on hosting emojis, this code helps with using some more unconventional emojis. Amazing resource.

Upsidedown text and Zalgo text generators - these specific text generators allow for you to see their direct HTML codes

Fun CSS Text Effects by DoctorDizzyspinner

Workskin for showing and hiding spoilers by ElectricAlice makes text appear when hovered/clicked. Amazing for Trigger Warnings

Make text appear when you click [Work skin] by Khashana clickable end notes buttons for your work, similar to the spoiler button text

Desktop/mobile friendly short tooltips workskin by Simbaline

How to make Linked Footnotes on Ao3 by La_Temperanza

User-selectable Names in a Fanfic work by fiend Ever want people to select between different names in a fanfic? I could also see this used as ability to switch gender in a fanfic.

AO3 Comic Text Effects using CSS by DemigodofAgni Ever want a giant comicbook POW in your fic?

How to override the Archive's Chapter Headers by C Ryan Smith

Fancy Formatting: (adding dividers, columns, photos, videos, tabs etc.)

Embedding youtube videos on ao3 to scale with the screen by pigalle add youtube videos mid fic

Conlangs and Accessibility by Addleton this fic instructs how to have accessible translations in fic

How to mimic letters, fliers and stationary without using images by La_Temperanza Really helped with box formatting

Decorations for Fic (HTML/CSS): Fanart, Dividers, Embedded Songs and More by Jnsn this has SO MANY cool coding features, including a chessboard that moves when you hover over it

How to make a News Website Article Skin on Ao3 by ElectricAlice

Newspaper/Magazine Article Template by deathbymistletoe

Newspaper Article by lordvoldemortsskin --basic but adaptive for mobile

Newspaper Article Adaptation by KorruptBrekker modification for different columns

Screenplay skin by astronought

Screenplay workskin by legonerd

How to make custom Page Dividers by La_Temperanza

How to make Images Fit on Mobile Browsers by La_Temperanza great image adding code

How to Wrap text around images by La_Temperanza image text wrapping

How to insert Gmail emails in your fic by DemigodofAgni

How to mimic Email Windows by La_Temperanza

How to make a Choose Your Own Adventure Fic by La_Temperanza allows for clickable links and hidden text.

Personal Experiment with HTML and CSS by MohnblumenKind This has a variety of help, Chapter 6 & 7 were great for choose your own adventure, Chapter 4 talks about columns and skins, and Chapter 10 even has a newspaper made entirely from site code.

Basic blogpost skin by Anonymous

Blog Post Work Skin by Anonymous

Learn to Microsoft Excel by ssc_lmth insert a spreadsheet in your fic

Ao3 Work skin: a simple scoreboard by revanchist shows how to code a scoreboard

Colossal Cave Adventure by gifbot Working Keyboard anyone?

How to make a rounded playlist by La_Temperanza Ever want to show a character's music playlist within your fic

Tabbing experiment by gifbot (clickable tabs)

Repository by gaudersan google searches, ao3 stats, instagram and text messages galore

Workskin for in Universe Investigative/Mission Report with Redaction by wafflelate case files/CSI reports

CSS in Testing/Bleed Gold by InfinitysWraith Masterclass in cool formatting, including overidding default headers, Doors opening animation, Grid interactive photos, Hovering to change a photo, Retroactive text etc.

CSS in Testing:Second in Series by InfinitysWraith: Interactive keypads, Mock news site and interactive locking mechanism.

Bonus: Ever wanted to see how crazy HTML can be on AO3? Try playing But can it run Doom? or Tropémon by gifbot

Happy Creating!

Last updated: Nov 28 2024 (Have a resource that you want to share? My inbox is open!)

See Part II for Website Mimics here!!

[bumb13-be3]

it seems like website building is about to have a boom, let me share my favorite resource of all time!!

this is a website packed to the brim with website building goodies , including a website layout maker that is the easiest and most user friendly maker i’ve encountered! perfect for creating your own neocities (it’s free!!) , the code even has helpful tips in it for those new to html/css!

i also recommend w3schools.com for quick and easy to follow chunks of html/css tutorials! gifcities is a goldmine for old neocities era gifs, and blinkies cafe is perfect for making your own blinkies!

i can’t wait to see everyone’s websites in the coming weeks and months! remember, it’s fine to take it slow and let it look silly, that’s always been the point of websites like this :]

ps check out our neocities and feel free to drop yours in the replies :]

[prokopetz]

Me: Okay, so it looks like I forgot to link the first item in this alphabetically indexed list. Let's take care of that right now.

Me: <a href="#...

Me: Whoops, and I forgot to do the second item, too. Let's fix that.

Me: <b href="#...

Me:

Me: Wait.