Salam sejahtera selalu buat Mojang dan Bujang, langsung aja share posting Go Blog Go akan memuat tentang Tabel Konversi NilaiTabel Konversi. Agak susah juga cari judul-nya jadi suka-suka Saya aja hehehe .... gini maksud-nya, mungkin selama ini jarang para Blogger memberikan Tabel Konversi ini, kelihatan-nya sepele padahal berdampak sangat besar dalam dunia WebBlog. kalau kita menemukan Script CSS seperti ini :
Contoh - 1
h2 { margin:1.5em 0 .75em; font:$headerfont; line-height:1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; }Contoh - 2
.post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; }Dalam Script CSS Contoh 1 ditemukan : letter-spacing : .2em; dan line-height : 1.4em; atau pada contoh 2 ditemukan : font-size : 140%; nah kode em dan % inilah yang kunci utama ada-nya Tabel Konversi nilai ini, sekarang Saya mau tanya sama Mojang dan Bujang apa tau kalau di Konversikan berapa nilai .2em dan 1.4em atau nilai font 140 % dibuat menjadi Nilai Point,Pixel atau Persen dan juga semua kebalikan-nya ...... sebelum ada Tabel Konversi ini lho? Saya yakin tidak akan tau yang jelas hanya dikira-kira saja (feeling ... kali hehehe). Tapi sekarang Saya akan mempermudah-nya buat Mojang dan Bujang hanya tinggal melihat Tabel Konversi Nilai.
TABEL KONVERSI NILAI POINT-PIXEL-Em-PERCENT | |||
---|---|---|---|
Point | Pixel | Em | Percent |
6pt | 8px | 0.5em | 50% |
7pt | 9px | 0.55em | 55% |
7.5pt | 10px | 0.625em | 62.5% |
8pt | 11px | 0.7em | 70% |
9pt | 12px | 0.75em | 75% |
10pt | 13px | 0.8em | 80% |
10.5pt | 14px | 0.875em | 87.5% |
11pt | 15px | 0.95em | 95% |
12pt | 16px | 1em | 100% |
13pt | 17px | 1.05em | 105% |
13.5pt | 18px | 1.125em | 112.5% |
14pt | 19px | 1.2m | 120% |
14.5pt | 20px | 1.25em | 125% |
15pt | 21px | 1.3em | 130% |
16pt | 22px | 1.4em | 140% |
17pt | 23px | 1.45em | 145% |
18pt | 24px | 1.5em | 150% |
20pt | 26px | 1.6em | 160% |
22pt | 29px | 1.8em | 180% |
24pt | 32px | 2em | 200% |
26pt | 35px | 2.2em | 220% |
27pt | 36px | 2.25em | 225% |
28pt | 37px | 2.3em | 230% |
29pt | 38px | 2.35em | 235% |
30pt | 40px | 2.45em | 245% |
32pt | 42px | 2.55em | 255% |
34pt | 45px | 2.75em | 275% |
36pt | 48px | 3em | 300% |
Semoga share posting ini akan membawa manfaat buat Mojang dan Bujang, khusus-nya dunia WebBlog. Kreatifitas selalu menanti didepan mata ...... !!! Go Blog Bo ....!!! Amiin
Wassalam,
0 comments:
Post a Comment
Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>
NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar