Web Sitesi şablonları Nasıl Düzenlenir

İçindekiler:

Web Sitesi şablonları Nasıl Düzenlenir
Web Sitesi şablonları Nasıl Düzenlenir

Video: Web Sitesi şablonları Nasıl Düzenlenir

Video: Web Sitesi şablonları Nasıl Düzenlenir
Video: 2 Saatte Sıfırdan Profesyonel Web Sitesi Nasıl Yapılır? 2024, Kasım
Anonim

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.

Web sitesi şablonları nasıl düzenlenir
Web sitesi şablonları nasıl düzenlenir

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.

Önerilen: