Minggu, 23 Desember 2012

Cara Membuat Artikel Bergaya Koran / Majalah


Pada saat Anda membaca sebuah koran atau majalah, tulisan yang ada didalamnya pasti akan terbagi menjadi beberapa kolom. Tentunya pembagian tulisan dalam beberapa kolom itu bisa juga diterapkan pada penulisan artikel di web/blog kesayangan Anda. Contoh tulisan kali ini akan terbagi menjadi 3 kolom. Selanjutnya Anda bisa melakukan perubahan jumlah kolom sesuai dengan selera masing-masing. Simak caranya dibawah ini:

Gunakan kode di bawah pada editor HTML web/blog Anda

<style type="text/css">
.koran
{
margin: 2px;
padding: 12px;
border-style:dashed;
border-width:1px;
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari dan Chrome */
column-count:3;

-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari dan Chrome */
column-gap:40px;
}
</style>
<div class="koran">TULISAN 3 KOLOM ANDA DI SINI</div>


*Keterangan dari kode-kode di atas:
margin = jarak tepi antara halaman dan tulisan.
padding = jarak tepi antara garis dan tulisan.
border-style = model garis tepi.
border-width = lebar garis tepi.
-moz-column-count = penerapan jumlah kolom di browser Firefox.
-webkit-column-count = penerapan jumlah kolom di browser Safari dan Chrome.
column-count = jumlah kolom.
-moz-column-gap = jarak antara kolom untuk browser Firefox.
-webkit-column-gap = jarak antara kolom untuk browser Safari dan Chrome.
column-gap = jarak antara kolom.

Selanjutnya silakan Anda kreasikan sesuai dengan keinginan masing-masing.

1 komentar:

  1. Situs Judi Slot Online Gacor, Agen Casino Online - Agen Casino
    Casino 벳 삼육오 online terpercaya adalah 바카라 게임 provider judi 힘숨찐챌린지 slot online terbaik, serta casino online 카지 dan judi bola dengan 포커스트레이트 deposit pulsa.

    BalasHapus