AjaxTooltips, bağlantıların üzerine geldiğinizde araç ipuçlarını görüntüler. Araç ipuçlarının içeriği bağlantı sayfasından alınmıştır. Bu betik ile LinkPreview arasındaki fark, yalnızca <div class="tooltip-content"></div> içindeki içeriğin görüntülenmesidir.
Installation[]
1. adım: Betiği içe aktarın[]
2. adım: class="tooltip-content" uygulayın[]
Araç ipucu olarak görüntülemek istediğiniz içerikler için, onu <div class="tooltip-content"></div> içine koyun.
- İçerikler sayfada veya bir şablon içinde olabilir.
3. Adım: Araç ipucu şablonunu oluşturun[]
Aşağıdaki kodla Template:Ajaxtt sayfasını oluşturun:
[[{{{1}}}|<span class="ajaxttlink">{{{2|{{{1|}}}}}}</span>]]
Usage[]
Araç ipucuyla bağlantı oluşturmak için herhangi bir sayfada {{Ajaxtt|sayfa|başlık}} kullanın, burada:
sayfa, sayfanın bağlantısıdır.başlık, bağlantının görüntülenen metnidir (isteğe bağlı).
Hata mesaj özelleştirmesi[]
Bağlantı sayfasında araç ipucu içeriği yoksa, araç ipucu "This target either has no tooltip or was not intended to have one" şeklinde görüntülenecektir. Bu mesajı bu CSS ile özelleştirebilirsiniz:
.ajaxtt-error {
background-color: var(--theme-accent-color);
color: var(--theme-page-text-color);
padding: 5px;
}
See also[]
- LinkPreview
- Tooltips - araç ipuçlarını kullanmanın daha özelleştirilebilir bir yolu.