#css sidebar

[codenewbies]

Responsive Navigation Menu

[wonhoutboy]

page_05: action (faq page) by wonhoutboy

preview / code / buy me a coffee

• javascript free; • left sidebar; • right sidebar with extra links; • embedded askbox; • icons by iconsax via glenthemes; • html text preview by webfx; • askbox by a-pocketful; • complete credit list.

!! if you find any bugs/if anything doesn’t go well or if you just struggle with customizing it, please reach out to me via private message or ask and i’ll gladly help!

[rainbowlimenade]

what the fuck is a css

[nobodysuspectsthebutterfly]

A quick Stylus script to make Tumblr's new sidebars a little less crowded and more comfortable

So, that new sidebar, yeah? Sure is a thing. The tumblr devs might change things before it's fully implemented across the board, and Xkit Rewritten might add some options after the interface moves from testing to permanent -- but until they do, here's a little fix to spread things out a little, so that your tumblr experience doesn't feel so squished. It results in a dash like this:

which is a little more comfortable than the original, I think.

To install the script, first make sure you install the addon/extension Stylus, if you don't have it already. And then, well, simply click here, and click "install" to add the style. Enjoy your more wide open spaces!

(Code under the cut for advanced users; comments or suggestions are welcome. You're also free to modify your own copies for any sidebar width or spacing you prefer.)

/* ==UserStyle== @name Tumblr - New Sidebar Fixes @namespace https://nobodysuspectsthebutterfly.tumblr.com @author Mindset @description Moves Tumblr's new sidebars outward to make things a little less crowded. @version 1.3 @license GPL-3.0-or-later ==/UserStyle== */ @-moz-document domain("tumblr.com") { /* makes sure this only applies to page sizes where the sidebars appear */ @media (min-width: 1150px) { /* moves the left sidebar further left */ .ZkG01 .h_Erh { margin-right: 100px !important; margin-left: -90px !important; } /* keeps the center section the width it should be and moves the right sidebar to the right */ .ZkG01 .lSyOz { min-width: 625px !important; padding-right: 100px !important; } /* keeps the right sidebar the width it should be */ .ZkG01 .e1knl { min-width: 320px !important; } } }

[aspectpriority]

chat. i will never know peace i fear

[divinector]

CSS Sidebar Menu

[antirepurp]

ohhhh i hate making responsive web pages grrrr wdym i need to find a way to completely transform this navigation bar for 480px wide screens augh

[dexaroth]

121 links and counting hehehe. i didnt think compiling links would take this long but goddamn

these are all from my bookmarks so ive yet to search through ones ive tagged as ref and such and then ill publish the page

[jennypigalle]

me doing css always starts with thinking it shouldn't be too bad or hard, because i'm not trying to do something compmicated, and always ends with a headache

[codenewbies]

Fixed Sidebar Menu

[wonhoutboy]

theme_01: lazer by wonhoutboy

static preview / [temporary] live preview / code

• simple, minimalist & responsive theme for easy customization; • sidebar and contained posts; • 7 links; • no extra icon/header or description (uses the blog's originals); • credits here; • please consider buying me a coffee <3.

!! this is my very first theme, so if you find any bugs/if anything doesn’t go well or if you just struggle with customizing it, please reach out to me via private message or ask and i’ll gladly help!

[codingflicks]

Responsive Sidebar Menu using Flexbox

[nyctoheart]

the universe.... is at my command....

sorry for the unconsensual genshin impact but I would love if Jiminy's Journal looked even slightly more like this

[divinector]

Sidebar Navigation Menu

[retrcmoon]

XOXO - RPG THEME SET - 1k SPECIAL !!!

This theme set is completely free. It is a special thank you for 1k followers. Please support me and my work by liking and reblogging this post!

[ BLOG THEME INFORMATION ]

Option between 400px, 450px, 500px and 540px posts.

Custom Body Fonts and Body Font sizes (11px - 13px)

Two Custom Header Links

Two Dropdown Links with unlimited link options

Dropdown Links are optional

Fully supports NPF (beta editor) posts.

The theme adjusts to different screen sizes.

Visible Source Link & Scroll to top button.

A lot of the design can be changed in the editing panel. Everything else is explained in the code.

Sidebar Boxes for: Welcome, Events, Admins, Quick Links and Schedule

Quick RPG Information on the header (Member & Application count, short rp information and Plot description)

Disclaimer and further blog information in the footer.

Sticky Sidebar

Footer can be turned off.

[ LOCATION PAGE ]

The Page does not contain any javascript (100% java free)

Comes in 2 versions (with and without filters)

Location picture sizes are 130 x 130. They will resize automatically.

Option for a background picture.

3 Custom Links

All colors can be easily edited on top of the css code

The theme will resize to different screen sizes.

Custom accent colors (explanation in the code)

[ CHARACTER PAGE ]

The Page does not contain any javascript (100% java free)

Comes in 2 versions (with and without filters)

Character picture sizes are 155 x 150. They will resize automatically.

Option for a background picture.

3 Custom Links

All colors can be easily edited on top of the css code

The theme will resize to different screen sizes.

Character boxes have custom links.

Custom accent colors (explanation in the code)

[ GUIDELINES ]

Do not claim as your own.

Do not remove the credit!

Do not use as a base code or take parts of this code for your theme.

Feel free to edit as much as you want!

All credits are mentioned in the code!

Static Blog Theme Preview  + Page Preview Links + All Codes  Location Page Preview + All Codes  Character Page Preview + All Codes  All codes (without preview)

[sylviegirly]

so i did it LMFOAOOO it was a headache to figure out how to get the nav bar + sidebar to stick in place when you scroll but it works tehe. sorry yall stuck in my web design era LOOL

yay neocities progress but i realized a very terrible thing that i can make it look like sylvie’s toyhouse template/the CSS layout i use for toyhouse … maybe ill just make an alternative CSS layout and see which i like cause the blocky and chunky is rlly cute too but im also such a sucker for rounded corners and the shadow pop out around the edge …

everyone’s got pixels and cute old web graphics then there’s me who just likes things simpler LOOOL