Neocities

oceanfront updated oceanfront

10 months ago

8 likes

oceanfront

10 months ago

ive been trying to make my site responsive for awhile, but its just not going my way.. ive switched everything to using %, and my nav section turned out perfeclty, but everything else is awful T_T?? send help.. https://imgur.com/a/yzNFdZV

5 likes

kingdomofakibaten 10 months ago

Hellooo :3 looked at your code! The main issue stems from how you position things on your website. you are manually positioning articles using margins but for responsive design this isn’t ideal because while visually your website is broken up into different sections, the browser can’t see that and oesn’t know how to scale things :( outside of the header at the top, there are three columns with the left and right

1 like

kingdomofakibaten 10 months ago

lets take the left column. If we put that in its own div with a set width we can add stuff and everything will still be top down with space in-between and trapped inside the same width and your browser knows how to scale or what to scaled relative to. Also I would recommend taking all uses of pixels out and replace it with em, %, or vh/vw

kingdomofakibaten 10 months ago

Sorrryyyy that was really long explanation. I did exactly what I described on my website using flex boxes with a center section and two columns on each side of the same with (so like the exact same) please feel free to look at and take my code and use it and reply if I didn’t explain anything well >.<

oceanfront 10 months ago

@kingdomofakibaten thank u very much but ... that pic isnt actually referencing my current code .. it was for my wip in visual studio (o╭╮o) 🥺 im sorry

oceanfront 10 months ago

https://pastebin.com/E0nyWmr6 this is the actual thing i was working with >.< i feel so bad haha

kingdomofakibaten 10 months ago

i see sorry about that >w< I looked over your code and I think for responsive design there are two places you can start: switch all px to rem (which is px/16) and consider implementing a more organized layout in the code. Right now everything inside mainBox is positioned relative to one another and all have the same parent (mainbox) this means that If I delete navBox or any article everything moves.

kingdomofakibaten 10 months ago

there is already a somewhat defined colum layout for your site. You have a big center column and a colum on each side that are the same size we can still use mainbox here but then we can separate all the articles on the left into a div class = left and same for the center and the right and then define how each of those is positioned relative to one another (the best way here is usually flex)

kingdomofakibaten 10 months ago

we can define the width of lets say the left column and now something like navbox is only positioned relative to whats about and below it because div class = left is already positioned relative to the center

kingdomofakibaten 10 months ago

This way if we delete navbox it will only remove it from the column but because the column has the same width nothing else on the page moves except whats below navbox gets moved up. I implemented this on my website using flex if you would like to look :3 it makes everything much easier to work with and less precariously positioned because an element is positioned relative to one thing instead of a bunch of things

oceanfront updated oceanfront

10 months ago

7 likes

oceanfront 10 months ago

my code page is a MESS... i tried to fix it and its a lot better than before but ive just been putting it off because its such a headache

1 like

oceanfront 10 months ago

i touched it a bit more and it should be readable now v_v

1 like

oceanfront updated oceanfront

10 months ago

graphics/backgrounds.html

6 likes

oceanfront updated oceanfront

10 months ago

graphics/animalspictures.html

5 likes

oceanfront 10 months ago

are there any animal graphics specifically that anybody would like? i know there are some that dont have a lot

1 like

oceanfront updated oceanfront

10 months ago

graphics.html

graphics/pixelgraphics.html

graphics/other.html

3 likes

oceanfront updated oceanfront

10 months ago

graphics/pixels.html

fonts.html

5 likes

oceanfront 10 months ago

the pixel file is getting a lot more difficult to edit at 3.5k lines...

2 likes

shesnotangelic 10 months ago

but tysm for all the pixels <3 i luv the variety

1 like

oceanfront 10 months ago

@shesnotangelic of course!!! i hope you can find them useful!

oceanfront alexparozi

10 months ago

hi, i just wanted to let you know that the overflow: hidden in your body tag makes it so that people with a smaller screen cant see a portion of your page / cant scroll 🥺

1 like

alexparozi 10 months ago

ah omg thank you sm.... /_\ will get that fixed <33

kingdomofakibaten oceanfront

10 months ago

your site is so pretty oh my goodness ;-; also your art is so so so pretty

1 like

oceanfront 10 months ago

thank you so so much!!! i really appreciate it T_T❤️

oceanfront kuyazone

10 months ago

how do u only have 2 followers gang this site is fire

1 like

kuyazone 10 months ago

bro look who's talking ur site is WAY cooler, i appreciate you 🙇🙇

2 likes

oceanfront updated oceanfront

10 months ago

oceanfront

research-entry/chinatown.html

research-entry/coolpictures.html

graphics/sanrio.html

1 like

oceanfront 10 months ago

i uploaded more pictures, and also fixed an href problem on the chinatown entry. there's many new cinnamoroll backgrounds!

1 like

oceanfront updated oceanfront

10 months ago

graphics/sanrio.html

graphics/pixels.html

graphics/pixelgraphics.html

graphics/other.html

graphics/objects.html

graphics/graphics.html

7 likes

oceanfront updated oceanfront

10 months ago

shrinehome.html

photobook.html

research-entry/QNA2025.html

5 likes

oceanfront 10 months ago

sorry for the late update, but i put together the q&a! thank you to everyone who asked!! and .. you can view it properly here haha 😆 https://oceanfront.neocities.org/researchjournal

4 likes

amivicky oceanfront

10 months ago

your site reminds me of MSN messenger for some reason, I think it's the blues and roundness of it all...love it so much <3

1 like

oceanfront 10 months ago

thank you so much!!!!! that makes me so happy to hear .. T_T tbhh maybe i should add more msn-esque elements to my page

1 like

cyberstheb oceanfront

10 months ago

so many graphics omg!

oceanfront 10 months ago

thank you!! theyre my favorite part .. your site is so well made T_T!!

oceanfront updated oceanfront

10 months ago

graphics/pixels.html

graphics/games.html

graphics/dividers.html

2 likes

oceanfront chu-chuns

11 months ago

girl i love ur site so much are u kidding. it is so well made and so interesting!!!!!!

1 like

chu-chuns 11 months ago

aw thank you very much ;w; i have jumbled this html together like the rest of us but thank you for your sweet words!

1 like

oceanfront updated oceanfront

11 months ago

oceanfront

4 likes

oceanfront 11 months ago

fixed the backgrounds on the containers + added more stamps / linkbacks ^^

2 likes

oceanfront

11 months ago

if you havent yet pretty please ask me some questions for my q&a (٭°̧̧̧꒳°̧̧̧٭)~~ you can either ask me here, through my guestbook, or at oceanfront@tutamail.com ,!!

1 like

oceanfront

11 months ago

almost wept today because i miss dmmd so much its nawt even funny anymore that game is coke to me

2 likes

Latest Activity > dramaticalmurder

Sites

All the latest Neocities site news!

Popular Tags