how to declutter a sidebar?

[candycanearter07]

hi,

im not very good at design

how do you seperate out stuff in the sidebar so its less claustrophobic??

https://abslimeware.neocities.org/linklink

[Absentmind]

hmm I'm not really sure what you're trying to accomplish? you could always move some stuff to the left side instead?

[kurohaato]

Hi there!

If you mean your right sidebar, it looks like you need to reorganize. Try sorting your images by type, either by putting buttons on one side and blinkies on the other or by grouping all your buttons and blinkies together in the same sidebar. That should help make it look a little less chaotic. You can resize your little slime gif to make it the same size as your buttons and make everything look a little more uniform.

If you want more spacing between your links on the left, try putting them all into a list like this:

Code

<ul>
  <li><a href="link.html">link!</a></li>
  <li><a href="link.html">link!</a></li>
  <li><a href="link.html">link!</a></li>
</ul>

You can then remove the bullets and play with padding with css:

Code

ul{list-style: none; padding-inline-start: 0;}
li{margin: .5em 0;}

Unfortunately your cbox is going to be pretty cramped since it's in such a small space. You might consider moving it (and maybe your status.cafe widget too) to your home page.

[candycanearter07]

Hi there!

If you mean your right sidebar, it looks like you need to reorganize. Try sorting your images by type, either by putting buttons on one side and blinkies on the other or by grouping all your buttons and blinkies together in the same sidebar. That should help make it look a little less chaotic. You can resize your little slime gif to make it the same size as your buttons and make everything look a little more uniform.

If you want more spacing between your links on the left, try putting them all into a list like this:

Code

<ul>
  <li><a href="link.html">link!</a></li>
  <li><a href="link.html">link!</a></li>
  <li><a href="link.html">link!</a></li>
</ul>

You can then remove the bullets and play with padding with css:

Code

ul{list-style: none; padding-inline-start: 0;}
li{margin: .5em 0;}

Unfortunately your cbox is going to be pretty cramped since it's in such a small space. You might consider moving it (and maybe your status.cafe widget too) to your home page.

well i uh moved all the blinkies (there werent any buttons) into a bottom marquee?

the ul thing is confusing