MrBlog » web http://mrblog.nl eliminating my ignorance one bit at a time Thu, 12 Jan 2012 09:54:42 +0000 en-US hourly 1 http://wordpress.org/?v=3.4-alpha-19847 Maintenance… http://mrblog.nl/2009/06/22/maintenance.html http://mrblog.nl/2009/06/22/maintenance.html#comments Mon, 22 Jun 2009 15:22:06 +0000 mrb http://mrblog.nl/?p=641 Today, I have been fighting playing the html code in templates of WordPress and the CSS of the site. I wanted to display the posts of the Cobra blog a bit more visible than an RSS feed, but not (like it was) importing every entry into this blog, so I came up with a block on the homepage which is fairly visible so it will attract most, but not that disturbing for others.

How a little addition to CSS can make a big difference in how a page looks. CSS3 has a box-shadow property, which puts a nice drop-shadow behind an object. Support is still pretty much lacking from all browsers except the latest Firefox and Safari.

As most people wont have these, here’s an image (which also has this dropshadow btw):

screen_008.png

Compare this with the rendering on the homepage in your browser. For guys like me who cant do graphics, CSS3 can still make me look like a pro ;-)

It also turns out that aligning stuff bottom-right is not that easy. (for me at least). Getting the wrapping right took the best part of the day for me. While I’m pretty proficient in XML and it’s rules, I keep rowing against the HTML stream I think. Oh well, it’s sort of decent now. (in FF and Safari at least. I’ve given up on IE for hobby projects)

]]> http://mrblog.nl/2009/06/22/maintenance.html/feed 2