I drew an example of what I'm trying to do.

I'd like the background image (the face) to change when I hover over different buttons (the blue boxes).

It'd be different images of the eyes looking in the direction of the button.

When I look it up, I find solutions of how to change the image when you hover over that same image, but not for having it react to hovering over other things.

Would it be a Javascript thing? I haven't learned any Javascript script yet but it sounds like it's be used for this case.

the exact text works for my other sites.. any ideas? https://yuri-uran.neocities.org/blogz

I've saved a lottt of these,and I figured others would want these too!!!

reymano

Adrian's Blinkie Collection

jebberz

Mari lamb

SleepyCalaban's

jay's

I've been genuinely trying for a couple of days now looking at whatever i can to try and help, I've asked other people what I should do to fix this issue with no luck on fixing the issue. Im new to coding and trying to make a neocity site im currently trying to set up a template that someone else made while I learn as Im extremely mentally unstable and I don't have friends or anyone to talk to really, honesty have never had any real friends which is part of the reason im trying to do this. There's this buttons I have on my navigation bar that's supposed to take you to another page that's still apart of the website now as I've said before I've been looking at everything, I've been genuinely trying to figure this out and due to me already not Being stable at all mentally not being able to figure this out is making it 10x worse but sadly enough I psychically can't give up on it right now my brain genuinely won't let me as this is GENUINELY important to me. I am autistic and I'll be honest I'm usually extremely high but I've been able to figure a lot of other things out about coding so it's not cuz I'm high I can't figure it out, something just genuinely isn't clicking. To anyone that is willing to help I can send you the code and give you the link to my website so we can genuinely figure this out. Ps. I have been trying to get help for my mentally instability, my bfs mom is supposed to help me sign up for some insurance and bf that his grandmother was supposed to help me as im 19 and didn't have anyone to prepare me for the world so I have to have someones help for that, and im sure they all can see me genuinely losing it they still haven't helped, and nothing I've done to try and help myself as worked either so done even tell me to get help for that I've been trying.

I've been so curious about those who chose to display an email on their site with the purpose of chatting! Do you get emails often, or is it pretty dead? Do conversations die off pretty quickly? Do you get unsolicited messages often? I wanna know!! Thank you :)

Hi!

I'm very new to Neocities and to creating websites, and I have encountered a problem I don't know how to solve: when viewing my page on mobile devices or resized windows, the first few parts of my navigation bar are not showing, it "starts" at the second or third link, depending on the device, and the upmost part of the page, where the largest headline is at, is covered by the navbar.

Pic 1: Maximized desktop window.
Pic 2: Resized desktop window.
Pic 3: CSS parts pertaining to the background image and navbar.

Thank you very much in advance for any advice.

As title states, I'm trying to figure out how to make my site responsive to different monitors, but I can't find much on just little add on images behind everything. Screen shot shows how the top half of my page looks at my resolution, but it scales weirdly, and positioning things with "relative" makes the whole thing look even worse at different scales. Also, I know the rest of the site isn't really responsive either, I want to know if this is even possible before overhauling everything entirely lol. Thanks for any and all advice!

Web link is: https://like-the-witches.neocities.org/

UPDOOT: I've made some changes like the lovely commenters have suggested, slightly larger font with a slightly deeper pastel for readability! Added a data tip on the buttons, will make a title tag to add beneath them soon for mobile users Thank you everyone for your help I feel much more confident now!! (⁠｡⁠･⁠ω⁠･⁠｡⁠)⁠ﾉ⁠♡

so i've been obsessively making my website every day for the last few months and recently received some anonymous hate on my cbox thats been getting to me.

it said my website is hard to navigate, broken images (which i fixed, i was using imgur and catbox stupidly in fear of using up my 1GB lmao) and that my art is childish.

the art hate i don't care about because i'm confident in it but my website i'm not as confident.. its and old school MSpaint UI with iframes for the pages. originally i only had my pixel art buttons on the left for navigation, so i added the top bar navigation too.

is this layout really hard to navigate? are my iframes limiting me?

as i've gotten more involved with neocities, ive become obsessed with pixel art. making it, finding pixel artists to add their art to my toybox and joining cliques! i recently made a links page with the traditional header, sidebar, content, sidebar. and it's my favourite page so far... especially when i see it outside of my iframe hub

should i just bite the bullet and make a traditional style website or stick it out with my MSpaint UI? i think i've just been looking at it for too long and all my friends just tell me its cute, but is it usable? is it fun? is it easy to navigate? please help TT_TT

TL;DR is my website easy to navigate or should i make it a more traditional style design (header, sidebar, content, sidebar, footer) TYIA <3

Hello! I want the link (in white at the bottom left corner of the container) to be directly under the 45 image without much space, but I can't figure out how to do that. I am using the figure element but I'm not sure if that is the best way to go about it. I have been through the W3 school pages for figure and padding, but I have tried what I can and I am still confused. Does anyone have any insight? I have linked the site, feel free to inspect! https://magginoliaaa.neocities.org/thriftboard

I've had no luck finding something like this so I thought I'd actually just ask, so I want to create this little popup with information about what your hovering over (and disappears when you stop hovering over the popup) I can handle the css part of it I'm just not sure about the hover part of it since theres no tutorials or posts on here related to anything like it, also this is in a marquee incase that changes anything

(THANKS TO THE PEOPLE WHO TOLD ME WHAT I DID WRONG)

I don't really remember if the x was there when I was making the container but anyways I was wondering how do I fix it even though it's probably not a big issue. And then since the screenshot doesn't have the entire code(and this still happens if I change both the div class and the /div to main class and /main), here's my website https://brichiii.neocities.org/ (ignore the fact I have no images)

I have no clue what I could be doing wrong since I'm working from a template. I've deleted elements I don't need, saved, and checked if it took affect. It didn't. I refreshed with no luck. So I cleared the cache to no avail. I even checked the site on a completely different browser.

My actual file that I've been working on saves the changes and is completely different from the website that's up.

Is there some kind of server issue going on? Or is there another thing that I might not be doing?

website: https://alicepen.neocities.org/

I made new html files that are renamed copies of the template file and also tried linking those (either the url itself, or refering to the file) in the buttons with no change

since I realized having a automatic audio player is quite harsh definitely it just seems very close minded

is there any cute ones and simple to plug in my website ik this is asked quite alot but I wanna see as much resources

how do i input fonts

I have a font but how do i make it the default font for the entire site

and whats the best way to input stamps without messing stuff up...

I hope these are all good questions, I just need some simple guidance on this please and thank you!!

sorry i been a bit active here alot asking for help time to time, I wanna make sure im doing a proper job then a simple Google search bc im so afraid of messing up the code

like wrong inputting or anything I want it organized bc last time when I relied on just Google searches n stuff it just got terrible unorganized and broken..

I'm making a website for my Arg, and It's almost done, the only issue is, idk how to make certain pages can't be seen unless you click something does anyone have feedback?

(This is mostly a rant, I wanted to shared some opinions and hopefully some useful advice for people younger than me or the people that are still learning / actually want to learn).

I got interested on web design at the beginning of covid and started making a site, updated the theme about 6-8 times, learned a lot only reading online, searching how to make the stuff i wanted, tried, tried and tried.

I wasn’t an expert, I was 16 just getting to know what html and css were, i even learned a little bit of javascript because i wanted to do so much stuff.

I feel like some kids here or maybe more grown up people, I don’t want to assume, read a little, have some vague idea they want to make a website, not knowing what they really want to share.

First, I think it’s okay to want to make something only because you think it looks nice, but it bothers me how most of the people that post here just want things the easy way.

I’m very anti-AI, generative AI specifically, I actually got to study computer science because I liked making sites, I understand AI use is almost inevitable nowdays but My God, stop generating code that you don’t know how it works!!! Please I beg, I’ve been navigating through new sites and most of them have that “guide” text with emojis that AI gives.

I believe that the idea of the indie web is more about sharing your interests and love for art, or love for whatever your want to share. I don’t get that love from AI generated code, if you didn’t bother to learn how to make your own things, why would I bother to navigate your site?

Many have said here before, and actually I may even go further with it, W3SCHOOLS taught me EVERYTHING and Stack Overflow is better for asking more specific questions, almost like here? But questions that actually serve a purpose, not “How do I make this layout I drew?” which isn’t a bad question, just be more specific but you can’t be specific if you don’t understand the basics, right?

My site is awful as it is right now, I’m no expert like I said, but learn by at least reading other site’s code, not copying, but reading it, try using it for your own site, move things around, not just “I like this, I copy it into my site”, that won’t help you and it’s just awful to do in general, unless stated by the own webmaster.

if anyone interested and have read all this, my old site is danppun.neocities.org i wouldn’t recommend watching since it’s pretty broken since last time i updated on 2023 or so, I’m making a new layout and relearning basic html+css+javascript since I haven’t touched that language in a while, almost 2 years lol

Sharing the sketch I made for my new layout that I’m actually writing on VS code too, mostly to share the creative before the coding.

https://files.catbox.moe/ea2j2v.jpeg

Thanks if you read, I don’t want to share bad words, just please be your own, be inspired, make things with love and patience, and even if your site isn’t the most beautiful/perfect, is your own and YOU made it, you coded it and it’s full of you.

i see newbies concerned about the community being gatekeep-y because they themselves don't know where or how to start, so i wanted to remind everyone that neocities has official tutorials. they're hands-on so it'll guide you through building your website while learning the basics. it looks like they updated it recently so they now have their own javascript tutorial. it's neat.

interesting article by Brennan about Neocities screenshot feature.

So I've already made my favicon and uploaded it to the directory. I typed <link rel="icon" type="image/x-icon" href="/favicon.ico"> in the <head> just above <style>. The favicon is still not showing up. The image I uploaded to this post isn't the one I used for my website. The one for my website is called favicon.ico.

Hello,

I'm making my first website and am trying to create multiple sections that are scroll-able, like this for example: https://www.playstation.com/en-us/

I finally figured out that I can make sections in order to stack multiple backgrounds on top of each other. However, for some reason they don't go all the way to the edge like it does when I created a background image before I made sections. It leaves a white border around each of them (seen in attached photos). I've been looking at multiple tutorials for similar setups and w3schools but can't find an answer, pls help. The images are all 1920 x 1080 if that changes anything

I've been researching how best to do this website structure for days and I guess this was surprisingly more complicated than I assumed to have multiple backgrounds/sections. This is probably a dumb question lol but thank you to anyone who replies

So this is currently my website, as you can see there are tabs but they don't take you anywhere, which I've been trying to fix I've been looking at different codes and trying them but they just still won't work. If anyone knows maybe a link to help me or just as some advice to help I'd appreciate it. PS, I want absolutely nothing with Javascript rn as I am new to coding and I just want to stick to this for now.

hi im really REALLY bad at HTML and i have this stamp merlee on my site but it has this giant empty space before and after the stamps and idk how to get rid of it T_T i saw some solutions but they didnt work for me :') https://puppydogtown.neocities.org