Silahkan untuk dibuka, caranya: Klik masing-masing judul posting yang diinginkan. Semoga bermanfaat!.

Narsis Tooltip




Bookmark and Share


Assalamualaikum Wr. Wb.
Tes Narsis, Kali ini mencoba Nav agak beda, bisa pakai terlihat nama dengan strategi ATM (Ambil, Tiru dan Modifikasi) penasaran kan !!!!!.



Coba arahkan kursor anda ke ling dibawah ini!, maka akan munculan kotak persediaan yang menarik, bisa kita modifikasi dengan berbagai gaya, silahkan selamat mencoba!.

Coba saja rasakan!.
Tuliskan "Text Link" di sini !
Dengan susah payah aku belajar, tapi belum banyak hasil, ya Alloh gampangkan semuanya, Aamiiin !



Caranya:

Edit HTML, cari kode ]]></b:skin> lalu simpan kode dibawah ini tepat diatas kode ]]></b:skin>, lalu save.



a.narsis {
font-weight:bold;
font-family:cursive;
position:relative;
z-index:24;
color: #0000CC;
text-decoration:none;
}
a.narsis:hover{
z-index:25;
background: #999999;
color:#FF0000;
}
a.narsis span{
display: none;
}
a.narsis:hover span {
text-align:left;
font-weight:700;
display:block;
position:absolute;
bottom:30px;
left:-50px;
width:400px;
padding:.3em;
border:4px solid #999999;
color: #FFFF99;
background: #CCCC99;
}



Untuk posting (linknya) memakai:

Tuliskan Teks Posting di sini ! <a class="narsis" href="Link-1">
Tuliskan "Text Link" di sini !<span>
Aku kan selalu berkarya,!</span></a>


Selamat mencoba!.

Wassalamualaikum Wr. Wb.

2 comments:

Al said...

Bgus sekali yang ini Wa!

Anonymous said...

Pantes si Atep pasang ini dibawahnya http://alqof.blogspot.com, bagus tuch!, sukses selalu!.

Post a Comment


Jika Anda Kenan Tinggalkan Link Untuk Sillaturrahmi!. Masukan dibawah ini!

Pengikut