Neocities allows anyone to create a free web site to express themselves. Want to create your own awesome site? Join us!
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..
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.
Aw thank you so much! I like your design so far, the colour scheme makes me think of a cutesy pastry shop or cupcakes.
heckmaster
2 years ago
Basically I just put all my projects under one domain, I've been more motivated this way weirdly enough!
It is, out of the three Melanie Rawn book covers in the post, I think SkyBowl and Star Scroll are my favorites.
Noticed all the hyperlinks to my blog posts were broken (oops) so I fixed it.
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
Yes of course, feel free to link to any page you find helpful. I'd love to see the guide when it's finished!
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
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.
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.
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?
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.
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.
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:
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)
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.
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
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. 🙂
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.
You're welcome! Let me know if you have any more questions.
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.
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?
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?
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?
Sorry for all the questions haha, thank you a lot for all the help. Wishing you the best
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
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.
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.
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.
Thank you so much! Your responses helped me fix all of those issues c:
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?
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.
No need to be sorry at all! Thanks for the suggestion c: I'll see what I can do