All posts in HTML & CSS

Image rollover in wordpress, no plugins required

By On May 16, 2012 In HTML & CSS, Web Design Tutorials, Wordpress With No Comments Permanent Link to Image rollover in wordpress, no plugins requiredPermalink

Quite an annoying aspect of WordPress is that its not very easy to use an image rollover from within posts. This is a simple hack that lets you use an image rollover in WordPress without the use of a plugin.

<img title="this" onmouseover="this.src='http://twentyeleven.co.uk/wp-content/uploads/2012/05/that.png';" onmouseout="this.src='http://twentyeleven.co.uk/wp-content/uploads/2012/05/this.png';" src="http://twentyeleven.co.uk/wp-content/uploads/2012/05/this.png" alt="" width="192" height="116" />

Quick Tip: Practical CSS Shapes

By On May 18, 2010 In HTML & CSS, Videos, Web Design Tutorials With No Comments Permanent Link to Quick Tip: Practical CSS ShapesPermalink

Another really useful tutorial by Jeffery Way over at NETtuts:

A common design technique lately is to create a fold effect, where it appears as if a heading is wrapping behind its container. This is generally achieved through the use of tiny images; however, with CSS, we can mimic this effect quite easily. I’ll show you how in four minutes.

Continue Reading →