Ketika Tulisan di Hover Muncul Deskripsi ? Gunakan Tag Ini Pada Bootstrap !

1

Ini juga biasa digunakan untuk help text alias teks bantuan, tujuannya untuk mempermudah para pengunjung memahami apa maksud dari kata-kata tersebut. Pada framework Bootstrap, cukup gunakan tag…

Beberapa situs web / blog memiliki abbr text dalam beberapa katanya, biasanya ini menjelaskan apa dari maksud teks tersebut. Misalnya kamu memiliki price list dengan fitur-fitur unggulan, kemudian ingin menampilkan deskripsi untuk menjelaskan maksud dari fitur tersebut gunakanlah tag <abbr>.

Ini juga biasa digunakan untuk help text alias teks bantuan, tujuannya untuk mempermudah para pengunjung memahami apa maksud dari kata-kata tersebut. Pada framework Bootstrap, cukup gunakan tag <abbr> untuk membuat seperti itu.

Sentuhlah tulisan ini untuk menampilkan deskripsi, begini cara membuatnya:

ads by posciety

<p>Ikuti kode ini, <abbr title="Masukkan deskripsi disini agar tampil ketika disentuh">Ini teks beneran</abbr>, coba saja hover.</p>

Pada Tittle di dalam <abbr> silahkan masukkan deskripsi yang ingin ditampilkan ketika teks asli di dalam <abbr> di hover. Simpan dan lihat hasilnya ! Deskripsi tersebut akan muncul ketika hover mouse.

Berikanlah class/id dan style pada <abbr> tersebut jika ingin membuatnya lebih menarik dan tidak ingin menggunakan default style.

Artikel Lainnya
1 Komentar
  1. Kurniawan berkomentar

    Saya membuat deskripsi untuk button dengan abbr ini. Tapi tidak bisa mengubah style text abbr dengan hanya menambahkan class atau id pada abbrnya seperti :

    saat saya mencoba membuat style abbr dengan class atau id tersebut, hanya berpengaruh pada button saya, tidak pada text abbr deskripsi nya.

Komentar

Email kamu tidak akan dibagikan kepada siapapun

Website ini menggunakan cookie untuk pengalaman yang lebih baik Setuju & Tutup Selengkapnya