Ja prutiy teması ipuçları anlatımımızın bu üçüncü makalesinde, en tepede bulunan header diye nitelen, site logosunun da olduğu kısımın ölçülerinin nereden ve nasıl değiştirileceğine beraber bakacağız.

• Öncelikle temanızın css dosyasını açalım,  bunun için templates/a_purity/css/ klasöründe yer alan “template.css” dosyasını bir html düzenleme programı veya wordpadde açalım.
• Genellikle 921. satırda bulunan aşağıdaki kod grubunu bulalım.

/* HEADER --------------------------------------------------------- */ #ja-headerwrap { background: #333333; color: #CCCCCC; line-height: normal; height: 80px; <---- BURAYI DÜZENLE } #ja-header { position: relative; height: 80px; <---- BURAYI DÜZENLE } .ja-headermask { width: 602px; display: block; background: url(../images/header-mask.png) no-repeat top right; height: 80px; <---- BURAYI DÜZENLE position: absolute; top: 0; right: -1px; }

• Yukarıdaki kod grubunda düzenlemeniz gereken alanların piksel değerlerini düzenlediğinizde header kısmının yükseklik ayarlarını düzenlemiş olacaksınız.
• Yine aynı dosyamızın içinde muhtemelen 957. satıra denk gelecek olan aşağıdaki kod grubunu bulalım.

h1.logo a { width: 208px; <---- BURAYI DÜZENLE (logonuzla aynı boyutta olmalı) display: block; background: url(../images/logo.png) no-repeat; height: 80px; <---- BURAYI DÜZENLE (logonuzla aynı boyutta olmalı) position: relative; z-index: 100; }

• Şimdi de grafik düzenleme programlarından bir tanesiyle aşağıdaki resim dosyalarını yine belirtildiği şekliyle düzenleyelim. Unutmayın bu ayarlar sizin header kısmınızla aynı ölçülerde olmalı

1. templates\ja_purity\images\header-mask.png
2. templates\ja_purity\styles\header\blue\images\header-mask.png
3. templates\ja_purity\styles\header\green\images\header-mask.png

Artık temanızın header kısmı belirlediğiniz boyutlarda yeniden düzenlenmiş olarak kullanımınıza hazır olacaktır.