Bir Banner'a Bağlantı Nasıl Eklenir

İçindekiler:

Bir Banner'a Bağlantı Nasıl Eklenir
Bir Banner'a Bağlantı Nasıl Eklenir

Video: Bir Banner'a Bağlantı Nasıl Eklenir

Video: Bir Banner'a Bağlantı Nasıl Eklenir
Video: YOUTUBE BANNER SOSYAL MEDYA LİNK EKLEME (facebook-instagram-twitter) [2019] 2024, Nisan
Anonim

Bir banner'ınız varsa, ancak sayfaya eklemek için hazır bir html kodu yoksa, ihtiyacınız olan bağlantıyı eklemek o kadar zor değil. Banner flash teknolojisi kullanılarak yapılmış olsa bile. Kaynak kodunda grafik ve flash formatlarında afişlere bağlantılar düzenlemek için olası seçenekler aşağıda açıklanmıştır.

Banner'a link nasıl eklenir
Banner'a link nasıl eklenir

Talimatlar

Aşama 1

Eğer banner grafik formatlarından birinde (gif,jpg,png,bmp) ise link etiketinin içine resim etiketini koymanız yeterli olacaktır. Öncelikle resim etiketini oluşturun. Web sayfalarının işaretleme dilinde (HTML - Köprü Metni İşaretleme Dili - "köprü metni işaretleme dili"), en basit versiyonu şöyle görünür: Burada resmin "göreceli adresi" src özniteliğinde belirtilir. Bu sürümde tarayıcı, resmin, sayfanın kendisinin başlığın eklendiği sunucunuzdaki aynı klasörde olduğunu varsayacaktır. Ancak bir "mutlak adres" belirtmek daha iyidir:

Adım 2

Bu etikete eklenecek birkaç özellik daha var. İki özellik, afiş boyutlarını (yükseklik ve genişlik) gösterecektir. Bunlar isteğe bağlı niteliklerdir - sayfa sunucudan tarayıcıya yüklendiğinde her şey yolunda giderse görüntü bunlar olmadan görüntülenir. Ancak resim herhangi bir nedenle yüklenmezse, boyutların olmaması, diğer tüm tasarım öğelerinin yerinde olmayacağı gerçeğine yol açabilir. Boyut etiketi şöyle görünecektir:

Aşama 3

Varsayılan olarak, tarayıcı bağlantı görüntülerinin etrafına mavi bir kenarlık çizer. Bunu önlemek için başlık etiketine boş değere sahip bir kenarlık niteliği ekleyin:

4. Adım

Fare imlecini başlığın üzerine getirdiğinizde araç ipucu metnini içerecek bir özellik (başlık) daha ekleyin:

Adım 5

En önemli niteliklere sahip resim etiketini hazırladınız, şimdi onu bağlantı etiketinin içine yerleştirmeniz gerekiyor. Her köprü iki etiketten oluşur - açılış ve kapanış: Açılış etiketi, isteği göndermek için adresi içeren href niteliğini içerir. Bu iki bağlantı etiketinin arasına ve başlık etiketini ekleyin: Bağlantılı başlığın HTML kodu hazır, şunu değiştirmeyi unutmayın: - href özelliğinde: "https://kakprosto.ru" bağlantınızın adresi ile afiş için; - src özelliğinde: " https://kakprosto.ru/banner

6. Adım

Yukarıdakilerin tümü görüntü afişlerine atıfta bulunur, ancak flash teknolojisi kullanılarak yapılan afişler de vardır. Bir flash filme standart bir şekilde bağlantı eklemek için yalnızca başlığın kendisine değil, kaynak koduna da sahip olmanız gerekir. Ek olarak, kaynak kodunu düzenleyebilir ve ardından Flash filmi yalnızca özel bir düzenleyicide derleyebilirsiniz - bunun için normal bir metin düzenleyici uygun değildir. Ancak, kendinizi yalnızca HTML ve CSS'yi düzenlemekle sınırlayarak (Basamaklı Stil Sayfaları - "basamaklı stil sayfaları") tüm bu zorlukları aşmanın bir yolu vardır. CSS dili, sayfa öğelerinin görünümünün (HTML'ye kıyasla) daha ayrıntılı bir açıklaması için kullanılır. Yardımı ile sayfalarda oldukça karmaşık çok katmanlı yapılar oluşturulabilir. Bunu, Flash banner'ı alt katmana yerleştirerek ve üstündeki bağlantının bulunduğu katmanı yerleştirerek kullanacağız. Banner'ın HTML kodu şöyle görünecektir:

İçindeki genişlik ve yükseklik özelliklerini (iki yerde), banner.swf banner adını (iki yerde) ve https://kakprosto.ru bağlantı adresini (tek bir yerde) ve SCC kodunu değiştirmeyi unutmayın. bu HTML koduna karşılık gelen şu şekilde olmalıdır:

div.linkedFlashContainer {konum: göreceli; z-endeksi: 1; sınır: 0 piksel; genişlik: 468 piksel; yükseklik: 60 piksel}

a.flashLink {konum: mutlak; z-endeksi: 2; genişlik: 468 piksel; yükseklik: 60 piksel; arka plan: url (spacer.gif) tekrarsız;}

Burada spacer

Önerilen: