Kustomasi Warna dan Efek Pada Link Teks : Sepertinya untuk link teks (text link) ini masih menarik untuk diulas kembali, setidaknya menurut Tips dan Trik Blog. kita telah dijelaskan tentang membuat link teks menjadi berwarna-warni seperti pelangi. Dan kini, kita akan mencoba melakukan kustomasi link teks untuk warna dan juga efek-efek menarik lainnya. Jika tertarik, silakan ikuti tipsnya bersama tips dan trik blog berikut ini.
Seperti telah dijelaskan di sini, link teks ini dideklarasikan pada kode css seperti berikut ini yang diakses melalui Dasbor>>Tata Letak(layout)>>Edit HTML.
a:link{.............
....................
}
a:visited{...........
....................
}
a:hover{...........
...................
}
Dengan penjelasan seperti di bawah ini.
kode paling atas >> deklarasi untuk suatu link
kode nomor dua >> deklarasi untuk suatu link jika pernah dikunjungi atau di klik pada komputer yang sama.
Kode nomor tiga >> deklarasi untuk suatu link ketika disorot atau didekati oleh mouse.
Dari kode tersebut, kemudian kita dapat melakukan kustomasi untuk link teks tersebut dengan cara menambahkan beberapa deklarasi tertentu. Untuk lebih jelasnya, kita ikuti contoh kustomasi berikut ini.
a:link {
color: #04B4AE;
}
a:visited {
color: #08088A;
}
a:hover {
color: #5F04B4;
font-family:verdana;
}
Keterangan
Hasil link teks-nya akan menjadi seperti di bawah ini. (Untukl mengetahui perbedaannya, kita dapat mencoba mengklik atau mendekatkan mouse pada link teks-nya)
Tips dan Trik Blog
Suatu link akan berwarna biru dan apabila link tersebut pernah dikunjungi (diklik) akan berubah menjadi biru tua dan apabila didekati mouse akan berubah menjadi warna merah dengan font yang berbeda.
Kode html untuk warna dapat diganti sesuai selera masing-masing, tentang kode warna ini dapat dilihat di http://html-color-codes.info/.
Ada banyak contoh kostumasi yang dapat dilihat tetapi, penulis tidak mencantumkan semua dikarenakan menghindari tanggapan melangkahi atau mendahului penulis dan untuk selanjutnya kostumasi yg lain dapat dilihat pada
http://tips-trik-blog.blogspot.com/2009/02/kustomasi-warna-dan-efek-pada-link-teks.html
Setelah melihat beberapa contoh kustomasi di atas, silakan untuk berkreasi sendiri untuk mendapatkan tampilan link teks seperti yang dikehendaki.
Selamat Mencoba!!
( Sumber : Trick For New Bloggers dan http://tips-trik-blog.blogspot.com )
Tidak ada komentar:
Posting Komentar