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.

Posting Komentar - Back to Content

 
Gunakan Google Chrome Untuk Tampilan Yang Maksimal ^^