Bağlantılar, bir web sayfasının görünümünü önemli ölçüde etkiler. Web siteniz veya blogunuz olsun, güzelce özelleştirilmiş bağlantılar web sitenizin tasarımını daha iyi hale getirecektir. Html ve css bilgisi olmadan bile güzel bir link oluşturmak oldukça kolaydır.
Talimatlar
Aşama 1
Öncelikle normal bir link oluşturalım. Bu, aşağıdaki kod kullanılarak yapılır: bağlantı adı. Bu kodda etiket bir bağlantıdır. "href" özelliği, bağlantının yönlendirildiği sayfanın adresini belirtir. "Bağlantı başlığı" yerine bağlantıyı temsil edecek bir kelime veya kelime öbeği yazın
Ayrıca, bağlantıya tıkladığınızda görünecek metni de ekleyebilirsiniz. Etiketin "başlık" özelliği size bu konuda yardımcı olacaktır.
Adım 2
Şimdi bağlamaya geçelim. Bunu yapmanın en kolay yolu, basamaklı stil sayfalarıdır (css). Siteniz için stilleri içeren dosyayı açın ve oraya daha fazla kod yazın. Alternatif olarak, stilleri doğrudan html sayfasına ekleyebilirsiniz. Bunu yapmak için site stili özelleştirme kodunu kullanın.
Aşama 3
Tasarıma geçelim. Girişin sözdizimi bir {stil parametreleri} olacaktır. Buraya ne yazmalıyım?
İlk olarak, bağlantıların rengini beğeninize göre değiştirin. Bu kod size bu konuda yardımcı olacaktır:
a {renk: # 00000;}. Tabii ki, "# 00000" yerine kendi renginizi girmelisiniz. Bu formdaki renk kodunu farklı grafik programlarında (örneğin Photoshop'ta) bulabilir veya bir web paleti bulabilirsiniz.
4. Adım
Varsayılan olarak, tarayıcı bağlantıları altı çizili yapar. Bu, aşağıdaki kodla iptal edilebilir: a {text-decoration: none;}
Kalın bağlantılar oluşturmak için font-weight: bold; parametresini kullanın. Stil koduna renkli, altı çizili ile aynı şekilde eklenir.
Adım 5
Muhtemelen bazı sitelerde, bir bağlantının üzerine geldiğinizde görünümünün değiştiğini fark etmişsinizdir. Bunu da yapabilirsiniz. Bunun gibi bir kod size yardımcı olacaktır: a: üzerine gelin {stil parametreleri}. Parametreler, normal bir bağlantıyla aynı şekilde belirtilir, tek değer, tarayıcıya bağlantının üzerine gelindiğinde bu ayarların uygulanması gerektiğini bildiren "hover" sözde sınıfıdır.
Benzer şekilde, ziyaret edilen bağlantıları vurgulayabilirsiniz: a: ziyaret edilen {stil parametreleri}
