Jeremiah Hoyet

As I’m just playing around with my blog design, I’m actually learning a little bit about CSS2. One particular bit that I have never seen or used before are “attribute selectors”. Attribute selectors simple select a piece of code to be modified base on certain attributes.

For example, I was attempting to remove the “view more photos” link from the Flickr feed located in my side panel on my blog. I had tried several different approaches to this problem, but came up empty handed because the images and links all lack a CLASS or ID definition. That was, until I stumbled across a page on the W3C website defining certain selectors, their functions, and uses.

In order to finally remove the link, I used an Attribute selector like so:

#flickr_badge_wrapper a[href="http://www.flickr.com/photos/jerhoyet/"] {
display:none;
}

As you can see, I modified the <a> tag that included the attribute href=”http://www.flickr.com/photos/jerhoyet”, which successfully removed the link.

Neat huh?

I did a bit of a number on the CSS of the K2-Lite theme provided here on WordPress.com. I made the header image quickly in Photoshop using a few freely available fonts from DaFont.com and a few other techniques.

I’m trying to incorperate as many of my social web feeds into the sidebar as I can without making the appearance of the blog suffer. The Flickr feed looks a bit. . . out of place at the moment, but once I dive into that widget’s CSS, I should have a clean looking Flickr feed and I should be able to replace the “Flickr” text automatically placed above the widget with the official Flickr logo, as I have done with the Twitter and Last.fm feeds.

Update: This post is aging, I believe VodPod might have changed their code a little bit, so if you read this and have any problems PLEASE let me know so I can update the content.

VodPod is a social video tracking service. If you come accross a video while surfing the web, you can post that video to VodPod and share it with others. One of the coolest things about VodPod is the VodPod widget, which displays a queue of your most recent videos, most popular videos, top rated videos, or videos from a certain category.

WordPress.com offers a VodPod widget that you can add to the sidebar of any given theme. Even though you can customize your VodPod widget to an extent from your Pod widget page, the default layout of the horizontal widget tends to look really nasty on some themes on WordPress.com. So, I decided to customize my VodPod widget. Continue reading ‘Modifying The VodPod Widget’