. Berikut ini disajikan beberapa tips penggunaan CSS untuk mempercantik homepage atau website Anda.
1. Link Tanpa Garis Bawah
Aslinya , sebuah link otomatis akan punya garis bawah. Tapi dengan menggunakan CSS, garis bawah itu bisa dihilangkan dengan mudah. Caranya, tempatkan kode CSS berikut di bagian <head> halaman web yang Anda buat (bersama title, description, dan keyword). Dengan menggunakan kode ini, garis bawah pada seluruh link di halaman web Anda akan hilang.
<S TYLE><!--
A {text-decoration: none;}
--></STYLE& gt;
2. Sebagian Link Tanpa Garis Bawah
Jika hanya ingin menghilangkan garis bawah pada link-link tertentu, bukan pada seluruh link seperti yang terjadi kalau memakai kode di atas, kode yang berikut ini bisa dipakai. Tapi, cara menggunakannya berbeda. Kode ini mesti disisipkan langsung pada kode hiperlink yang Anda buat. Contoh dan kodenya seperti yang berikut ini.
<A HREF="http://www.endonesi a.com" STYLE=text-decoration:none;&qu ot;>Endonesia.Com</A>
3. Link Hover, Ganti Warna
Link bisa juga dibuat berganti warna ketika mouse ada berada di atasnya atau hover. Gunakan kode berikut untuk membuatnya, dan letakkan kode ini di bagian <head> halaman web yang Anda buat, seperti tips yang pertama tadi.
<STYLE>& lt;!--
A:HOVER {color: red;}
--></STYLE&g t;
Warna yang digunakan untuk hover tentunya sesuka Anda. Pada contoh di atas, warna atau color yang dipakai adalah merah atau red. Kalau mau, Anda bisa menggantinya dengan blue, green, atau warna lain. Kalau Anda paham kode ASCII untuk warna tertentu, Anda juga bisa memakainya.
4. Link Hover, Garis Bawah
D engan kode CSS pada tips No. 1, Anda bisa membuat garis bawah link menghilang. Kalau tips itu dipadukan dengan kode pada tips No.3, anda bisa membuat link muncul garis bawahnya ketika mouse berada di atasnya. Kodenya, yang mesti disisipkan di bagian <head>, jadi seperti ini:
<STYLE> ;<!--
A {text-decoration: none;}
A:HOVER {text-decoration: underline;}
--></S TYLE>
5. Link Hover, Pakai Background
Ca ra lain menyiasati link adalah dengan membuat sebuah link jadi punya warna latar belakang (background) ketika mouse berada di atasnya. Kodenya seperti yang berikut ini, dan sisipkan di bagian <head>.
< ;STYLE><!--
A:HOVE R {background-color: yellow;}
--></STYL E>
Sekian dulu....
source : klikini
1. Link Tanpa Garis Bawah
Aslinya , sebuah link otomatis akan punya garis bawah. Tapi dengan menggunakan CSS, garis bawah itu bisa dihilangkan dengan mudah. Caranya, tempatkan kode CSS berikut di bagian <head> halaman web yang Anda buat (bersama title, description, dan keyword). Dengan menggunakan kode ini, garis bawah pada seluruh link di halaman web Anda akan hilang.
<S TYLE><!--
A {text-decoration: none;}
--></STYLE& gt;
2. Sebagian Link Tanpa Garis Bawah
Jika hanya ingin menghilangkan garis bawah pada link-link tertentu, bukan pada seluruh link seperti yang terjadi kalau memakai kode di atas, kode yang berikut ini bisa dipakai. Tapi, cara menggunakannya berbeda. Kode ini mesti disisipkan langsung pada kode hiperlink yang Anda buat. Contoh dan kodenya seperti yang berikut ini.
<A HREF="http://www.endonesi a.com" STYLE=text-decoration:none;&qu ot;>Endonesia.Com</A>
3. Link Hover, Ganti Warna
Link bisa juga dibuat berganti warna ketika mouse ada berada di atasnya atau hover. Gunakan kode berikut untuk membuatnya, dan letakkan kode ini di bagian <head> halaman web yang Anda buat, seperti tips yang pertama tadi.
<STYLE>& lt;!--
A:HOVER {color: red;}
--></STYLE&g t;
Warna yang digunakan untuk hover tentunya sesuka Anda. Pada contoh di atas, warna atau color yang dipakai adalah merah atau red. Kalau mau, Anda bisa menggantinya dengan blue, green, atau warna lain. Kalau Anda paham kode ASCII untuk warna tertentu, Anda juga bisa memakainya.
4. Link Hover, Garis Bawah
D engan kode CSS pada tips No. 1, Anda bisa membuat garis bawah link menghilang. Kalau tips itu dipadukan dengan kode pada tips No.3, anda bisa membuat link muncul garis bawahnya ketika mouse berada di atasnya. Kodenya, yang mesti disisipkan di bagian <head>, jadi seperti ini:
<STYLE> ;<!--
A {text-decoration: none;}
A:HOVER {text-decoration: underline;}
--></S TYLE>
5. Link Hover, Pakai Background
Ca ra lain menyiasati link adalah dengan membuat sebuah link jadi punya warna latar belakang (background) ketika mouse berada di atasnya. Kodenya seperti yang berikut ini, dan sisipkan di bagian <head>.
< ;STYLE><!--
A:HOVE R {background-color: yellow;}
--></STYL E>
Sekian dulu....
source : klikini
1 komentar:
siip back link nyok
Posting Komentar