Marjları ile Kolayca Herhangi Bir Web Sitesine Marjı Çevirin Metin Ekleme
Satır içi araç ipuçları fantastik ama bazen sadece belirli içeriğe uymuyor. Çoğu web sitesi sayfa gövdesi boyunca kenar boşluklarında yer açar ve bu eklemek için mükemmeldir ipuçları olmadan araç ipucu stili içeriği.
Girmek Marginotes, ücretsiz bir açık kaynak jQuery eklentisi ki kenar boşluklarına özel notlar ekler web sayfanızın Bu notları, bağlantılar veya sayfadaki görüntüler gibi belirli öğelere dayalı olarak değiştirebilirsiniz..
Bu eklenti kurmak şaşırtıcı derecede kolaydır ve bir varsayılan stil sayfası Marj notlarınız için. Bunlar belirir kenara İçeriğinizin içeriği, web sayfanızdaki paragraf öğesinin hemen yanında sıralanır..
Vurgulu notları elle eklendi HTML öğelerinize, kullanarak desc
nitelik. Bunu HTML5'te hiç görmedim, bu yüzden tamamen uyumlu olup olmadığını söyleyemem. Ancak, gerçekte ihtiyacınız olan tek şey JavaScript tarafından algılanıyor.
Ayrıca bu niteliği değiştir kaçtığında marginotes ()
fonksiyonu, böylece bir şey gibi değiştirebilirsiniz Veri azalan
daha uyumlu olmak istiyorsan.
Burada jQuery bir satır Bu eklentinin çalışmasını sağlamak için gerekli:
$ ( "Seçici"). Marginotes ()
Değiştirmelisin "Seçici"
hedeflediğiniz öğelerle. Öyleyse, sayfa gövdenizin içindeyse, kullanabilirsiniz ".body span"
. Ayrıca yapabilirdin hedef bağlantı linkleri veya belirli sınıflara göre bu öğelere eklendi.
İçinde marginotes ()
işlevi ekleyebilirsiniz iki isteğe bağlı parametre Kenar boşluğu notu formatını değiştirmek için:
Genişlik
- not genişliğini ayarlar (varsayılan olarak 100 piksel)alan
- HTML içeriği özelliğini ayarlar (varsayılan olarak"Desc"
)
Ayrıca, jQuery kullanmaktan hoşlanmıyorsanız, vanilya Marginotes eklentisi. Vanilya JS'de çalışıyor, öyleyse sıfır bağımlılıklar aynı özelliklere sahip olmak için.
Bunu da kontrol edebilirsiniz. canlı demo Eğer eylemde görmek istersen. Bu kesinlikle benzersiz bir eklenti ve bu harika bir yol fazladan içerik ekle sitenize.