3 Haziran 2009 Çarşamba

Header'a Resim ekleyin (Minima tema)

Minima teması hem basit olması hem de yenliklere hızlı uyum göstermesi açısından kullanışlı bir tema.

Bugünkü yazımızda Minima Teması'ndaki Header kısmına resim eklemeyi öğreneceğiz.

1. Header kısmına ekleyecemiz bir resim buluyoruz ce resim üzerindeki düzenlemeleri apıyoruz. Bu konuda Irfan View'dan faydalanabilir siniz.

2. Hazırladığımız resim imageshack gibi sitelere host ediyouz.

3. Ve aşağıdaki kodları style tagları arasına yerleştiriyoruz.

  1. #header {
    width:660px;
    margin:0 auto 10px;
    border:1px solid #ccc;
    background: #fff url(http:// image.png) no-repeat top right;
    }
  2. 4. Parantez içerisindeki URL'yi host ettiğimiz siteden aldığmız resim url linkini yapıştırıyoruz.

5. Resmi sağa mı yoksa sola mı konumlandıracaksınız. Bunu da no-repeat top right kodlarında right ya da left kodlarıyla yapıyoruz.

İşte bu kadar.

1 yorum:

  1. Minima teması hem basit olması hem de yenliklere hızlı uyum göstermesi açısından kullanışlı bir tema.

    YanıtlaSil