How to make the sidebar list dynamic to appear as cool blocks in Thesis Theme

How to make the sidebar list dynamic to appear as cool blocks in Thesis Theme {video}

February 23, 2010

This tutorial shows how to make your sidebar lists appear as a colored block when you hover over it. Doing so will make your sidebar more dynamic.

See in HD on YouTube

This is the code,

li.widget ul li {
background:#FFFFFF;
display:block;
margin-bottom: 0;
margin-top: 0;
padding: 5px;}

li.widget ul li:hover {
background:#DDDDDD;
margin-top: 0;
margin-bottom: 0;
display:block;
padding:5px;
}

Enjoy!

Related posts:

  1. How to make Rounded Corners for your blog Content Box Page
  2. How to add a stylish sidebar border in WordPress Thesis Theme {video}
  3. Video – WordPress Thesis Theme 1.7 backgrounds – Tips and tricks for better design
  4. How to add cool tumbnails on your blog using Thesis Theme Thumbnail option {video}
  5. How to remove Page Title on wordpress blog using Thesis Theme {video}
  6. Make yellow highlighted links in Thesis Theme {video}

Tagged as: colors, css, custom css, sidebar, sidebar list

  • http://hegeeks.com/ramblings/friday-mashup-blogging-and-social-media-resources.html Friday Mashup: Blogging and Social Media Resources

    [...] How to make the sidebar list dynamic to appear as cool blocks in Thesis Theme – This tutorial shows how to make your sidebar lists appear as a colored block when you hover over it. [...]

  • http://twitter.com/thdesignblog/status/10814594929 Thesis Theme Design

    How to make the sidebar list dynamic to appear as cool blocks in Thesis Theme {video} http://ow.ly/1oYjZ

  • http://twitter.com/shamimnasir/status/11137230445 Shamim

    How to make the sidebar list dynamic to appear as cool blocks in Thesis Theme {video} http://ow.ly/1oYjZ

  • http://twitter.com/thdesignblog/status/11137230066 Thesis Theme Design

    How to make the sidebar list dynamic to appear as cool blocks in Thesis Theme {video} http://ow.ly/1rnC3

  • http://twitter.com/thdesignblog/status/11186649945 Thesis Theme Design

    How to make the sidebar list dynamic to appear as cool blocks in Thesis Theme {video} http://ow.ly/1rHiF

  • http://twitter.com/thdesignblog/status/11468476865 Thesis Theme Design

    How to make the sidebar list dynamic to appear as cool blocks in Thesis Theme {video} http://ow.ly/1tGeG

  • http://twitter.com/thdesignblog/status/11482363705 Thesis Theme Design

    How to make the sidebar list dynamic to appear as cool blocks in Thesis Theme {video} http://ow.ly/1tIwb

  • http://twitter.com/thdesignblog/status/12520423099 Thesis Theme Design

    How to make the sidebar list dynamic to appear as cool blocks in Thesis Theme {video} http://ow.ly/1AL8c

  • http://www.socialblogr.com/ Gojeg

    Great! it works! Thanks buddy.. :P

blog comments powered by Disqus

Previous post:

Next post: