Neocities allows anyone to create a free web site to express themselves. Want to create your own awesome site? Join us!
I found it was a lot easier to choose books published in the late 90's and earlier because the art was fabulous. Now, they all sadly look the same. David Eddings is a good, classic fantasy author..
I agree. I remember being able to go into a bookstore and pick a book largely influenced by the cover. What I don't understand is why eBooks have to be re-released with newer and (usually less inspired) covers.
Really love that kexp set! Been getting into the live on kexp stuff again lately too :)
art videogames music programming personal games anime food writing cats blog gaming movies design comics books photography animation horror fashion technology programacion game coding furry html portfolio education sports manga drawing musica web ocs poetry fun programing history animals science cute philosophy tech film computers literature travel school arte politics retro youtube kpop cartoons pokemon reading minecraft memes internet gamedev video videojuegos roblox illustration videogame nature dogs test comic linux 2000s videos fantasy random webcomic blogging life diary news fanfiction 90s gardening css business health nostalgia stuff cars queer fandom worldbuilding learning tv idk fiction software love aesthetic arg math journal javascript emo website space scifi graphics cooking lgbt y2k homestuck football marketing kawaii sport vocaloid silly stories media oc funny commissions 3d development ai cat informatica archive culture entertainment pink pixelart religion goth digitalart punk code artist webcore dnd cool educacion characters webdesign webcomics html5 etc fanart painting films vaporwave rpg comida comedy metal soccer gay graphicdesign lgbtq computer crafts cyberpunk me streaming trans story hacking about basketball roleplay scene it arts dance electronics oldweb weird sonic engineering diy weirdcore psychology plants reviews aboutme sanrio indie languages friends testing program social discord ttrpg ghchs cinema originalcharacters project editing information pets tecnologia clothes lain guitar resume nintendo zines money community carrd language rock baking vtuber creativity shop study aesthetics photos futbol series fnaf cutecore lifestyle makeup radio crochet everything digital movie architecture spirituality magic vr storytelling experimental clothing other beauty fitness japan biology japanese nothing mlp shopping occult sewing apps chat undertale furries system deportes crypto vintage info blinkies coffee autism python free physics television blogs splatoon profile cosplay websites webdevelopment journaling book juegos wip creative ttrpgs shows finance thoughts research birds site linguistics twine security work developer witchcraft bugs dolls pixels photo fansite fortnite meme dreams robots gamedevelopment lol online android transgender windows cybersecurity family band astronomy rap toys fanfic touhou dog events pizza app mathematics roleplaying projects deltarune data breakcore privacy alternative personalwebsite interactive rp links characterdesign zonelets twitch gifs no anything humor a death scenecore all teaching dragons flowers puzzle bitcoin deporte aliens lore adventure home mentalhealth ffxiv hobbies knitting noise english fish pixel medicine tf2 hobby modding wiki genshin singing cartoon fnf vampires gallery computing bio mystery awesome java skateboarding sleep podcast audio hiking swag astrology interests drawings estudiante gamedesign graphic electronic hiphop js robotics car stamps theatre shrine danganronpa misc resources lolita animations things curso programas girls progamming chess zine enstars doom mario dreamcore none vent recipes 80s communism wrestling socialmedia tvshows closedspecies help rpgs law epic student christianity journalism tcc moda educational meow dancing sleeping utau paranormal tarot pc production collecting computerscience ecommerce otherkin puzzles homepage jfashion images running scratch fandoms blender anarchism old tumblr clowns gothic webdev translation pictures gym omori programar miriadax boardgames flash romance baseball monsters essays geography myself truecrime search css3 god turismo southpark plushies traveling spanish travelling tabletop plurality bts kidcore shoes crafting hardware mythology podcasts maths opensource visualnovels vtubers environment lesbian realestate objectshows yoga store species escuela multimedia starwars college forum intro poems shitposting activism creepypasta lego petz cryptocurrency indiegames dev techno trains feminism maps cafe dark outdoors introduction piano ocean blockchain retrogaming learn warriorcats novels services cyber chemistry mobile jewelry gamer fotografia stars weed yes text peliculas depression horses informacion collection tourism jazz drugs kirby creepy jpop transformers cine people whatever foods cv osc tools vhs construction did freedom insects furniture pastel 3dmodeling weather egl gyaru conspiracy foss homework restaurant surreal digitalmarketing swimming filmmaking sound twitter economics estudio gatos event persona animales marvel service world angels bible medical tutorials networking musicals vkei rpgmaker novel practice designing surrealism prompts style tic class dinosaurs fishing mcr hockey google salud cultura halloween cricket truth desarrollo wedding yaoi brasil args hi ideas noticias bunnies review ropa live academic php socialism craft neocities videoediting ecology artwork tecnology general guns dj rats animanga racing libros songs society datascience acting analysis modeling edm alterhuman women quotes trading bot sciencefiction birthday pop ghosts glitch historia tea tennis cleaning viajes popculture cs drama frontend hair collage neopets water videogaming skating bfdi grunge kin csgo jjba index ar jesus photoshop company tareas cycling future shitpost lgbtqia revival ux idols soft cryptids advertising conlang university therian library church jobs ambient erotica frogs videography plural training desing instagram sharks startrek bikes christian mods scary camping programa theory aviation pruebas disney hack synthesizers anarchy practicas apple brazil nerd halflife programmer house rhythmgames supernatural theater ios conlangs tokipona server entretenimiento miscellaneous download frutigeraero 4chan interactivefiction designer trabajo kids stickers schoolproject yuri programs evangelion otaku building genshinimpact batman knowledge dating crd sculpture anthro finalfantasy rainbow jokes new blood anthropology visualnovel cult unix magick tattoos theology volleyball tarea generator lostmedia spooky gis studying visualkei creatures map hardcore exercise animes proyecto sustainability coquette author webseries paganism beer character graffiti party articles statistics retrogames archives nft healthcare geocities lolitafashion yugioh meditation chatting overwatch something shrines sociology hotel play communication youtuber illustrations vegan performance industrial sites colors joke ciencia chaos hellokitty analog 3dprinting bands friendship vampire cards animal sims retrocomputing french gender netflix stupid shit skincare garfield chiptune club crime superheroes silliness geek network pet chill zelda developing webring cheese agriculture bsd bl disability poop self rave digimon mylittlepony martorell academia writer facts riddle tattoo directory electronica tutorial magazine os esoteric marxism creation words onepiece tiktok satire archival literatura time analoghorror iot garden label ultrakill dungeonsanddragons men animalcrossing notes lofi green mushrooms tokusatsu vidya ui content rambling educativo conlanging miku vinyl e commission repair musicproduction genealogy guide tips steam 3dart database ict otp charity studio arduino hell nsfwcyoa dc voiceacting liminal military private trabajos eating oldroblox mcyt casino war mecha wow gif happy alt minimalism biography farming travels doctorwho vtubing city hyperpop spiderman professional shoegaze spongebob original government prueba sad draw products motorcycles mtg kandi cursos blue solarpunk originalcharacter handmade assignment parody netart black the esports hello doodles facebook evil academico vrchat archiving automotive cities animecore naruto aprendizaje bass paginas folklore balls selfshipping vlog underground shifting surfing osdd ventas kink chinese spiritual christmas portal essay creativewriting
Thank you! Feel free to take a look at the source code - the way to do it on Firefox on Windows is to right click on the web page and click View Page Source. There are some Javascript objects on the homepage for the Search and the Webrings so I would recommend looking at a simpler page so there's less clutter. Interpreting what you see will become easier as you write/learn more HTML/CSS code.
One of the simpler pages is the Contact Me page. view-source:https://pixelglade.net/about/contact.html The responsive parts are due to the divs flexcolumn and flexbox. To see what they are referring to you open the .css style page.
Thank you so much!! I really appreciate it c: I'll do my best. Something I'm struggling with for my Zonelets blog is that the Blog title and Date aren't showing up automatically, despite there being divs for them and I am labeling the html files appropriately. If I type something in the divs the text will not appear on my page. Im assuming it is a Javascript error? I don't know how to fix it tho, do you an idea?
I do have an idea, actually. The first issue is that if you deviate from the template too much or decide to not use on the the variables in the script file, it can break the Javascript that Zonelets uses. For that reason (and because the Javascript was a bit slow sometimes) I actually removed the Javascript from the blog and replaced it with HTML, but I kept a lot the styling divs the same.
I kept the footer for zonelets because that's how I started with my blog, but it's deviated from the original code a fair bit. I think it was actually the blog title and date issues that made me remove all the Javascript. But I would recommend editing the template file first and testing with that to try troubleshoot. Not sure if that's super helpful, but in the end - it probably is an issue with the Javascript.
Thank you so much for the suggestion!! I removed the Javascript on the Post Template and I'll continue fiddling around with it while referencing your code c:
Something I'm trying to achieve on my home page is a cute header banner like yours but with my own pixel art. I copied your code and replaced the background image file with mine, but the banner appears as blank. Do you know what is going on? (Thank you so much for all the help by the way, I hope I am not troubling you)
in terms of the background image, check that it's in the root directory of the website. Check the path and file name are correct "./" in the css style file means it's looking in the root directory. Also check the height and width arguments are correct with units (px). You don't have to load the image as a background image, you can load it as an image in HTML in the file instead if you want.
When I tried looking for your background image by navigating to the filename I got a 404 error so I think the path is probably wrong. The paths are all relative, you can read about it here: https://www.w3schools.com/Html/html_filepaths.asp
Since you're using my code as a base/reference, I'd appreciate it if you could mention it somewhere on your site like "this website layout was inspired by pixelglade's site" with a link to my site - that's just the terms of the Creative Commons license, you can remix and build upon the content or alter it but attribution is usually required. Whenever your website is finished, I'd appreciate the mention. π
Thank you a lot for the help!! I'll double check the path to make sure I get it right. And yes absolutely! I'll be sure to give a link back to pixelglade on my main page since I am referencing your code :) thank you for letting me use it to learn, I appreciate it.
You're welcome! Let me know if you have any more questions.
Hi again! I've made a lot of progress on my site that I'm very happy with c: Thank you for letting me learn from your code. I have three minor things on my site I want to debug.
First two have to do with responsive design; I want to achieve the equally spaced nav box effect your site has on mobile. I referenced your code, but on my phone my site's "About" box is too squished, making the text feel crammed, while my "Projects" box is too spread out. My "Misc" box seems just fine though. What can I do to even out the "about" and "projects" boxes?
The second thing on mobile; if I swipe on my phone it will reveal that there is extra unused space to the right of my page. I was looking stuff up, and I think it comes from me adding padding to a box that had "width=100%" for responsive design. I can't seem to find the offending box though. This extra space on mobile isn't something present on your site, do you know how you prevented this?
The last thing is very minor, but something I notice on my home page is that there is some extra space between the start of the content box and my beginning header. I checked the css for h2 but I can't find any extra padding, so I'm not sure what is going on. Do you have any ideas?
Sorry for all the questions haha, thank you a lot for all the help. Wishing you the best
In regards to the size of the nav box in mobile when it's running along the top, it's set to fill 100% of the space. It looks like the middle column might be larger is due to the line length- the Pokemon: Sceptre/Spear could be the culprit, I generally tried to keep all my heading names roughly a similar length for that reason. A way to test is to temporarily remove all the headings and see what the columns look like
I recommend testing your website in a browser and you can do Right Click > Inspect (Q) and then hover the mouse over different elements. When I did this, I found your h1 banner is what is causing the extra space on the right. If you click the element in this mode you can see a highlight for what the padding is, the position, etc.
My suspicion is the extra space and the header positioning are related issues, if you solve one it might fix the other. The inspect says it's the h1.banner element rather than the header so I'd look into that.
So don't get me wrong, testing on mobile is important but for narrowing down issues with elements you can resize your browser window to be squished and it will have approximately the same effect which can help you search for issues this way with Inspect.
Thank you so much! Your responses helped me fix all of those issues c:
Hi again! c: I am trying to create "favorite things" sections with booktable grids like yours. But one issue I am running into is that when I resize my browser window, the .bookdescription text will go off of the page. Do you know how to keep it in the main container?
Hello~ I actually had this problem with css-grid as well but I never got around to fixing it. In other parts of the site where I have tables (e.g. guestbook, resources root pages) I use just html tables that are set to fit the window. You could try something like that instead, sorry I can't be more help about this right now.
No need to be sorry at all! Thanks for the suggestion c: I'll see what I can do