#css custom cursor

[divinector]

Custom Cursor with Glowing Effect

[digital-chance]

Neocities Websites for Decor (& Other Resources)

9/4 2:10pm

i've been working on my neocities website and wanted to compile a bunch of places where one can find decor. this is not an extensive list, but rather a bunch of places where you can start finding resources.

please note that various pages could strain the eyes, including flashing lights or colors. pages called 'blinkies' usually have flashing colors throughout. [* = prominent flashing lights]

all websites, resources, and thoughts are beneath the cut

decor

effects for mouse cursors, text, and sites - https://www.mf2fm.com/rv/

assorted decor, images, and more - https://shishka.neocities.org/shishka/toybox

* random gifs from the internet archive - https://gifcities.org

https://pinkukingdom.neocities.org/toybox

http://whimsical.heartette.net/material [has tos you need to follow]

https://cinni.net/?z=/toybox/ [love this website so much]

* assorted early internet graphics - https://www.glitter-graphics.com

https://graphic.neocities.org

https://strawberry-gashes.gensoukai.net/v2/

archived images - https://web.archive.org/web/20100211160439/http://neskaya.net/pixels.php

* https://kawaiiness.net/home.php [potential eye strain]

https://www.asterism-m.com/item/ [japanese site]

https://pixelsafari.neocities.org

https://foollovers.com/mat/index.html [japanese site. has tos]

* https://gothiclolita.neocities.org/materials

https://sozai.pooftie.me [pastels. very low contrast, hard to read warning]

https://scripted.neocities.org

https://arunyi.art/#goodies

https://nonkiru.art/resources

* https://animatedglittergraphics-n-more.tumblr.com / @animatedglittergraphics-n-more

https://drive.google.com/drive/folders/1eQx_UiPvEvI4ZZECoPOuRrLhIE_6XbBy [content guide here... 4k+ gifs and graphics by @topadie]

* https://cutewebgraphics.tumblr.com/directory / @cutewebgraphics

https://pngfarm.tumblr.com / @pngfarm

https://lostsozai.tumblr.com / @lostsozai

decor directories

https://directory.cinni.net/sozai/

https://pixelsafari.neocities.org/links/directory/

https://www.tumblr.com/gender444/680981849679511552/favorite-sozaiblog-materials-sites-fool-lovers

definitions

(for those who don't know and/or are just getting into website creation)

webmaster: person who coded/created the website

favicons: small icons or graphics, usually 16x16 pixels.

pixels: graphics either custom-made or found. i've seen this term used for favicons, adoptables, and other graphics.

emoticons: old term for emojis. typically custom emoji expressions

* blinkies: thin flashing or sparkling banners, usually with text, an image, and flashing lights. collectible.

toybox: collections of favicons, stamps, blinkies, buttons, and more. all up to the webmaster's discretion and preferences

* glitters: glittering or shimmering text or images

stamps: collectible rectangular images, usually 99x56px

buttons: images that are hyperlinked to other websites. often custom-made for one particular webmaster or site.

avatars: typically 100x100 pixel images

other websites

beginner's guide to html and css - https://webguide.neocities.org

dnd style character generator - https://harlekine.neocities.org

templates/themes - https://neothemes.neocities.org

photo editor - https://photomosh.com

rainbow text maker - https://www.glitter-graphics.com/generators/rainbow.php

various other resources - https://scripted.neocities.org

learn more about websites & neocities - https://sadgrl.online

assorted resources - https://www.tumblr.com/punkwasp/725206601551773696/neocitiesindie-webmastery-resources

get started with website creation - https://www.tumblr.com/oddmerit/685644129978499072/note-cause-im-getting-sick-and-tired-of-terfs

all types of resources - https://punkwasp.leprd.space/resources/

* = prominent flashing lights/colors

i suggest not linking back (aka hotlinking) to the resources on the website. instead upload it yourself onto either neocities or an image hosting site and include credit. this way, if the person hosting the image deletes their page or loses the image somehow, your website will still be fine. (i didn't do this and had to find everything all over again... )

i have found that the best websites to use as companions to neocities are w3schools, pinterest, tumblr, and any image hosting site. w3schools for coding tutorials. pinterest for inspiration or for graphics. tumblr for any type of decor and advice. to edit my code and have a live preview, i use codepen.io.

since you read through all this, maybe take a look at my neocities site and follow me! <3

[mineyrella]

So I created an ao3 skin and I would like to share it for anyone who wants to use it 💞

Here’s the code >>>

•Wizard Settings

Can be overridden by custom CSS :

Background color:

#FCEBFC

Text color:

#AF7E98

Header color:

#B34A81

Accent color:

#EABEE4

•CSS:

:root {

--background-color: #f9e3f2;

--text-color: #4d494a;

--form-background: #fdeff5;

}

body {

font-family: sans-serif;

}

.wrapper {

background-color: white;

border: 2px solid #f3c2e3;

}

#header {

padding: 10px;

margin-bottom: 15px;

}

#header a {

text-decoration: none;

}

#header a:hover {

text-decoration: underline;

}

#header ul.navigation.actions.user.signed-in {

display: flex;

justify-content: flex-end;

padding: 10px;

}

#main {

padding: 20px;

}

.heading {

padding: 8px;

margin-bottom: 10px;

font-weight: bold;

}

input[type="text"],

input[type="date"],

textarea,

select {

border: 1px solid #f3c2e3;

padding: 8px;

margin: 5px 0;

}

input[type="radio"],

input[type="checkbox"] {

margin-right: 5px;

}

.button,

input[type="submit"],

button {

border: none;

padding: 10px 20px;

cursor: pointer;

border-radius: 4px;

margin-bottom: 5px;

}

.button:hover,

input[type="submit"]:hover,

button:hover {

background-color: #e687b0;

}

#new_work_form .actions .button {

border: none;

padding: 10px 20px;

margin: 5px 5px 5px 0;

cursor: pointer;

border-radius: 4px;

}

.actions .button.current {

border: none;

padding: 10px 20px;

margin: 5px 5px 5px 0;

cursor: pointer;

border-radius: 4px;

}

#work_search_form .submit .button {

border: none;

padding: 10px 20px;

margin: 5px 0;

cursor: pointer;

border-radius: 4px;

}

#work_search_form .submit .button:hover {

background-color: #e687b0;

}

I decided to write it down for easier access🌸

I’ll leave a Reddit link below ⬇️ that explains how to use the code if it’s your first time easily. Credit to @tired-library-ghost on Reddit for this amazing explanation ❤️

[thecozycat]

🧡 Tuesday Tips #3 🧡

Your website is more than just a collection of pages—it’s your digital home. It should reflect you, your interests, and your personality. But with so many sites out there, how do you make yours stand out?

Here are 25 ways to make your website feel more personal, unique, and personalized to you!

........................................................................................................

🎨 Design & Aesthetics

1. Custom Color Palette – Pick colors that resonate with your personality and aesthetic.

2. Unique Typography Choices – Use a mix of fonts that match your vibe.

3. Handwritten or Doodle Elements – Add personal sketches or notes.

4. Custom Cursor – Let visitors use a fun, themed cursor on your site.

5. Personalized Favicon – A tiny but powerful detail that makes your site feel complete.

6. Themed Layouts for Different Pages – Make each page visually distinct but cohesive.

7. Custom Backgrounds – Textures, gradients, or even a personal photograph.

8. Retro or Experimental CSS Styles – Go wild with unique styles that make your site stand out.

9. Create a Custom Hand-Drawn Logo – Instead of a standard logo, try sketching one yourself for a unique touch.

10. Add Subtle Animations – Small hover effects, background animations, or cursor trails can bring your site to life.

11. Play With Layering Elements – Overlap images, text, and shapes for a more dynamic look.

12. Design a Personalized Loading Screen – A custom loading animation or message adds a fun detail visitors will remember.

13. Add Your Own Handwriting as a Font – Convert your handwriting into a web font for a truly personal touch.

14. Design a Seasonal Theme Switcher – Let visitors toggle between different seasonal or mood-based color palettes.

........................................................................................................

📜 Content & Personality

15. Create a Behind-the-Scenes Page – Show how your website was built, share your thought process, or include fun bloopers.

16. Add a "The Making Of" Section ��� Share drafts, sketches, or early concepts behind your creative works.

17. Include a Personal Dictionary of Words You Love – A list of favorite words, phrases, or slang you frequently use.

18. Design a "Things That Make Me Happy" Page – A simple, uplifting page filled with personal joys.

19. Show Your Progress on a Learning Goal – Track and share your journey in learning a new skill, language, or hobby.

........................................................................................................

💾 Interactivity & Engagement

20. Add a Clickable Mood Indicator – Let visitors see your current mood with an emoji or phrase that changes over time.

21. Create a Dynamic Banner That Updates Automatically – Display different messages depending on the time of day or special occasions.

22. Add a "What I'm Listening To" Widget – A live-updating display of your current favorite song or playlist.

23. Embed a Poll or Voting Feature – Let visitors vote on fun topics or help you make creative decisions.

24. Introduce a Mini Personality Quiz – Something quirky like “Which of my favorite books/movies are you?”

25. Make an "Ask Me Anything" Page – An interactive page where visitors can submit questions for you to answer.

Closing: Make It Yours!

Your website should be you in digital form—fun, unique, and engaging. Whether you add just one or all 25 ideas, the most important thing is to have fun and make it your own.

If you try any of these ideas, let me know—I’d love to see what you create!

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

Want to help the Small Web movement grow?

Join us on other platforms. ♥

FB Page & Group:

facebook.com/thesmallweb

facebook.com/groups/thesmallweb

Twitter/X:

x.com/smallweblove

Tumblr Community:

tumblr.com/communities/thesmallweb

Mastodon:

indieweb.social/@thesmallweb

[sanchoyo]

boooo ive spent like 3 hours trying to install the drivers for the gd usb wifi adapter :/ it installed just fine on this desktop when it was on windows so it cant be a hardware problem i dont think...and the disk HAS a linux version for installation included!! I literally havent had to go to a tech forum and type a question in So Long. this is So Embarrassing. but we will figure it out 😔

so my sister received a MASSIVE ancient desktop computer from our grandfather and she doesnt want it (tiny apartment. big Old Computer. already has laptop/tablets etc) so she gave it to me. and i had the idea that id install games and blender on it (like, heavier programs) and use my laptop for more work related things and keep it lighter (if i can snag a remote job yk...)

but this Big Old Desktop computer. its on windows 7 which. is NOT compatible with the newest version of blender :( (and all the tutorials i need to follow do use the newest versions...) and like. windows 10/11 would cost money to get a product key for (or more time trying to pirate it than I want to spend honestly) ...and since I already have a working laptop I figure its fine if I use the desktop one to fuck around right? nbd if I do smth wrong bc I can fall back on my laptop or do a system wipe on the desktop. so. going to try LINUX for the first time instead of a windows system :3 very excited bc ive wanted to try it forever. penguine time

[lavendergalactic]

hi :3 i saw on one of your entrys that you had like a custom cursor and was wondering if you could share how to do that?? thank you if you do!!!

its:

cursor: url(INSERT IMAGE URL), auto;}

!!!!! you put that in your css code

[teslacoils-and-hubris]

side note and not related at all- but how do you get a custom curser on your blog theme? i think its rlly neat :)

gonna be honest- not entirely sure

tumblr's changed how they did custom blog themes since the last time I updated it, and I don't really remember how I edited the theme lol

but, after a bit of poking around, I think you have to go into your settings and allow custom themes, then when you're on desktop and fully on your blog, not just the popup in the tumblr window, go to edit theme and you should be able to add your own custom css

(also wtf why is tumblr selling themes for 50 dollars???)

anyways from there it's just a matter of picking a cursor (I use this site but theres others) and adding in the code which is something like this

<style type="text/css">body { cursor: url(image data here), auto; }</style>

idk how helpful this was sorry ^^'

[kiunlo]

genuinely have 10 times the amount of fun writing things up on my website than I do making a tumblr post about it.

like take for example my WoW character Syerith. I could talk about her on my tumblr all I liked. Post art about her and shit. show screenshots about her. But it's all quick and the information goes by and is forgotten after a while. It's really no different to any other tumblr post.

Compare that with the dedicated page I made for her on my website. Custom colours and graphics and cursor and shit for the whole page which matches her personality and theme the best. I becomes something more. Like a tribute to my own character rather than just a forgettable tumblr post. I can write as MUCH as I want and it's not really meant to be "reblogged" as it were because the contents of the post aren't the only thing making the entire reading experience actually interesting. it's the atmosphere you create with your css and html and the colours and shapes you choose for each element. The tumblr post is just info-dumping. The dedicated webpage is a creative process beyond just the text and images. I feel as though there is more love and care in creating such a thing. The payoff is worth all of that effort, even if no one but you sees it.

[ruvviks]

casey do u have any obsidian tips 👀 (<- just downloaded it)

OUHH YEAS i can give some pointers!! definitely recommend reading through some documentation as well to see all possibilities but to get you started i'll go over some basics :]

first of all, if you go into settings > appearance > themes, you can install custom themes for the overall look of your vault! my vaults all have different themes installed and i'm using custom fonts and colors, you can even go as far as adding your own css snippets at the bottom of the appearance tab for even more customization if you're feeling confident in your coding :] here's some examples of my vaults:

here's some pointers for what you can do with text:

you can have a live preview in which only the line your cursor is on is in editing mode and the rest is in reading mode, but in this example i put two tabs next to each other, one in editing mode and the other in reading mode, to show you the difference! you can have a variety of tabs open at once so it's very easy to navigate through your information :] and you can link pages together super easy as well!

it's all stored locally on your computer so make sure to make regular backups of your obsidian folder, it's not a heavy program at all which is why it's one of my favorites of all time! makes it super easy to store your notes and make them look pretty :D

[arcadian-vampire]

Website update!!

OLD:

NEW:

Updates include:

-Cleaned up code a bit, especially the css

-Resized every page to hopefully fit different screen sizes better

-Reorganized main page

-Made buttons fancier, waow

-New 88x31 button featuring both Candie and Kalamari

-New pages, including another art page, simplified art gallery, 'about me' page, and a page about my beloved baby boy Aither (still a work in progress)

-Filled in first page of Chai Chai gallery, yippee

-Temporarily removed music player due to copyright concerns

-Piko

-New custom cursor that's a wii controller! :3

[lacefuneral]

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!

[divinector]

Glowing Cursor Animation

[playstationvii]

#Playstation7 #framework #BasicArchitecture #RawCode #RawScript #Opensource #DigitalConsole

To build a new gaming console’s digital framework from the ground up, you would need to integrate several programming languages and technologies to manage different aspects of the system. Below is an outline of the code and language choices required for various parts of the framework, focusing on languages like C++, Python, JavaScript, CSS, MySQL, and Perl for different functionalities.

1. System Architecture Design (Low-level)

• Language: C/C++, Assembly

• Purpose: To program the low-level system components such as CPU, GPU, and memory management.

• Example Code (C++) – Low-Level Hardware Interaction:

#include <iostream>

int main() {

// Initialize hardware (simplified example)

std::cout << "Initializing CPU...\n";

// Set up memory management

std::cout << "Allocating memory for GPU...\n";

// Example: Allocating memory for gaming graphics

int* graphicsMemory = new int[1024]; // Allocate 1KB for demo purposes

std::cout << "Memory allocated for GPU graphics rendering.\n";

// Simulate starting the game engine

std::cout << "Starting game engine...\n";

delete[] graphicsMemory; // Clean up

return 0;

}

2. Operating System Development

• Languages: C, C++, Python (for utilities)

• Purpose: Developing the kernel and OS for hardware abstraction and user-space processes.

• Kernel Code Example (C) – Implementing a simple syscall:

#include <stdio.h>

#include <unistd.h>

int main() {

// Example of invoking a custom system call

syscall(0); // System call 0 - usually reserved for read in UNIX-like systems

printf("System call executed\n");

return 0;

}

3. Software Development Kit (SDK)

• Languages: C++, Python (for tooling), Vulkan or DirectX (for graphics APIs)

• Purpose: Provide libraries and tools for developers to create games.

• Example SDK Code (Vulkan API with C++):

#include <vulkan/vulkan.h>

VkInstance instance;

void initVulkan() {

VkApplicationInfo appInfo = {};

appInfo.sType = VK_STRUCTURE_TYPE_APPLICATION_INFO;

appInfo.pApplicationName = "GameApp";

appInfo.applicationVersion = VK_MAKE_VERSION(1, 0, 0);

appInfo.pEngineName = "GameEngine";

appInfo.engineVersion = VK_MAKE_VERSION(1, 0, 0);

appInfo.apiVersion = VK_API_VERSION_1_0;

VkInstanceCreateInfo createInfo = {};

createInfo.sType = VK_STRUCTURE_TYPE_INSTANCE_CREATE_INFO;

createInfo.pApplicationInfo = &appInfo;

vkCreateInstance(&createInfo, nullptr, &instance);

std::cout << "Vulkan SDK Initialized\n";

}

4. User Interface (UI) Development

• Languages: JavaScript, HTML, CSS (for UI), Python (backend)

• Purpose: Front-end interface design for the user experience and dashboard.

• Example UI Code (HTML/CSS/JavaScript):

<!DOCTYPE html>

<html>

<head>

<title>Console Dashboard</title>

<style>

body { font-family: Arial, sans-serif; background-color: #282c34; color: white; }

.menu { display: flex; justify-content: center; margin-top: 50px; }

.menu button { padding: 15px 30px; margin: 10px; background-color: #61dafb; border: none; cursor: pointer; }

</style>

</head>

<body>

<div class="menu">

<button onclick="startGame()">Start Game</button>

<button onclick="openStore()">Store</button>

</div>

<script>

function startGame() {

alert("Starting Game...");

}

function openStore() {

alert("Opening Store...");

}

</script>

</body>

</html>

5. Digital Store Integration

• Languages: Python (backend), MySQL (database), JavaScript (frontend)

• Purpose: A backend system for purchasing and managing digital game licenses.

• Example Backend Code (Python with MySQL):

import mysql.connector

def connect_db():

db = mysql.connector.connect(

host="localhost",

user="admin",

password="password",

database="game_store"

)

return db

def fetch_games():

db = connect_db()

cursor = db.cursor()

cursor.execute("SELECT * FROM games")

games = cursor.fetchall()

for game in games:

print(f"Game ID: {game[0]}, Name: {game[1]}, Price: {game[2]}")

db.close()

fetch_games()

6. Security Framework Implementation

• Languages: C++, Python, Perl (for system scripts)

• Purpose: Ensure data integrity, authentication, and encryption.

• Example Code (Python – Encrypting User Data):

from cryptography.fernet import Fernet

# Generate a key for encryption

key = Fernet.generate_key()

cipher_suite = Fernet(key)

# Encrypt sensitive user information (e.g., account password)

password = b"SuperSecretPassword"

encrypted_password = cipher_suite.encrypt(password)

print(f"Encrypted Password: {encrypted_password}")

# Decrypting the password

decrypted_password = cipher_suite.decrypt(encrypted_password)

print(f"Decrypted Password: {decrypted_password}")

7. Testing and Quality Assurance

• Languages: Python (for automated tests), Jest (for JavaScript testing)

• Purpose: Unit testing, integration testing, and debugging.

• Example Unit Test (Python using unittest):

import unittest

def add(a, b):

return a + b

class TestGameFramework(unittest.TestCase):

def test_add(self):

self.assertEqual(add(10, 20), 30)

if __name__ == '__main__':

unittest.main()

8. Order of Implementation

• Phase 1: Focus on core system architecture (low-level C/C++) and OS development.

• Phase 2: Develop SDK and start building the basic framework for UI and input management.

• Phase 3: Work on backend systems like the digital store and integrate with front-end UI.

• Phase 4: Begin rigorous testing and debugging using automated test suites.

This comprehensive approach gives you a detailed idea of how each component can be built using a combination of these languages and technologies. Each section is modular, allowing teams to work on different aspects of the console simultaneously.

[Pixel Art/Sprites/Buildinodels/VictoriaSecretPixelArtKit #Playstation7 #DearDearestBrands]

[tomrefjord]

how to get a memeulous cursor

if you use this, please mention my blog somewhere in yours :)

you can see this little cursor I have in my blog, pretty cool right? well it's actually pretty easy to code into your site!

go on 'edit theme' on your custom theme in settings

click on 'edit html' in your custom theme

it will open up to this section that can look pretty confusing. yours will look different to mine unless you also use the zola theme like I do.

press ctrl + f at the same time to open up this section and search 'CustomCSS' (no spaces)

you will find this space. just to be safe so you don't accidentally break something in your blog, I would paste my code under some other code (post your code after >)

post this code:

<!DOCTYPE html>

<html><style type="text/css">body { cursor: url('data:image/x-icon;base64,AAACAAEAICAQAAAAAADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAAAAAAAA////AAwvRQC90usAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABERABERABERAAAAAAAAAAAREQAREQAREQAAAAAAAAAAABEREQAREQAAAAAAAAAAAAAREREAEREAAAAAAAAAAAARAAAREQAAEQAAAAAAAAAAEQAAEREAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAiMzMyIiIzMwAAAAAAAAAAIjMzMiIiMzMAAAAAAAAAACIiIiIiIiIiAAAAAAAAAAAiIiIiIiIiIgAAAAAAAAAAIiIiIiIiIiIAAAAAAAAAACIiIiIiIiIiAAAAAAAAAAD/////////////////////////////////////////////////////////////////////////////////////AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//wAA//8AAP//AAD//w=='), auto; }</style></html>

and click 'update preview' (in green) and then 'save' if it works :)

again, to use this please add credit somewhere in your blog. it doesn't have to be massive but it is appreciated!

[dj-of-the-coven]

yo dunno if you've been asked this question before or not (sorry if you have) but where'd you get your tumblr theme? and are the colors customizable or at least have theme variants (like royale or maybe royale noir, but i honestly have never been able to find anything for the latter)??

Hey, I'm always open for questions like that! So, when you say theme, there are a couple different possibilities you might be referring to: either the colors of a basic tumblr blog (the small popup window you see via Tumblr directly) or the desktop site you receive automatically upon acquiring a URL. You should get everything you need for the in-site customization when you first make a tumblr blog--and I'm most familiar with this on desktop, so forgive me for not providing details on mobile--but anyway, it would be discoverable through your blog editor in the same place you go to edit your description, title, pfp, etc. As for my desktop blog, this was made using customizable HTML (hypertext markup language), or a basic programming language for websites used in tandem with CSS (cascading style sheets). There is also a section of JavaScript on my blog which is for the sparkles that follow the cursor on my page. All three of these languages can be used to make your blog virtually whatever you want, but considering the question, I'll operate on the basis that you don't know how to code. How can you get a customizable theme?

Follow these simple directions:

go to settings

select your blog on the right sidebar (should look like this but with your blogs instead of mine)

scroll until you see this setting

if not enabled, enable custom theme

click edit theme

At this point, you should see an editor much like this, but with your desktop site, which is likely going to be a generic model.

I will be proceeding in this guide assuming that you don't know HTML. To get a custom theme, select the icon on the left sidebar that says browse themes.

You will then see the sidebar change to feature Tumblr's generic theme and probably one or two paid ones. Look to the bottom of the sidebar to find this fun lil guy:

Then do me a favor and select it.

On the new page that pops up, you should be able to find hundreds and hundreds of themes made both by professionals and amateur programmers, some of them with price tags, but plenty of others totally free! To install a theme onto your blog, first find one that fits your tastes about right. Don't fret too much about colors and images, because the vast majority of themes will allow you to customize that--you just need the computer to know where to put things. Let's take a look at some of the featured selections here.

Let's say you want to try the first theme! Select it so this window pops up on your computer.

Preview and install do exactly what it says on the tin. For now, let's scroll down a little bit to check this theme's stats...

Take a look at all of this stuff to make sure that it does what you like, and make sure that you understand what you're signing up for. It's totally reversible in the sense that you can install the generic theme again at any time, but remember that whatever theme you already have WILL change when you install this. Always check for accessibility features as well! Depending on your needs, you might need to know if the programmer whose code you're borrowing has put any flashing lights or gifs in the layout before you download. Better safe than sorry.

Once you've decided on a theme, go ahead and click install.

It shouldn't take long afterwards for your blog to finish rearranging itself. Once it's finished, mosey over to your desktop site to check out how it's changed!

Most themes that you can download will include their own customization options that you can find using the same method we used earlier to open up this part of the blog editor:

Just use the left sidebar to make any changes you might want to make to your theme in there. The theme description should've listed everything you can customize before downloading, and it'll all be right there in that menu! Most themes will let you change the color, images, backgrounds, links, music, or any other custom features to your heart's content through those controls. And if you're still unsatisfied, you can open up your blog's HTML file by clicking the edit HTML tab at the top of the left sidebar. Make sure you read some basic guides on code insertion if you do, though. It can be a little tricky to reverse garbage code if you put it in the wrong place.

Let me know if I can do anything else, anon! Good luck and happy customizing!

[spiders-around]

site updates. hi

there's https://spiders.neocities.org/w-selfportraits now.

Tired Of Spiders Dot Neocities Dot Org NOT Updating The Lore? me neither. i honest to god forgot there was so many lore pages, but yeah, there's another one. this one links to a bunch of other lore bits. there's too many pages. too many. too many. too many.

you access this one through the MAIN PICTURE in https://spiders.neocities.org/z-aboutme

and yes, the layout pictures have changed.

not the font though. that's a me issue from the place i get the screenshot from

now go to https://spiders.neocities.org/z-news and play the crossword. you know you want to. and leave a silly comment in the chatbox if youd like

notes:

YOU. YES, YOU. IF YOU DON'T HAVE A WEBBED SITE. MAKE A WEBBED SITE. NOW.

if you know very basic html and css and don't want to make a layout, listen to me now. enter NEOCITIES.ORG. create AN ACCOUNT. click on WEBSITES, you will find it sorted by most popular. the first one should be SADGRL's website. enter SADGRL's website, search around for the LAYOUT GENERATOR. it will give you instructions on how to use it. with that, you can have the code to a pretty layout that's easy to mess with and modify at your liking.

do use W3SCHOOLS to learn html, css and javascript, and WHATEVER ELSE! it is another free webbed site with interactive pages to practice the code as you go!

you can put ANYTHING in a website. you can make a page that's only pictures of your pets. you can make an interactive adventure. you can make your own academic blog full of your own essays on whatever topic. you can just post a ton of art. you can make a music page. you can infodump. give book reccs and reviews. host a thousand GIFYPETS and nothing else. upload entire books in a single html file. make a wikipedia for your ocs. make a fake site for a random fictional place (restaurant, hotel, whatever). you can make a thousand fanpages about your favorite media. i can keep going. make a website. neocitie

you can have a page that's only widgets you found in random websites (like the crossword puzzle). you can make a ton of dressing up game pages. ypu can make a character generator. you can make a random image generator. just google javascript codes. you can remake homestuck. you can make a page that's only a draggable image. you can customize the cursor image for the viewer. you can make a webring. you can just make a neocities account to follow other websites and see when they update. or you can get the rss feeds. you can use RAREBIT's webcomic template for uploading webcomics. I CAN KEEP FUCKING GOING! I CAN F

i got carried away . yes you can reblog just for the website ideas. don't even THINK about asking permission to do any of these btw i don't own any concepts. you HAVE TO make at least one of these or youwill die by my goddamn blade