Neocities.org

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!

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
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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago

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

1 like
sugarblush 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago

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

pixelglade 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago

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

1 like
sugarblush 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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.

1 like
i love your website keep up the good work
1 like
pixelglade 1 year 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 1 year 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 1 year ago

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

pixelglade 1 year 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 1 year ago

the cover for skybowl is so striking!!

1 like
pixelglade 1 year 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
2 likes
pixelglade 1 year 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 1 year 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 1 year 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
1 like

Popular Tags

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