User Tools

Site Tools


dynamic_mastheads

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

dynamic_mastheads [2013/02/24 07:41]
admin [The Code]
dynamic_mastheads [2013/02/24 07:44] (current)
admin [The Code]
Line 153: Line 153:
  }  }
 </code> </code>
 +
 +And that's it. If you copy-and-pasted all of the above code into your CSS file, all you should have needed to change is the file names and height values, and optionally padding and alignment. If you're familiar with CSS, you can make whatever other adjustments you want to as well. But that's totally up to you.
 +
 +What you should now have is a masthead that:
 +
 +  * loads the most appropriate sized image for displays of a given size.
 +  * loads the most appropriate sized image for displays of a given resolution.
 +
 +And so your logo will always look its best, no matter the device on which it is being viewed.
dynamic_mastheads.txt ยท Last modified: 2013/02/24 07:44 by admin