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 2 years ago

the cover for skybowl is so striking!!

1 like
pixelglade's avatar pixelglade 2 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 2 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 2 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 2 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
Hi Rhiannon! May I link to your Dithering Brushes page on a Splatoon 2bit art guide I have? I already link to Paint Tool SAI brushes by another creator, so I'm thrilled to see that you've made options for other art programs, too! ^^
1 like
pixelglade's avatar pixelglade 2 years ago

Yes of course, feel free to link to any page you find helpful. I'd love to see the guide when it's finished!

1 like

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