Magazine Style Drop Caps

Huruf diawal ini yang lebih besar dari huruf yang lain seperti majalah dan koran aku dapat informasi trick ini dari sini.

Sebelumnya Hans bilang dia dapet info trick ini dari mandarin design.

Untuk membuatnya gampang kok tinggal menuliskan huruf pertama yang dimaksud diantara <span>-tags. Tapi sebelumnya harus menambahkan terlebih dahulu kode CSS berikut ini kedalam template:

.dropcaps { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }

letakkan kode diatas didalam template diantara <style> dan </style>, tapi untuk lebih memudahkan letakan persis sebelum </style>, kemudian save template.

Setelah itu waktu kita mau posting huruf pertama yang akan kita perbesar, kita sisipkan kedalam <span>-tags, contohnya seperti ini:

<span class="dropcaps">H</span>

Mengenai warna dan ukuran dapat diubah sesuai selera pada kode CSS yang dimasukan di dalam template tadi.

Good Luck, Selamat Mencoba.

Read More...

Summary only...