Archive for category html

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&#8217;).

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

Leave a comment

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/

Leave a comment

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;
}

Leave a comment

Design a site like this with WordPress.com
Get started