Neocities

oceanfront

1 year ago

https://i.ibb.co/1GYtdBNH/image.png

11 likes

evilperson 1 year ago

agreed

oceanfront 1 year ago

thank you

oceanfront updated their site.

1 year ago

index

8 likes

oceanfront

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

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

kingdomofakibaten 1 year 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 1 year 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 1 year 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 1 year 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 their site.

1 year ago

index

not_found

graphics/code

fonts

graphics

code

7 likes

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

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

1 like

oceanfront updated their site.

1 year ago

graphics/backgrounds

6 likes

oceanfront updated their site.

1 year ago

graphics/animalspictures

5 likes

oceanfront 1 year 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 their site.

1 year ago

graphics

graphics/pixelgraphics

graphics/other

3 likes

oceanfront updated their site.

1 year ago

graphics/pixels

fonts

5 likes

oceanfront 1 year ago

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

2 likes

shesnotangelic 1 year ago

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

1 like

oceanfront 1 year ago

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

oceanfront alexparozi

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

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

kingdomofakibaten oceanfront

1 year ago

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

1 like

oceanfront 1 year ago

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

oceanfront kuyazone

1 year ago

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

1 like

kuyazone 1 year ago

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

2 likes

oceanfront updated their site.

1 year ago

index

research-entry/chinatown

research-entry/coolpictures

graphics/sanrio

1 like

oceanfront 1 year 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 their site.

1 year ago

graphics/sanrio

graphics/pixels

graphics/pixelgraphics

graphics/other

graphics/objects

graphics/graphics

graphics/games

graphics/dividers

graphics/animalspictures

graphics

7 likes

oceanfront updated their site.

1 year ago

shrinehome

photobook

research-entry/QNA2025

5 likes

oceanfront 1 year 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.yorniq.xyz/researchjournal

4 likes

amivicky oceanfront

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

1 year ago

so many graphics omg!

oceanfront 1 year ago

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

oceanfront updated their site.

1 year ago

graphics/pixels

graphics/games

graphics/dividers

2 likes

oceanfront chu-chuns

1 year ago

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

1 like

chu-chuns 1 year 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 their site.

1 year ago

index

4 likes

oceanfront 1 year ago

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

2 likes

oceanfront

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

Latest Activity > dramaticalmurder

Sites

All the latest Neocities site news!

Popular Tags