SayaLagi.Com Buat Forum Gratis

User info

Welcome, Guest! Please login or register.


You are here » SayaLagi.Com Buat Forum Gratis » Kode-Kode JS/CSS » Script Utk Menampilkan Tooltip Teks Image di Kolom Postingan Terakhir


Script Utk Menampilkan Tooltip Teks Image di Kolom Postingan Terakhir

Posts 1 to 1 of 1

1

Berikut ini adalah 2 macam script yang bisa digunakan untuk menampilkan otomatis tooltip teks dan gambar ketika pembaca mengarahkan crusor mouse pada salah satu tanggal yang ada di kolom postingan terakhir di forum mybb SL.

Script Tooltip Teks dan Gambar
Tooltip akan mencoba menampilkan beberapa teks dan image (gambar) yang berada di alinea pertama. Tooltip hanya akan menampilkan gambar apabila posisi gambar berada di atas (baris pertama). Jika posisi gambar berada beberapa baris setelah teks, maka tooltip hanya akan menampilkan teks saja (Lihat Contoh pada gambar 1 tooltip)

http://preview.ibb.co/hmJZTQ/contoh_gambar_tooltip.png
Contoh Gambar 1 Efek Tooltip Menampilkan teks

Copy kode variasi script tooltip khusus teks dan image di bawah ini dan paste di kolom HTML Footer.

Silahkan copas variasi script teks dan gambar
Hidden text:

To view hidden text please login or register.

Script Tooltip Khusus Image (Gambar)
Tooltip akan mencoba menampilkan beberapa file image (GIF, JPG, png, dll) yang ada dalam postingan. Jika postingan tidak memiliki gambar, maka tooltip hanya akan menampilkan gambar loading pengganti. Script ini tidak akan menampilkan teks. (Lihat Contoh pada gambar 2 tooltip)

https://s8.postimg.org/xboim4pwl/contoh-gambar-tooltip-image-gambar.png
Contoh Gambar 2 Tooltip Image (Gambar)

Copy kode variasi script tooltip khusus gambar di bawah ini dan paste di kolom HTML footer:

Silahkan copas variasi script khusus gambar
Hidden text:

To view hidden text please login or register.


Keterangan:
1. Anda hanya bisa menggunakan salah satu di antara 2 script tooltip di atas. Namun anda bisa merubah ukuran style css untuk menentukan lebar bingkai hover, ukuran gambar, dll
2. Tooltip akan ditampilkan pada halaman:
Recent Post, seperti: Lihat Info
Kolom Kategori Forum seperti: Contoh FAQ

+1


You are here » SayaLagi.Com Buat Forum Gratis » Kode-Kode JS/CSS » Script Utk Menampilkan Tooltip Teks Image di Kolom Postingan Terakhir


Buat Forum ID Sosial Gratis © 2017 Direktori