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?