Making the flickr badge your own

It was something I’ve been meaning to look into for a while – styling my flickr badge so it’s a bit prettier and w3c friendly.

In case you hadn’t heard, flickr offer a nifty feature called a flickr badge which allows you to include a selection of photos from your account on a web page.

Out of the box, the HTML badge code includes a naughty table so the first thing to do was strip that out and replace the table tag with a div. That worked and I left it for a few months until this morning when one of my clients asked for me to include a badge on his site.

I can allow quick and dirty hacks on my own site but when it’s someone’s business you want to push the boat out a bit don’t you? So now I’m left wondering what can and can’t be done with the code flickr churn out, a quick Google search returns a couple of interesting sites:

See my first tidy draft in action, there’s still room for improvement and next will be to replace the portfolio images with flickr versions.

One Response to Making the flickr badge your own
  1. Schuimblusser

    Hello blogger. I like your post about Making the flickr badge your own.

    I was wondering, i am planning to make a blog for myself. I want to use wordpress like you. Where did you get your template? If you post your answer here below, i will read this in the next few day’s.

    Thanks Schuimblusser

Leave a Reply

Your email address will not be published. Please enter your name, email and a comment.

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>