#html page | Explore Tumblr posts and blogs

numbpill · 1 month ago

Text

========================================================

[tutorial: build your own neocities/nekoweb page]

========================================================

a beginner's guide for making your very own home on the indie web—retro, personal, weird, and 100% yours.

this ain’t an average wix, squarespace, or tiktok aesthetic.

we’re talking full html/css with soul and attitude.

[ prerequisites ]

------------------

> an idea

> basic text editor (vscode, notepad++, or even notepad)

> account on https://neocities.org or https://nekoweb.org

> some gifs or tiles you love (dig deep or make your own)

> optional: image host or gif repo (or self-host everything)

[ feeling overwhelmed? read this. ]

-----------------------------------

you do *not* need to know everything.

html is not a mountain. it's a garden.

you plant one tag. then another. then a style. then a button.

you can build your site piece by piece.

and every piece is a portal to somewhere personal.

you are allowed to make broken pages.

you are allowed to use templates.

you are allowed to start over as many times as you want.

this is *your* world. you control the weird.

[ step 1: create an account ]

-----------------------------

> neocities: https://neocities.org

> nekoweb: https://nekoweb.org

register a name, log in, and enter your file manager.

this is where you upload your files and see your site live.

[ step 2: your first file - index.html ]

----------------------------------------

make a new file: `index.html`

basic starter:

<html>

<head>

<title>my weird little corner</title>

</head>

<body>

<h1>welcome to the void</h1>

<p>this is my page. it’s strange. like me.</p>

</body>

</html>

> upload to the dashboard

> boom. you’re live at

https://yoursite.neocities.org

or https://nekoweb.org/u/yoursite

[ step 3: add a style sheet - style.css ]

-----------------------------------------

create a file called `style.css` and upload it.

here’s some nostalgic magic:

body {

background: url('tile.gif');

color: lime;

font-family: "Courier New", monospace;

text-shadow: 1px 1px 0 black;

}

img {

image-rendering: pixelated;

}

marquee {

font-size: 20px;

color: magenta;

}

link it in your html and the vibes activate.

[ step 4: decorate it like a haunted usb ]

------------------------------------------

> use <marquee> for chaos scrolls

> embed gifs from https://gifcities.org/

> steal buttons from https://cyber.dabamos.de/88x31/

> set up a guestbook at https://www.smartgb.com/

> loop audio with <audio autoplay loop>

> add fake errors, 90s web lore, random link lists

[ step 5: resources, themes, and comfort ]

------------------------------------------

> templates & layouts: https://numbpilled-themes.tumblr.com

> glitchy gifs & buttons: https://glitchcat.neocities.org/resources

> layout builder: https://sadgrl.online/projects/layout-builder/

> free tiled backgrounds: https://backgrounds.neocities.org/

> beginner html intro: https://www.w3schools.com/html/

> pixel fonts & cyber assets: https://fontstruct.com/

remember:

you don't need to know js. you don't need to be a coder.

you just need a mood, a direction, a dream.

the html will follow.

[ bonus concept: shrine pages ]

-------------------------------

> a page just for one character you love

> a room to house digital fragments of your identity

> embed quotes, music, images like altars

> call it shrine.html and link it from your homepage

[ closing mantra ]

------------------

you are not here to be optimized.

you are not a brand.

you are a ghost inside the machine,

carving your initials into the silicon void.

welcome to Your website.

========================================================

275 notes · View notes

astercontrol · 13 days ago

Text

I have released it into the world.

my young, miserably unprepared little website

astercontrol.com

astercontrol.com/ALL/news

#tron #tronblr #tron 1982 #tron legacy #userworldproblems #fanworks #fanfiction #html page #neocities

8 notes · View notes

miaqc1 · 8 months ago

Text

This Monday, I added (cached?) html links to the Wayback Machine. 💻

Hunter Hunted game related, pages from the Star Fox Wikia, Carrie Fernandez pages, my works page on Ao3 & Squidgeworld, etc.

Praise be the wayback machine. 🙂 It allow me to discover old websites as well.

Wayback Machine (archive.org)

#text post #wayback machine #preservation #internet archive #hunter hunted #star fox #wikia #carrie fernandez #ao3 #archive of our own #squidge.org #squidgeworld #squidgeworld.org #squidgeworld archive #web preservation #archive tags #html page

2 notes · View notes

attitudeacademu4u · 1 year ago

Text

From Tags to Pages: Navigating HTML for Seamless Web Development

🚀 Explore the dynamic world of web development! 🌐 "From Tags to Pages: Navigating HTML for Seamless Web Development" is your compass to mastering the language of the web. 🖥️ Dive deep into HTML tags and learn how to weave them into cohesive pages that captivate users. 💡 Uncover the secrets of creating a seamless user experience with structured HTML, enhancing your development skills. 🚧 Break down the barriers and build robust, user-friendly websites effortlessly. 🛠️ Let this guide be your map to navigate the HTML landscape, making your web development journey smooth and enjoyable.

#html page creation #html page #enrollnow #attitude academy #learnwithattitudeacademy #bestcourse #attitude tally academy

0 notes

pneuma-themes · 2 months ago

Text

Primavera: All in One Page #01 by @pneuma-themes

Always, it's spring, and everyone's in love, and the flowers pick themselves.

Live Preview / Get the code: [Pastebin] / [Github]

Another Twitter inspired layout. This is an all-in-one page with about, blogroll, tags, and FAQ sections. The code has been heavily annotated, so please go through the code first before sending me an ask!

Important note: Your blog must have been given permission to use Javascript on pages. As of 2024, the waiting time is almost indefinite, and thus might necessitate a circumvention. You can refer to the post I linked to find the how-to.

For the blogroll to display the list of blogs you follow, you must enable this option on the blog setting:

This will not work on secondary blogs, as they do not have that option on their settings.

Features:

Five custom links

Everything is customizable, from the icons to the content and the colors. Customizable options can be found on the :root section of the CSS.

A built-in light-on/off mode that can be toggled by one click.

A header image. The size of your header image is 60% of your screen width x. 250px. The image should resize automatically.

An endless space for practically every section. You can be as detailed or as concise as you like.

Sticky navigation tabs.

A short "currently" tab in the about section, can be about anything you like.

This is a page theme, so blog posts will not be displayed. Please install this through the Add new page link instead.

Credits:

Icons: @alydae

Header: @tofuvi

Fonts: Merriweather, Albert Sans @ bunny.net

Font icons: Dencar Icons (ported by @glenthemes)

CSS tabs: bulma.css, functionality adapted from this StackOverflow post.

Tooltips: tippy.js

Please like and reblog if you like or are using this!

#themehunter #theme hunter #tumblr themes #tumblr pages #html #*mine: all #*mine: page #*page: primavera

429 notes · View notes

ghostsontelevision · 1 month ago

Text

wrote an essay abt how solas fucked up dragon age

note: it is technically readable on mobile, but you're going to have an easier time on a desktop

excerpt:

It’s been a rough time to be a Solas hater. His last-minute romance in Inquisition is very popular, and even if you didn’t slip him Fade tongue, his status as the games’ new big bad means that every pre-game interview about Veilguard was very Solas-centric. Whether or not the game would make good on the promise of Solas as a character was a huge topic of discussion, and whether or not it did is a current matter of debate. However, what is it exactly that Solas’s writing promised? The narrative issues with Veilguard have been spoken about at length, but I haven’t seen anyone address the state that Inquisition left the franchise in, and especially how so many of these issues center around lore reveals and writing choices made in relation to one character. In short: in this essay, I want to argue that it is, in fact, Solas’s fault.

#posts by me #dragon age critical #dai critical #solas critical #hopefully that covers all the tags so people can blacklist accordingly #also got to dust off my neocities page. i missed html <- words of a sicko #first time coding footnotes. i was expecting them to be more of a pain in the ass than they were tbh

202 notes · View notes

wonhoutboy · 11 months ago

Text

page_03: encounter by wonhoutboy

preview / code

• writing diary page: header, icon, bio, 3 links; • writing updates for each story; • progress bar; • cover space 170x250px; • tumblr controls by magnusthemes; • css icons by css.gg; • can be used as a base code as long as you credit me; • images used in the preview: x x x; • please consider buying me a coffee <3.

!! if you find any bugs/if anything doesn’t go well or if you just struggle with customizing it, please reach out to me via private message or ask and i’ll gladly help!

reading diary page coming next!

#code #page #writing page #writing diary #header #page code #writing progress #project page #ao3 writer #ao3 #fanfic #html #css #themehunter

475 notes · View notes

essektheylyss · 26 days ago

Text

honestly I don't know where I'd end up social media wise if tumblr went down for real but yanno where you'll find me regardless? ay oh fucking three babey

#listen if you're like 'where did megs end up' that will be the most reliable place #honestly bluesky seems most likely but like #would i frequent it? who knows #i do actually have to learn xml html and css this quarter so if I can figure my shit out i may actually get a proper site up and running #friendly reminder i do have a site rn for original writing but it's really just a landing page #ugh i have so much to fuckin DO

125 notes · View notes

angelsdean · 2 months ago

Text

feel so powerful every time i use html to change the text color to custom colors outside of the standard ones tumblr gives you in the text editor. the kids these days are lacking html knowledge. they need to learn the codes.

#remember when everyone knew at least the very basics of html bc everyone was customizing their little pages and themes?#vic.txt

97 notes · View notes

apple-cores · 1 year ago

Text

ITS GELERT DAY ⭐️⭐️⭐️ heres my boy StarletRunner! starry pets have such a lovely gaudy-nostalgic look, im glad i was able to celebrate with him

#neopets #neopets art #gelert #starry #starry neopets #krita #starlet #neotag #i have not submitted this or anything but i did get it up on his pet page #im so glad neo has an outlet for my atrophic experience with HTML/CSS

625 notes · View notes

numbpill · 2 months ago

Text

RANDOM BACKGROUND SET- BEFORE DAWN/TWILIGHT DEWDROP VIBES

(ko-fi)

142 notes · View notes

numbpilled-themes · 2 months ago

Text

CHARACTER SHEET - parchment/medieval style profile page for neocities/nekoweb

LIVE PREVIEW

FREE DOWNLOAD

FOLLOW NUMBPILLED ON KO-FI

74 notes · View notes

miaqc1 · 7 months ago

Text

I added/cached more links to the wayback machine this morning. 😀💻

#text post #wayback machine #preservation #internet archive #ao3 #archive of our own #squidge.org #squidgeworld #squidgeworld.org #squidgeworld archive #web preservation #archive tags #html page #youtube video links

0 notes

attitudeacademu4u · 1 year ago

Text

From Tags to Pages: Navigating HTML for Seamless Web Development

Introduction:

Embarking on the dynamic journey of web development requires unlocking the power of HTML – the cornerstone for crafting seamless and visually stunning websites. HTML, or Hypertext Markup Language, lays the groundwork for web pages, enabling developers to structure content and define the elements that bring a site to life. This blog delves into the crucial aspects of HTML, navigating through HTML tags, and unraveling the art of HTML page creation.

Decoding HTML Tags:

HTML tags serve as the fundamental building blocks in web development, acting as the markup language that shapes content on a webpage. Enclosed within angle brackets, these tags appear in pairs – an opening tag and a closing tag – with content nestled between them. Take, for example, the <html> tags encapsulating the basic structure of an HTML document.

HTML Tags Unveiled:

Explore the diverse realm of fundamental HTML tags to comprehend their roles in constructing well-organized web pages:

1. Headings (<h1> to <h6>): Crucial for hierarchical content organization, <h1> represents the main heading, followed by <h2> for subheadings, and so forth.

2. Paragraphs (<p>): Define paragraphs using the <p> tag, aiding in the organization of textual content within the HTML structure.

3. Lists (<ul>, <ol>, <li>): HTML offers tags to create unordered lists (<ul>) and ordered lists (<ol>), with list items marked by the <li> tag.

Crafting an HTML Page:

Having explored basic HTML tags, let's delve into the intricate process of HTML page creation, comprising the following components:

1. Document Type Declaration (<!DOCTYPE html>): Informs the browser about the HTML version in use.

2. HTML Document Structure: Begins with the <html> tag, encapsulating the entire content and incorporating the <head> and <body> sections.

3. Metadata (<head>): The <head> section houses metadata such as the document's title, character set, and links to external stylesheets or scripts.

4. Content (<body>): The <body> section contains the main content of the webpage, including text, images, and multimedia elements.

In Conclusion:

Mastering HTML tags and comprehending the nuances of HTML page creation stand as imperative skills for any web developer. HTML tags provide the structural foundation needed for effective content presentation, while the process of HTML page creation ensures a seamless and aesthetically pleasing user experience. Navigate the vast realm of web development, keeping HTML tags and page creation at the forefront of your skill set to build a robust foundation for crafting compelling and functional websites.

#html page creation #html page #attitude academy #enrollnow #learnwithattitudeacademy #bestcourse #attitude tally academy

0 notes

tumbl-repository · 9 months ago

Text

Tags Masterlist. Click to find tagged posts.

Updated 31 October 2024.

General tags:

themes - patterns - resources - navigation - sidebar - interactive - header - fansite - contained - fandom - tools - tags - pixels - gif - graphics - dividers - pages - all in one - blinkies - code - colours - html - javascript - no javascript - neocities - templates - tutorial -

Specific tags:

kingdom hearts - seashells - splatoon - summer - steven universe - book - cats - colourful - computer - constellation - cute - eyestrain - facebook - fish - hexagon - horizontal - metal gear solid - music player - particles - pokemon - reddit - simple - social media - space - spongebob - tarot - undertale - water - webcore - writing -

Year of creation:

2013 - 2014 - 2015 - 2016 - 2017 - 2018 - 2019 - 2020 - 2021 - 2022 - 2023 - 2024

Full masterlist page:

More will be added later. Feel free to suggest anything!