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!

New pixel art uploaded! My OC is back and this time in a park during a snowy winter. Direct link: https://pixelglade.net/artwork/pixelart/fullsize/pixelglade_armitageIII_02.gif
4 likes
Updated the Guestbook page so the Discord Webhook will receive a name as well as a message (and there is a text area field for name too). Used this same script to make comment boxes on the blog pages.
1 like
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

Popular Tags

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