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