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