All the latest Neocities site news!

Neocities allows anyone to create a free web site to express themselves. Want to create your own awesome site? Join us!

Hello again! I am very inspired by your website. I especially love the sleek minimalistic layout, responsive design of the nav bar, original banner with added text title, and the zonelets blog you're maintaining! I read through your Copyright page and the Creative Commons License agreement, and I saw you mention that copying your source code for learning purposes is okay with you. How do I do that? c: Thanks so much
1 like
pixelglade's avatar pixelglade 2 years ago

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.

1 like
pixelglade's avatar pixelglade 2 years ago

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.

1 like
sugarblush's avatar sugarblush 2 years ago

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?

pixelglade's avatar pixelglade 2 years ago

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.

1 like
pixelglade's avatar pixelglade 2 years ago

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.

1 like
sugarblush's avatar sugarblush 2 years ago

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:

sugarblush's avatar sugarblush 2 years ago

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)

pixelglade's avatar pixelglade 2 years ago

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.

1 like
pixelglade's avatar pixelglade 2 years ago

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

1 like
pixelglade's avatar pixelglade 2 years ago

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. 🙂

1 like
sugarblush's avatar sugarblush 2 years ago

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.

1 like
pixelglade's avatar pixelglade 2 years ago

You're welcome! Let me know if you have any more questions.

1 like
sugarblush's avatar sugarblush 2 years ago

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.

sugarblush's avatar sugarblush 2 years ago

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?

sugarblush's avatar sugarblush 2 years ago

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?

sugarblush's avatar sugarblush 2 years ago

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?

sugarblush's avatar sugarblush 2 years ago

Sorry for all the questions haha, thank you a lot for all the help. Wishing you the best

pixelglade's avatar pixelglade 2 years ago

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

1 like
pixelglade's avatar pixelglade 2 years ago

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.

1 like
pixelglade's avatar pixelglade 2 years ago

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.

1 like
pixelglade's avatar pixelglade 2 years ago

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.

1 like
sugarblush's avatar sugarblush 2 years ago

Thank you so much! Your responses helped me fix all of those issues c:

1 like
sugarblush's avatar sugarblush 2 years ago

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?

pixelglade's avatar pixelglade 2 years ago

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.

1 like
sugarblush's avatar sugarblush 2 years ago

No need to be sorry at all! Thanks for the suggestion c: I'll see what I can do

1 like
Hi, thank you for the follow!
Posted more fantasy cover art in a new blog post: https://pixelglade.net/about/blog/posts/2023-02-03-Fantasy-Cover-Art-Appreciation-Part-02.html Hope you all take a look - I personally have never read any of these but the covers make me want to
1 like
bright-eyes's avatar bright-eyes 2 years ago

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..

pixelglade's avatar pixelglade 2 years ago

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.

i love your website keep up the good work
1 like
pixelglade's avatar pixelglade 2 years ago

Thank you! Hope you're having a good day.

Hi I love your site!! As a beginning coder I really admire your dedication and the style you've created c:
1 like
pixelglade's avatar pixelglade 2 years ago

Aw thank you so much! I like your design so far, the colour scheme makes me think of a cutesy pastry shop or cupcakes.

1 like
Hello ~ Thank you for the follow!
1 like
Hey there, I (finally) saw your reply on my comment- I won't go missing XD
heckmaster's avatar heckmaster 2 years ago

Basically I just put all my projects under one domain, I've been more motivated this way weirdly enough!

pixelglade's avatar pixelglade 2 years ago

Oh cool, whatever helps!

1 like
Love the aesthetic and vibe of your site (we may have a few things in common, hehe).
New blog post featuring some fantasy cover art from the 1980s-1990s. There will be more! Check out some awesome artwork: https://pixelglade.net/about/blog/posts/2023-01-27-Fantasy-Cover-Art-Appreciation-Part-01.html
3 likes
rainmirage's avatar rainmirage 3 years ago

the cover for skybowl is so striking!!

1 like
pixelglade's avatar pixelglade 3 years ago

It is, out of the three Melanie Rawn book covers in the post, I think SkyBowl and Star Scroll are my favorites.

2 likes
pixelglade's avatar pixelglade 3 years ago

Noticed all the hyperlinks to my blog posts were broken (oops) so I fixed it.

1 like
Thanks for the follow 🙂
Thanks for the follow, your illustrations and digital paintings are so nice! You're really good at drawing wings
1 like
time-travelling-birb's avatar time-travelling-birb 3 years ago

I could have sworn I followed you before, but I re-found you and made sure I did this time X3

2 likes
pixelglade's avatar pixelglade 3 years ago

Then welcome back! 😄

1 like
Hello, thanks for the follow! I like your Y2K appreciation page ~ I actually did some Y2K style design on my other account if you're interested! https://neocities.org/site/scopefilter
4 likes
New pixel art uploaded - it's an OC who lives in the world of Armitage III (1995) similar to bladerunner where androids look human. She was attacked by a human and lost her eye, replaced it with a visually obvious bionic eye. https://pixelglade.net/artwork/pixelart.html
3 likes
Thank you for 100 followers on Neocities! I like that sharing personal websites has a slower pace and it helps people express themselves in a more creative way. I'm really happy I found this place and I'm grateful you're all interested in the journey. 💖
7 likes

Popular Tags

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