Neocities allows anyone to create a free web site to express themselves. Want to create your own awesome site? Join us!
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!
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! ⚡
Aww, thank you so much!!! I'll be sure to ask about stuff when issues start to pop up!
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!
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! ^^
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?
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?
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-
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.
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 ^^
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!!!
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.
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
hey!!! i was just lookin at ur site the other day lol, its lookin so nice :3
art videogames music programming personal games anime food writing cats blog gaming movies books comics photography design animation horror fashion technology game programacion coding furry portfolio html education manga sports drawing ocs poetry musica web fun history programing cute animals science philosophy film tech computers literature arte travel school kpop politics reading youtube retro pokemon cartoons minecraft memes gamedev internet roblox videogame nature video videojuegos illustration dogs comic 2000s test fantasy linux videos random blogging webcomic life diary news fanfiction gardening 90s business css nostalgia health stuff cars queer fandom worldbuilding idk arg tv learning fiction aesthetic love emo math software y2k journal kawaii cooking space scifi website silly vocaloid lgbt graphics homestuck javascript football marketing media oc stories sport pink ai funny commissions 3d development cat pixelart archive culture goth religion entertainment punk digitalart artist dnd informatica code characters webcore cool etc webcomics painting fanart trans educacion lgbtq webdesign films metal graphicdesign crafts rpg streaming comedy comida me gay html5 scene vaporwave story computer soccer cyberpunk roleplay hacking arts sanrio basketball it sonic about weird electronics dance psychology oldweb diy weirdcore reviews plants aboutme indie engineering friends program ttrpg languages cutecore cinema discord social testing originalcharacters editing information project guitar pets clothes ghchs nintendo zines community rock vtuber baking tecnologia study creativity resume lain crochet language fnaf aesthetics makeup money carrd lifestyle shop everything series photos spirituality futbol magic storytelling movie radio digital clothing vr experimental architecture beauty biology fitness mlp japan other japanese nothing furries undertale shopping blinkies sewing occult crypto vintage journaling chat info system apps autism splatoon physics blogs cosplay deportes shows websites ttrpgs coffee python webdevelopment profile television thoughts juegos book wip free creative research witchcraft finance birds bugs linguistics site cybersecurity gamedevelopment fortnite rap dolls developer work pixels dreams photo transgender meme security fansite band robots twine events astronomy windows lol deltarune online toys touhou projects pizza android fanfic family dog alternative app anything lore mathematics roleplaying breakcore all data personalwebsite zonelets fnf links humor interactive twitch puzzle flowers a characterdesign no gifs rp privacy scenecore aliens dragons death genshin teaching singing hobbies home adventure mentalhealth fish knitting hobby deporte cartoon modding noise english ffxiv bitcoin sleep wiki pixel tf2 vampires bio mystery gallery drawings medicine interests gamedesign awesome skateboarding computing theatre audio hiking astrology podcast stamps animations hiphop robotics danganronpa graphic swag java misc resources car estudiante shrine electronic doom js tvshows things girls lolita mario zine meow communism progamming rpgs socialmedia sleeping chess dreamcore fandoms none law programas 80s puzzles vent utau curso tarot tcc christianity recipes epic enstars dancing journalism student tumblr collecting old gothic paranormal production pc help wrestling moda blender scratch flash ecommerce jfashion educational closedspecies anarchism webdev boardgames omori clowns computerscience truecrime crafting gym running images plushies essays homepage pictures myself translation otherkin spanish lesbian visualnovels geography monsters god programar objectshows romance mythology southpark search creepypasta baseball maths poems traveling miriadax tabletop travelling plurality environment indiegames hardware college kidcore store bts shoes escuela turismo dark vtubers realestate podcasts piano css3 intro activism opensource feminism trains species multimedia yoga osc starwars outdoors ocean forum shitposting introduction lego novels dev techno warriorcats stars services cafe informacion maps retrogaming petz chemistry learn kirby creepy cyber cryptocurrency 3dmodeling gyaru whatever yes gamer jewelry pastel foods tools construction weed blockchain fotografia weather jazz text peliculas salud collection horses persona jpop transformers vhs marvel event mobile tourism sound drugs depression insects people economics musicals conspiracy filmmaking restaurant surreal digitalmarketing did cv designing freedom homework foss bunnies bfdi vkei furniture gatos cine surrealism cricket egl tutorials mcr angels dinosaurs world estudio novel medical halloween yaoi twitter service animales swimming args practice rpgmaker networking style bible hi class brasil google fishing animanga songs videoediting grunge hockey prompts ropa therian ideas tic cultura artwork ecology dj craft rats truth coquette acting analysis socialism neocities live wedding general guns desarrollo noticias review academic php lgbtqia sciencefiction edm alterhuman tareas libros collage popculture historia drama pop birthday tea modeling racing cs datascience tecnology skating trading water sharks tennis videogaming quotes hair ghosts videography bot cleaning frontend society women conlang jjba cryptids cycling company glitch hellokitty viajes frutigeraero future jesus revival neopets soft erotica shitpost stickers ux anarchy yuri plural csgo kin advertising university ambient scary photoshop index brazil ar genshinimpact library idols jobs church mods supernatural frogs synthesizers camping schoolproject bikes christian desing training programmer house server hack instagram theater startrek rhythmgames programa apple disney pruebas author studying nerd aviation lostmedia conlangs rainbow evangelion 3dprinting halflife designer theory visualnovel chatting tattoos dating 4chan entretenimiento tokipona download animes ios miscellaneous paganism building trabajo anthropology sculpture volleyball anthro healthcare hardcore tarea interactivefiction kids practicas cult knowledge jokes blood finalfantasy programs skincare shrines chill magick spooky otaku graffiti theology creatures archives bsd youtuber illustrations batman new webseries character unix sociology proyecto retrogames exercise crime chaos play onepiece educativo something beer bands vegan industrial crd meditation miku sustainability generator articles bl kandi gis map overwatch geocities academia unblocked communication nft retrocomputing silliness party visualkei yugioh colors performance sites joke cards ciencia friendship lolitafashion analog sims writer ultrakill garfield animal statistics club zelda french hotel animalcrossing facts developing literatura gender creation disability tiktok pet geek 3dart shit self mylittlepony stupid vampire rambling netflix electronica vlog vtubing cheese riddle rave content superheroes webring poop network analoghorror digimon agriculture marxism men archival tokusatsu musicproduction liminal garden notes mushrooms tattoo repair os chiptune blue vrchat mecha green words alt magazine satire esoteric dungeonsanddragons eating conlanging kink commission martorell mtg time directory city lofi voiceacting spongebob studio vidya tutorial happy tips shoegaze ui black label military genealogy iot oldroblox original academico dc spiderman e vinyl steam professional charity draw folklore database guide products ceramics ict streamer doctorwho biography motorcycles private doodles hyperpop cringe wow travels war minimalism casino originalcharacter solarpunk 1 arduino assignment bass musician handmade pjsk selfshipping mcyt automotive farming otp trabajos gif underground christmas evil the talking prueba hell creativewriting selfship secret parody esports portal cities government ranfren archiving medieval rants spiritual sad geology cozy shifting
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!
I also remembered to fix the date on my footers lol