Archive for category css
Menentukan Jenis Font dengan CSS3
sekarang kita bisa menentukan jenis font sesuka hati kita di web dengan bantuan CSS3. Cara kerjanya, font tersebut kita upload ke hosting atau server kita, kemudian dengan kode CSS3 @font-face kita bisa mendefinisikan nama font family kita dan sumber file fontnya
Kode CSS3 untuk menentukan jenis font:
<style>
@font-face{font-family: myfont; src: url('folderpath/Legion_Slab.ttf');}
#konten{font-family:myfont;font-size: 15pt;}
</style>
<div id="konten">
Tulisan ini menggunakan font: Legion_Slab.ttf<br>
Hai apa kabar, selamat datang di website codingwear,<br>
Di sini kita akan belajar bersama mengenai CSS, Javascript, PHP
</div>
Pada properti @font-face , pertama kita definisikan nama font family kita, misalnya saya kasih nama fontsaya, nama font family ini sesuka hati kita.
Setalah itu kita definisikan sumber filenya, jika anda mengupload file font di server yang berbeda, kita bisa menulisnya menjadi seperti: src: url(‘http://www.desrizal.com/css3/Legion_Slab.ttf’).
Setelah kita definisikan nama font family dan sumber file font-nya di @font-face. saatnya kita atur elemen website kita, seperti kode CSS biasa menggunakan font-family.
source: http://blog.codingwear.com
css transparent background
background: rgba(22, 69, 123, 0.9)
untuk Internet Explorer browser bisa menggunakan:
RGBa CSS Generator for Internet Explorer
link: http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/
full background page with css
body {
background-image:url(imagepath/bg01.jpg);
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
}