Klikbare header image voor Thesis

9 juni, 2010 · Printen

Voor het plaatsen van een header image die ook nog een klikbaar is heb je eigenlijk alleen wat CSS code nodig.

Open je custom.css file, uit je Thesis/custom directory, en vul onderstaande code in:

/* Header image */
 /* De hoogte en breedte aanpassen, naar die van jouw achtergrond image */
 /* De naam van het plaatje ipv 'header-image.jpg' */
 .custom #header #logo a { color:#FFF; font-size:20px; display: block; height: 140px; width: 1085px; background: url('images/header-image.jpg')   no-repeat; outline: none; }

 /* Dit zorgt ervoor dat de Titel beter uitlijnt aan de linkerkant */
 .custom #header #logo { text-indent: 20px; }

 /* Laat de Tagline terugkomen onder het plaatjhe met een hoogte van 25 px */
 .custom #header #tagline { height: 0; padding-bottom: 25px;}

 /* Laat alle tussenruimtes vervallen zodat het plaatje mooi aansluit */
 .custom #header { padding: 0; }

Commentaar

Heb je iets te vragen en/of toe te voegen?