Neocities allows anyone to create a free web site to express themselves. Want to create your own awesome site? Join us!
ninacti0n
2 years ago
Oh, sure thing! I'm actually super glad you're willing to share the way I figured out to do it lol, that's superb! ^^ I'll add it soon, I'm just figuring out the best way to approach how the tutorials should be viewed, such as through a drop-down menu or a modal pop-up...
foolsparadise
2 years ago
im assuming it has to be some form of javascript or soemthing maybe. pls halp its 4 my xtc shrine
corru
2 years ago
how much content is gonna be in the div? like does it need to change the layout and add images and stuff, or or just changing some text?
foolsparadise
2 years ago
im late sorry but probably layout too? i did teach myself iframes though so if all goes well i could sustain with those. only reason i had a problem using them is the sheer amount of iframes im gonna need for it and how many pages ill be uploading to my site for it lol
corru
2 years ago
got it!! here's my take on something you could use, it's just a teensy bit of javascript - https://codepen.io/corru/pen/xxJdXdq - this way you still have all the HTML in one page
ninacti0n
2 years ago
I'll do some work on stylizing my widget of the Funky Webring today :P It's gonna be fun!
ninacti0n
2 years ago
Phew, it worked! I only managed to replace the text of the links through CSS, since I didn't have access to the internal HTML of the widget. I'll add this as a tutorial in my resources tab later on for sure...
ninacti0n
2 years ago
Oh, that’s awesome to hear!! Thank you so much! I’ll add it for sure, I’ll just paint a button and some arrows for it ^^
ninacti0n
2 years ago
I just got accepted into the Geekring, so I couldn't not go without making a proper layout for it ;] The webring visuals with buttons n' arrows are super cool, and wanna keep that look going in my webrings corner!
corru
2 years ago
thanks for sharing, i really appreciate it!! and that would be so sick, once I've got everything in order for this next update, we should make it into a commission!
ninacti0n
2 years ago
You're very welcome!! All your coding work paid off amazingly, it was only but deserved! And oh my gosh, for real...?? Dang, that would be insane!! I'm so flattered you would be interested in commissioning me- thank you SO MUCH! ⚡
cartooncreaturelover
2 years ago
Aww, thank you so much!!! I'll be sure to ask about stuff when issues start to pop up!
cartooncreaturelover
2 years ago
Okay! I have a question! Do you have any idea how to make a header image stop repeating itself on narrower screens? I heard changing it from pixels to a percentage could fix it, but either my previous attempts weren't coded correctly or it simply doesn't work because something else is causing the issue. My site (& thus the header image's code) is from Sadgrlonline's Layout Builder, btw!
ninacti0n
2 years ago
Oh, that's a simple thing to solve! For the image to repeat itself, I assume you're using it as a background image, right? So, on the CSS, you gotta set its background-repeat to no-repeat. Also, the percentage thing is mainly useful if you wanna make the background image responsive on smaller screens. I hope this helps! ^^
cartooncreaturelover
2 years ago
It's not set as a background though! I don't think the template has the header image set to background, & I have no idea how to change it to BG either. I tried adding your suggestion (which I did see on a site a few days ago) under where the image is in the CSS & it did nothing. The header is :root { --header-image: url('address stuff'); There's also #header, but nothing happened when I added your suggestion?
cartooncreaturelover
2 years ago
Also! When I change the image from px to %, it just deletes itself from my website for some reason??? I added width: 100%; & alternatively tried width: auto; & also tried both but with height, but none of these seem do anything OR it deletes the header image from the site?
ninacti0n
2 years ago
Ehh, I'm not really understanding how this layout of yours is behaving... I've coded my site entirely by hand, so all I know is regular methods that work outside of a template. I'll go inspect your code and see if anything works-
ninacti0n
2 years ago
Ok, it's apparently simpler to change! From what it seems, you already have a style set for the header in the HTML, so remove the height it has there, and only work inside the sheet. Second, I think you should replace the var method to fetch the image and use url("your url here") instead. Then, you gotta write in your CSS - background-repeat: no-repeat; - so that it doesn't repeat on smaller screens.
ninacti0n
2 years ago
It's always better to work on the stylesheet alone than mix CSS with HTML. Things get mixed up easily like this, y'know? I also recommend using background-style: cover if you want the image to stay inside the header regardless of screen size ^^
cartooncreaturelover
2 years ago
Okay, I'll try to do that then! The style sheet was something that was part of the template, & I was just wondering this morning if I should try to move the design elements to the CSS file where it belongs! Thank you so much for doing your best to help me out! I appreciate it very much!!!
cartooncreaturelover
2 years ago
Oh boy, there are *problems!* Moving the CSS into the CSS has angered the code gods, it pretty much deletes a massive chunk of the site, & multiple things don't actually work in the CSS file; like the numbers on the side are either yellow or red. And removing the height cuts off the image in an unintended way! I am extremely lost, omg.
cartooncreaturelover
2 years ago
Update! The header repeating on mobile has been fixed! Another issue popped up, but it's not the worst thing, so I'm leaving it! I would like to ask this though; I added a table to my site & designed it in the CSS file, but the design doesn't show up on mobile, just desktop? I'd imagine it's because the rest of the CSS is in
coffinthusiast
2 years ago
hey!!! i was just lookin at ur site the other day lol, its lookin so nice :3
art music videogames programming anime games food personal writing cats blog movies books gaming fashion photography comics design animation horror game drawing coding manga portfolio furry technology poetry arte ocs reading cute kpop education history programacion animals musica film fun roblox sports literature philosophy html nature programing science tech videogame travel politics web minecraft gamedev retro school computers youtube cartoons life videojuegos pokemon 2000s love video blogging illustration diary fantasy dogs pink random comic gardening memes internet idk videos linux test oc ai cooking queer webcomic kawaii y2k nostalgia tv arg fandom aesthetic news journal emo business fanfiction cars worldbuilding health learning vocaloid crafts media silly stuff films space math fiction 90s stories website cutecore scifi culture arts cat etc football css painting graphics homestuck marketing software baking goth journaling punk lgbt sanrio 3d commissions sport crochet pixelart archive artist psychology cinema digitalart program dance diy me dnd characters comida funny trans metal makeup shows religion lgbtq graphicdesign cool entertainment aboutme fanart editing creativity javascript streaming series code clothes development sonic scene rpg lifestyle indie friends webcomics story roleplay plants comedy guitar languages weird webcore everything rock zines electronics gay ttrpg hacking community webdesign aesthetics cyberpunk sewing study engineering reviews educacion beauty informatica computer basketball it soccer fnaf originalcharacters weirdcore oldweb social vintage vtuber spirituality discord pets project photos vaporwave architecture deltarune shop information movie storytelling coffee clothing blogs about flowers language undertale shopping japan nintendo testing biology mlp html5 thoughts cosplay magic hobbies crypto digital money book fitness creative lore radio blinkies nothing experimental ttrpgs chat physics info fandoms tecnologia astronomy cybersecurity alternative japanese site furries singing birds websites bugs occult autism juegos wip witchcraft finance other futbol anything resume research lain band profile television sleep sleeping theatre dolls gamedevelopment crafting tvshows projects events vr work system personalwebsite linguistics apps genshin ghchs vampires photo all interests splatoon knitting fish dreams webdevelopment transgender python free yaoi carrd meme astrology rap toys developer mentalhealth fanfic puzzle app windows wiki aliens coquette pixels moda dancing collecting fortnite robots drawings poems animations romance deportes touhou english dog visualnovels family bio a cartoon gothic stamps gatos tarot skateboarding online intro security pizza frutigeraero marvel links modding essays medicine interactive mathematics adventure fnf animes teaching osc humor data hiking characterdesign gamedesign no journalism mystery gyaru gym roleplaying dragons gallery lol fansite chess zine creepypasta rp zonelets objectshows hobby gifs twitch jfashion pixel resources birthday home meow breakcore mythology law puzzles ffxiv privacy myself vkei ocean musicals scenecore tf2 popculture dreamcore noise yuri hiphop traveling novels blender introduction audio piano death graphic twine danganronpa podcast recipes progamming rpgs ecommerce bfdi dark android stars hellokitty jogos communism plushies style car swag pjsk robotics socialmedia shrine indiegames pictures studying awesome omori production paranormal activism running none boardgames deporte wrestling foods jewelry lolita educational utau christianity bunnies anarchism student spanish electronic pinterest travelling things girls misc feminism lesbian unblocked vent scratch god bitcoin volleyball filmmaking craft mario songs grunge sharks computing old dev webdev clowns geography designing store maths amor 80s realestate outdoors pc jpop doom help flash 3dmodeling images college blue vtubers peliculas environment java dinosaurs brasil transformers tools collage tumblr starwars creepy jazz stickers bl trains services event cafe chemistry baseball epic novel construction computerscience acting bts translation mcr escuela warriorcats pastel yoga plurality jesus tea collection programar cine cyber lego alt retrogaming libros southpark persona js programas therian theater args multimedia videoediting yes monsters whatever tcc fotografia tabletop weed podcasts horses programmer otherkin forum gamer truecrime manhwa medical shoes vlog trading techno supernatural miku tiktok estudiante cozy enstars weather dc pop videography insects skating cricket hardware economics bsd people homepage skincare angels salud restaurant learn opensource search drama freedom maps green hi f1 socialism surrealism turismo dj lgbtqia ecology draw historia curso kandi kirby modeling sound digitalmarketing kidcore girly swimming ropa vhs whimsy world ideas closedspecies halloween nerd animanga artwork petz literatura bible text author tattoos depression edm service hockey tourism furniture trinkets cleaning analysis shitposting kdrama racing fishing conspiracy animales filmes healthcare cv chatting videogaming egl cultura blockchain 3dprinting did academia surreal drugs bands homework tennis women scary sculpture rats chill friendship sociology hardcore frogs mobile plural wedding networking knowledge brazil general library academic sciencefiction hair cryptocurrency eating informacion programa colors alterhuman thrifting christian visualnovel ambient creation analog rpgmaker truth soft livros programacao sketching tutorials species mods aviation society practice purple retrogames gacha server genshinimpact anarchy sites glitch university ghosts quotes foss water company artes estudio graffiti batman miriadax anthropology cryptids conlang jjba ux sustainability erotica programs wellness bot google css3 review forsaken magazine mangas cycling schoolproject neocities medieval onepiece class writting live nails esoteric webseries guns garden character kids superheroes noticias writer harrypotter archives bikes twitter cs 3dart theology tattoo rants shitpost crime instagram ceramics theory play revival otaku cards startrek blood advertising talking vampire camping dating unblockedgames building rhythmgames disney industrial yapping performance os articles analoghorror animal lostmedia evangelion liminal future decor notes meditation training idols church house frontend synthesizers shrines ultrakill handmade illustrations originalcharacter crocheting spiderman jobs content french youtuber apple chaos interactivefiction voiceacting party prompts datascience selfship communication shoegaze musicproduction tareas concerts new viajes spooky disability designer finalfantasy tecnology silliness exercise creating neopets tarea sims zelda embroidery satire folklore doodles calculator visualkei mylittlepony rainbow facts rambling repair something terror desing animalcrossing vrchat crk entretenimiento scrapbooking paganism magick cult joke overwatch hack marxism geek creatures black kdramas quiz sweets shifting commission developing cheese download spiritual jokes vinyl kink halflife tic vlogs miscellaneous photoshop seals anthro musics vtubing conlangs desarrollo creativewriting webring adhd php private mtg animating ranfren tokipona scp military beach ar self happy vegan projectsekai islam bass club hotel sanat christmas zombies trabajo oldroblox agriculture arcane doctorwho tips map drinks songwriting archival more beginner glitter mecha secret edits pet generator underground yugioh mha tokusatsu 1 gender musician mushrooms ui vibes lofi shoujo motorcycles productivity studies stupid rave fanfics dungeonsanddragons collections randomstuff ia cottagecore daily index lolitafashion cities casino words 4chan tamagotchi red programm poesia csgo hosting beer dandysworld cake stem oldinternet
Oh, and I figured out overlays are a thing too! They're like modals, but simpler and can have anything inside them, from text to images. I think I'm gonna use those for the hidden lore bits n' stuff I wanna add >:]