Ja prutiy ipuçlarına dair yazılarımızın ikincisinde, yayınlanan site logosunun konumunun nasıl değiştirileceğini sizlere anlatmaya çalışacağız. Böylelikle logonun standart konumu yerine header kısmında farklı bir konuma nasıl alacağınızı öğreneceksiniz. Logo Resim Pozisyonu

• Ö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.
• Değişiklik olabileceği gibi genel olarak 957. satırdan başlayan aşağıdaki kod grubunu bulalım.

h1.logo a { width: 208px; display: block; background: url(../images/logo.png) no-repeat; height: 80px; position: absolute; <---- BUNU DÜZENLEYİN top: 10px; <---- BUNU EKLEYİN left: 10px; <---- BUNU EKLEYİN z-index: 100; }

• Logonuzun pozisyonunu açıklamada işaret edildiği alandan düzenleyin.
• Yine logonuzun üstten ve soldan konumlama ayarını piksel değeri vererek düzenleyip kaydedin, ardından bu dosyayı ftp den diğerinin üzerine yazdırın

Logo Yazısı

• Yine 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.
• Değişiklik olabileceği gibi genel olarak 972. satırdan başlayan aşağıdaki kod grubunu bulalım.

h1.logo-text a { color: #CCCCCC !important; text-decoration: none; outline: none; position: absolute; bottom: 40px; <---- DÜZENLE left: 5px; <---- DÜZENLE } p.site-slogan { margin: 0; padding: 0; padding: 2px 5px; color: #FFFFFF; background: #444444; font-size: 92%; position: absolute; bottom: 20px; <---- DÜZENLE left: 0; <---- DÜZENLE }

• Belirtilen satırların piksel değerlerine göre gerekli düzenlemeleri yapıp bu dosyayı kaydedip eski dizinine ftp den tekrar atın. Hiç bir css bilginiz olmasa dahi deneme yanılma yöntemiyle buradaki belirtilen değerleri değiştirmek suretiyle gerekli ayarlamaları yapabilirsiniz