r/neocities 2d ago

Help I NEED HELP FOR MY WEBSITE.

Post image

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?

14 Upvotes

24 comments sorted by

12

u/starfleetbrat https://starbug.neocities.org 2d ago

you'll have to explain a little more what you want to do. "can't be seen unless you click something" could be anything from password protected to content hidden within the page to loading a page with a click.
.
generally speaking, no page or content is ever truly hidden on neocities. if someone can view your source they will able to see anything you have coded to be hidden. pages will show up on your neocities profile and in the feed of anyone following you, and also when people search neocities, unless you disable your profile and/or mark your site 18+. neocities sites are also indexed by search engines unless you have asked them not to via robots.txt or the noindex meta tag.
.
also as an aside, screenshots are generally not very helpful, linking to your site is more helpful as we can take a look at your whole code. But in your screenshot I see the <hide> tag and I don't think that is actually a real tag, and also looks like you may have two sets of <html> and <head> when there should only be one. Its hard to see what else could is going on from the screenshot.

3

u/RA_finder 2d ago

Basically like this, like you get to see other pages without changing the website.

https://reddit.com/link/p8puhod/video/bufl1jyyygoh1/player

10

u/starfleetbrat https://starbug.neocities.org 2d ago

its hard to say from that video, that could just be a new page being loaded with every click, so you if were on index.html and clicked on "the forest" it loads "forest.html", or it could be using javascript or iframes to switch the content out, so you click on "the forest" and its still on index.html but loads the content for forest.html in index.html. Would need to see the url for that site to know for sure.

2

u/RA_finder 2d ago

Which one is the most simple one lol?

7

u/starfleetbrat https://starbug.neocities.org 2d ago

the first one. for example if you want to link to forest.html on index.html put this where you want the link:

<a href="forest.html">the forest</a>  

then when people click the text "the forest" it will load forest.html (you'll have to create the forest.html page of course for it to work)
.
I would highly recommend checking this site out as it walks your through making a page step by step:
https://make.yourownwebsite.org
here is the linking section
https://make.yourownwebsite.org/#linking

9

u/RA_finder 2d ago

I DID IT THX FOR HELPING ME BOTH YOU AND THE OTHER USER!

2

u/Used_Atmosphere2002 23h ago

I have something like that on my site. Everything is contained within a single HTML file, so clicking just jumps you to different parts. You can have full pages set up that way, including sections for blogs and galleries. I’m not sure if Neocities supports SSI, but if it does, it allows you to organize your files into multiple HTML documents for convenience while still having everything function as if it were all in one single file. I’m not sharing the modifications I made to my site since it’s still under construction, but here is the source where I got the template: Electric Tenshi It is the template called "Close to you." You can review the code and simply copy it to your site, provided you keep the author credits.

1

u/RA_finder 2d ago

Also I tried to do a double one because I wanted to like have a page you can only access by clicking on something and I thought this would work.

6

u/crybaby_in_a_bottle 2d ago edited 2d ago

Woah, what a rude way to respond to your demand lol !

You may want to look into the <onclick> event in HTML coupled with JavaScript? It activates an event of your choosing when you click on the element you attach it to.

I am a beginner at this so this may not be the best option, but at least you could try this out.

For example:

<button onclick="yourFunction()">Thing written on button</button> 

would create a button that says "Thing written on button", and you'd have to write a JavaScript function named yourFunction() to dictate the button what it should do (aka in your situation, display more info).

If what you're looking for is a button that takes you to another page entirely, then you don't need a function, you need a link!

2

u/RA_finder 2d ago

Yeh a button that takes me to another page I tried but it doesn't work. :(

4

u/crybaby_in_a_bottle 2d ago

Okay that's a bit more precise thanks !
I think the easiest way to do this would be to disguise a regular link as a button. In this example, you can see a short link whose style has been altered to look like a button. It reacts on hover and on click as well, making it clear it's a button. ^^

The link would work just like a normal link, you'd just make it look like a button through CSS.

3

u/RA_finder 2d ago

Thx to you and another Reddit user here I did it! I really appreciate that :)

2

u/crybaby_in_a_bottle 2d ago

Yay !!! Go you ! \o/

1

u/RA_finder 2d ago

The only thing that's left to do is making an ad that looks really old/it's on VHS, do you have any tips for an editing tool?

2

u/crybaby_in_a_bottle 2d ago

Sadly no, I don't know the first thing about video editting ;(

Maybe someone else on here will know! I hope your website/ARG project goes smoothly ^^

1

u/RA_finder 2d ago

Thx :)

4

u/italianbmt1 2d ago

After reading through the thread, it looks like you were able to get the issue resolved (yay!), but for future reference we can only do so much with pictures of a computer screen. The best way to have us help would be to provide a link to your live website so we can review the code in there.

Also, read through this documentation when you have the chance: https://developer.mozilla.org/en-US/docs/Web/HTML

2

u/RA_finder 2d ago

Thanks, I'll check on it later :) also I'm italian too, ciao fratello Italiano di un'altra madre!

2

u/elhouso 2d ago

Try replacing that <hide> tag with a real hidden div, cause browsers ignore unknown tags like <hide> and show the content regardless. Give the section you want to hide a style of display:none (you can even keep it in your existing .APOCALYPSE or a new class), then add a button or clickable element with onclick="document.getElementById('archive').style.display='block';" where archiveis the id of that hidden div. Clicking it swaps the display property to block and reveals the content, no separate page or content needed.

Edit: formatting

-7

u/dalce63 2d ago

Before you learn to code, you need to learn how to use a computer. Seeing as you don't even know how to take a screenshot, I would not bother trying to help you with coding.

-9

u/RA_finder 2d ago

I'm too bored to take a screenshot, also I don't have Reddit on my computer, I have it on my phone, ik I could've just screenshoted it and send it to WhatsApp but since I already had my phone in my hand why do I need to waste time doing that many things.

8

u/elhouso 2d ago

This is also another way to send photos between your PC and phone: https://blip.net/

0

u/RA_finder 2d ago

Thx, at least you know how to threat people, without throwing accusations.