Is it possible to change the icons of 'Post', 'Followers', etc? The ones in the sidebar under the blog name.
Anonymous

In order to accomplish this, the process is broken down into three steps:
  - Turn off the original icon
  - Set the position, size & universal settings for the replacement icons
  - Insert the individual replacement icons

The CSS:

/*TURN OFF ORIGINAL ICON*/
#posts_control .posts,
#dashboard_controls_open_blog .followers,
#dashboard_controls_open_blog .drafts {
  background-image: none !important;
}

/*SET POSITION, SIZE & UNIVERSAL*/
#posts_control > .posts:before,
#dashboard_controls_open_blog .followers:before,
#dashboard_controls_open_blog .drafts:before {
  position: absolute !important;
  content: "" !important;
  top: 2px !important;
  left: 4px !important;
  width: 34px !important;
  height: 34px !important;
  background-size: 34px 34px !important;
  border-radius: 4px !important;
}

/*INSERT REPLACEMENT ICONS*/
#posts_control > .posts:before {
  background-image: url("http://25.media.tumblr.com/tumblr_mat0r0P5e21qlzdwqo1_100.png") !important;
}
#dashboard_controls_open_blog .followers:before {
  background-image: url("http://24.media.tumblr.com/tumblr_mat0r0P5e21qlzdwqo2_100.png") !important;
}
#dashboard_controls_open_blog .drafts:before {
  background-image: url("http://24.media.tumblr.com/tumblr_mat0r0P5e21qlzdwqo3_100.png") !important;
}
  1. ohnemitleid posted this

Welcome to my CSS Toy Box

This is where I test CSS toys. You are currently looking at a variant of Steven Bradley's 3 Column CSS Layout.

This Simple Auto-Playing Slideshow might move a bit fast, but each slide either contains a link or actually is a link. There is a wee bit of jquery in use for the slideshow to function.

The Title is a good example of a CSS Toy. Blurred text changing to 3D Text with a CSS timed transition.

Initially all I wanted was to create Post Drop-Shadows without using images. This rapidly grew into something else.

I've seen a lot of fancy tricks for links, but most of them required javascript or some variant. I wanted a pure CSS Slider menu, hopefully one that allowed images.

Please take a look around. There are lots of little things I have toyed with, from the rounded inner corners of the avatar frame to the linear gradient background with a semi-opaque "noise" filter overlay.

I'm trying to utilize what I have learned, not just post links to what you might be able to do with CSS. Enjoy!