Bagaima kalau pengkodean CSS dalam mengganti warna kita gunakan kode RGBnya? Seperti standarnya html.
Seperti dibawah ini, kita tinggal ganti saja untuk mendapat variasi warna.
<STYLE TYPE="text/css">
B { color : #CC6633 }
</STYLE>
Akan sama mudahnya dengan html, apalagi bagi yang sudah mahir html.
Contoh lainnya yang saya modifikasi :
<HTML>
<HEAD>
<STYLE TYPE="text/css">
I { color : red }
</STYLE>
</HEAD>
<BODY>
P: Mengapa jika kita anggap <I>suatu pekerjaan</I> itu mudah
maka pekerjaan itu akan beneran menjadi<I> lebih mudah</I>?
<P>
J: Karena itu merupakan <I>sugesti</I> terhadap <I>diri kita
sendiri</I>
</BODY>
</HTML>
Saya mengganti huruf “B” dengan huruf “I”, sehingga apa? Sehingga teks yang di beri tag <I> tersebut berubah menjadi ITALIC. Silahkan cek di browser kalau tidak percaya. Bagaimana caranya untuk garis di bawah huruf atau UNDERLINE?
Jika saya ingin kata "suatu pekerjaan" dari contoh di atas menjadi berwarna merah dan ITALIC, terus kata "lebih mudah" kita buat menjadi berwarna hijau dan BOLD, terus untuk menambah kebingungan anda jadikan kata "sugesti" dengan UNDERLINE dan berwarna merah, serta kata "diri kita sendiri" menjadi hijau dan BOLD. Saya ingin tampilan di browser seperti demikian. Bagaimana menurut anda membuat kode HTMLnya? Sulit? Jawabannya “TIDAK!!!” kalau anda bilang “Sulit” berarti You’re Looser!!! Lebih pecundang daripada Squidword yang lagi depresi menghadapi Sponge Bob. :D hahaha... (maaf sedikit ngawur, tapi tidak apa-apa, kan ini tutorial saya. :P).
Coba seperti ini :
<HTML>
<HEAD>
<STYLE TYPE="text/css">
I,U { color: red }
B { color : green }
</STYLE>
</HEAD>
<BODY>
P: Mengapa jika kita anggap <I>suatu pekerjaan</I> itu mudah
maka pekerjaan itu akan beneran menjadi<B> lebih mudah</B>?
<P>
J: Karena itu merupakan <U>sugesti</U> terhadap <B>diri kita
sendiri</B>
</BODY>
</HTML>
Did you see that??!!! I did it! Tanpa harus berpanjang-panjang kode saya bisa melakukan itu semua. Sekarang sudah jelas mengapa saya katakan CSS lebih baik untuk mendisain tampilan webnya?. Jika suatu kali anda bosan dengan warna atau bentuk tulisan pada tampilan situs anda, hanya dengan mengubah dan menambah variasi dari perintah css anda akan mendapatkan tampilan yang lebih menarik bukan? Dan juga benar-benar menghemat waktu.
Seperti dibawah ini, kita tinggal ganti saja untuk mendapat variasi warna.
<STYLE TYPE="text/css">
B { color : #CC6633 }
</STYLE>
Akan sama mudahnya dengan html, apalagi bagi yang sudah mahir html.
Contoh lainnya yang saya modifikasi :
<HTML>
<HEAD>
<STYLE TYPE="text/css">
I { color : red }
</STYLE>
</HEAD>
<BODY>
P: Mengapa jika kita anggap <I>suatu pekerjaan</I> itu mudah
maka pekerjaan itu akan beneran menjadi<I> lebih mudah</I>?
<P>
J: Karena itu merupakan <I>sugesti</I> terhadap <I>diri kita
sendiri</I>
</BODY>
</HTML>
Saya mengganti huruf “B” dengan huruf “I”, sehingga apa? Sehingga teks yang di beri tag <I> tersebut berubah menjadi ITALIC. Silahkan cek di browser kalau tidak percaya. Bagaimana caranya untuk garis di bawah huruf atau UNDERLINE?
Jika saya ingin kata "suatu pekerjaan" dari contoh di atas menjadi berwarna merah dan ITALIC, terus kata "lebih mudah" kita buat menjadi berwarna hijau dan BOLD, terus untuk menambah kebingungan anda jadikan kata "sugesti" dengan UNDERLINE dan berwarna merah, serta kata "diri kita sendiri" menjadi hijau dan BOLD. Saya ingin tampilan di browser seperti demikian. Bagaimana menurut anda membuat kode HTMLnya? Sulit? Jawabannya “TIDAK!!!” kalau anda bilang “Sulit” berarti You’re Looser!!! Lebih pecundang daripada Squidword yang lagi depresi menghadapi Sponge Bob. :D hahaha... (maaf sedikit ngawur, tapi tidak apa-apa, kan ini tutorial saya. :P).
Coba seperti ini :
<HTML>
<HEAD>
<STYLE TYPE="text/css">
I,U { color: red }
B { color : green }
</STYLE>
</HEAD>
<BODY>
P: Mengapa jika kita anggap <I>suatu pekerjaan</I> itu mudah
maka pekerjaan itu akan beneran menjadi<B> lebih mudah</B>?
<P>
J: Karena itu merupakan <U>sugesti</U> terhadap <B>diri kita
sendiri</B>
</BODY>
</HTML>
Did you see that??!!! I did it! Tanpa harus berpanjang-panjang kode saya bisa melakukan itu semua. Sekarang sudah jelas mengapa saya katakan CSS lebih baik untuk mendisain tampilan webnya?. Jika suatu kali anda bosan dengan warna atau bentuk tulisan pada tampilan situs anda, hanya dengan mengubah dan menambah variasi dari perintah css anda akan mendapatkan tampilan yang lebih menarik bukan? Dan juga benar-benar menghemat waktu.
0 komentar:
Posting Komentar