Web tasarımı ve programlama alanında belirli bir bilgiye sahip olmasanız bile, günümüzde kendi web sitenizi oluşturmak hiç de zor değil. İstediğiniz zaman, İnternet'te yayınlanan ve hazır şablonlara dayanan çok sayıda farklı şablon kullanabilir, web sitenizi ağda yapabilir ve yayınlayabilirsiniz. Ancak, şablonun sunduğu site sürümünden herkes tam olarak memnun değil. Bu yazımızda size site şablonunu nasıl değiştireceğinizi ve benzersiz hale getireceğinizi anlatacağız.
Talimatlar
Aşama 1
Şablonu indirin ve içindeki style.css dosyasını bulun. Genellikle bu dosya public_html klasöründe bulunur.
Adım 2
style.css dosyasını not defterinde açın ve sitenin üst kısmının görünümünden ve izleniminden sorumlu olan kod parçacığını bulun. Bu snippet şöyle görünür:
#logotype {
arka plan: url (resimler / logotype.png) tekrarsız sol merkez #fff;
genişlik: 230 piksel;
yükseklik: 60 piksel;
kenar boşluğu: 10px 25px;
pozisyon: göreceli;
Aşama 3
Bu kodda, arka planda: url satırında, gelecekteki sitenin arka plan görüntüsüne giden yolu belirtmeniz gerekir. Sonraki satırlar görüntünün uzunluğunu ve yüksekliğini belirtir ve kenar boşluğu öğesi görüntünün dikey ve yatay girintisini tanımlar.
4. Adım
Kodda logo olarak kullanılan şablon klasörlerinde logotype.png
Adım 5
Arka plan resmini public_html / tmpl / template_name / Images / klasörüne yükleyin, ardından yukarıda belirtildiği gibi görüntünün yolunu arka planda yazın: url satırı.
6. Adım
Gerekirse, görüntünün yükseklik, uzunluk ve ofset parametrelerini yeniden yazın. Konum: göreli çizgi yalnız bırakılabilir. Değişiklikleri dosyaya kaydedin ve eski şablon dosyası yerine sunucuya yükleyin.
7. Adım
Altbilgi sitesi logosunu değiştirmek istiyorsanız, logotype-footer sözcükleri ile başlayan kod parçacığı için style.css'ye bakın. Resmi yeni logo ile kaydedin ve şablonun Resimler klasörüne yükleyin.
8. Adım
Uzunluk ve yükseklik parametrelerini değiştirin. style.css dosyasını tekrar kaydedin ve güncellenen siteyi sunucuya yükleyin.