Assallamu'allaikum wr wb.<br />
Bismillah.<br /><br /><div style="text-align:center;"><img src="http://fitz3.wen9.net/desktop/mobility/kayuh_baimbai/kayuh-baimbai-logo.png" alt="kayuh-baimbai-logo.png" /><br />Logo Kayuh Baimbai-Banjarmasin</div><br /><br />
Selamat Malam Kawan MWB.<br />
Salam Persahabatan Blog Mobile<br /><br />
Saya Share ini BUKAN SOK PINTER dan SOK JAGO, tapi saya berbagi sesuai PENGALAMAN DIBLOGSPOT, dan akan saya terapkan untuk MyWapBlog yg saya sukai ini.<br /><br />
Membuat CSS Desktop MWB lebih saya sukai sekarang ini, sebab lebih Universal ketimbang belajar CSS Mobile yang agak KAKU dalam menerapkan Script. (maklum terbatas pada Hp saja)<br /><br />
Sekali lagi saya BUKAN SOK PINTER dan SOK JAGO...<br /><br />
Langsung ke TOPIK JUDUL kawan.<br /><br />
CSS Desktop MyWapBlog dapat kita percantik dengan bermacam-macam pernak-pernik atau AKSI Accessoris untuk PENAMPILAN.<br /><br />
Tujuannya agar para Visitor atau Pengunjung MyWapBlog kita versi DESKTOP pada BETAH dan tidak BOSAn didalam membaca dan menelusuri Postingan yang ada di MyWapBlog milik kita. Dalam hal ini CSS yg kita pakai adalah versi CSS Desktop MWB (Templates).
<br /><br />
Sesuai pengalaman saya sewaktu Blogging di <a href="http://blogspot.com">BLOGSPOT</a>, saya rasa Script utk CSS Desktop <a href="http://fitzfreedom.mywapblog.com">MyWapBlog</a> <b>tidak terlalu jauh perbedaannya.</b>
<br /><br />
Mari kawan kita belajar bersama, agar Templates atau <a href="http://cssmwb/">CSS Desktop MyWapBlog</a> yang kita pakai, <a href="http://tdkkalah/">TIDAK KALAH</a> menariknya dengan Blog2 ternama yang sudah ada duluan. Oke kawan...! :);):D<br /><br />
Ayo....kita ke TKP langsung<br /><br />
KETERANGAN ada dalam TEXTAREA<br /><br /><div style="text-align:center;">
EFFECK HOVER PADA LINK AKTIF<br /><textarea cols="20" rows="5">
**************************
a:hover {
color:green;
text-decoration:none;
}
****************************
KETERANGAN:
Color bisa kamu sesuaikan selera.
None bisa kamu ganti underline.
Code Script diatas berfungsi untuk meng-HOVER pada LINK Update.
Apabila kita tambahkan Code Script tsb. LINK akan berubah warna-nya saat Cursor Mouse didekatkan, (color silakan kamu tentukan sendiri) Oke Brow...?
</textarea><br /><br />
EFFECK HOVER PADA TEXTAREA<br />DAN IMAGE<textarea cols="20" rows="5">
************
textarea:hover {
box-shadow: 0 0 80px blue;
}
************
img:hover {
box-shadow:0 0 30px blue;
-moz-box-shadow:0 0 30px blue;
-webkit-box-shadow: 0 0 30px blue;
}
***********
KETERANGAN:
==========
30px maksudnya effeck lebar cahaya BiRU (blue) yg dipantulkan
saat Cursor Mouse didekatkan pada Image atau Gambar.(Foto)
--------------------------------------
WEBKIT dan MOZ adalah Code untuk BROWSER pada Internet yg Online agar Effeck HOVER yg kita PAKAI/PASANG dapat WORK.
--------------------------------------
WEBKIT adalah Komponen Dasar dari Penjelajah Web Apple Safari dan Google Chrome.
WEBKIT adalah Sebuah mesin LAY OUT yg di DESAIN agar BROWSER dapat MERENDER halaman WEB yg kita pakai/yg kita pergunakan.
----------------------------------------
MOZ adalah Browser MOZILLA.
(...kalo yg IKI kagak usah ANE jelaskan ya...? kamu pada tau semua tuh...hehehe....) Oke Coy..?
.....................................................................
BISA JUGA PADA SELECTOR LAIN-NYA. Kamu bisa Modif sendiri kan.
</textarea><br /></div><br />
Supaya EFFECK HOVER tidak WORK LIVE, kita bisa tambahkan Code Script dibawah ini...:<br /><div style="text-align:center;">
<br /><textarea cols="20" rows="5">
**************************
-moz-transition:all
1.0s ease-in-out;
-webkit-transition:all
1.0s ease-in-out;
-o-transition: all
1.0s ease-in-out;
-ms-transition:all
1.0s ease-in-out;
transition: all
1.0s ease-in-out;
***************************
KETERANGAN:
----------------
1.0s maksudnya TIMER untuk EFFECK HOVER yg kita terapkan, sehingga EFFECK HOVER tsb seperti Lampu PLN yang KURANG VOLTASE (..Bersinar-sinar tapi BERKEDIP....)
Soalnya TARIF LISTRIK NAIK TERUS.
Nasib dah si KOPLAK Wong Ndeso.
...kagak punya ape-ape...
</textarea><br /><br />
Supaya Voltase PLN Stabil, kita GABUNG saja dari 2 Code Script tsb seperti dibawah ini:<br /><br /><div style="text-align:center;">
<div style="background:#000;"><span style="color:#FFFFFF;">
img:hover{<br />
box-shadow: 0 0 30px blue;<br />
-moz-box-shadow: 0 0 30px blue;<br />
-webkit-box-shadow: 0 0 30px blue; <br />
-moz-transition:all 1.0s ease-in-out; <br />
-webkit-transition: all 1.0s ease-in-out; <br />
-o-transition: all 1.0s ease-in-out; <br />-ms-transition: all 1.0s ease-in-out;<br />
transition: all 1.0s ease-in-out;<br />
}<br /></span></div></div><br /><br />
Semoga ada manfaatnya. Saya juga masih BELAJAR kawan.<br /><br />
Wassallam. By 2F (si KOPLAK)<br /></div>