BELANDAZ™ | Css 3 kolom

~ CSS 3 KOLOM

Pasang ini di bagian paling atas..
<link href= "http://edryc.wapsite.me/v1/deks.css" rel= "stylesheet" type= "text/css" media= "all,handheld" /><link rel= "shortcut icon" href= "http://edryc.wapsite.me/images/pen.png" >
~ HEADER ~
Bagian inibiasa di pakai untuk logo,atau ucapan selamat datang,dll
<div class= "coz" align= "left" ><img src= "http://edryc.wapsite.me/images/09.gif" width= "40%" ><br/><b> silahkan isi di sini dg ucapan apa saja.. <br> dan isi juga di sini tulisanapa saja broth.. Met berkreasi..</b></div>
~ HEADER 2 ~
pasang ini pada tahap ke tiga,isi urlnya dg url home,guestbok,profil,dll
<table width= "100%" cellpadding= "3" cellspacing= "3 " class= "top" ><tr><td width= "16%" valign= "top" ><a href= "Link1" ><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 1</b></div></a></td><td width= "16%" valign= "top" ><a href="" class=""><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 2 </b></div></a></td><td width= "16%" valign= "top" ><a href="" class=""><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 3 </b></div></a></td><td width= "16%" valign= "top" ><a href="" class=""><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 4 </b></div></a></td><td width= "16%" valign= "top" ><a href="" class=""><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 5 </b></div></a></td><td width= "16%" valign= "top" ><a href="" class=""><div class= "coz" align= "center" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "15" ><b> LINK 6 </b></div></a></td></tr></table>
Pasangyg ini pd langkah ke 4

<table width= "100%" cellpadding= "3" cellspacing= "3" ></div>
~ JUDUL MENU pd kolom 1 ~
<td width= "25%" valign= "top" ><div class= "top" style= "padding:5px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> JUDUL MENU</b>
~ MENU 1 di Kolom 1 ~
Silahkan isi dg link dan nama link kamu
<div class= "menu" ><li><a href= "Link1" > Nama menu 1 </a></li></div><div class= "menu" ><li><a href= "Link2" > Nama menu 2 </a></li></div><div class= "menu" ><li><a href= "Link3" > Nama menu 3 </a></li></div><div class= "menu" ><li><a href= "Link4" > Nama menu 4 </a></li></div><div class= "menu" ><li><a href= "Link5" > Nama menu 5 </a></li></div><div class= "menu" ><li><a href= "Link6" > Nama menu 6 </a></li></div><div class= "menu" ><li><a href= "Link7" > Nama menu 7 </a></li></div><div class= "menu" ><li><a href= "Link8" > Nama menu 8 </a></li></div><div class= "menu" ><li><a href= "Link9" > Nama menu 9 </a></li></div><div class= "menu" ><li><a href= "Link10" > Nama menu 10 </a></li></div></div>
~ JUDUL Menu 2 di kolom 1 ~

<div class= "top" style= "padding:5px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> NAMA MENU 2</b>
~ MENU 2 di kolom 1 ~

Isi dg link kamu dan nama menu..
NOTE: Copy script Judul menu dan isi menu pada kolom 1 ini,dan tambahkan di bawahnya untuk membuat menu seterusnya dikolom 1
<div class= "menu" ><li><a href= "http://edryc.wapsite.me" > Wapmaster </a></li></div><div class= "menu" ><li><a href= "Link" > Nama menu 1 </a></li></div><div class= "menu" ><li><a href= "Link1" > Nama menu 2 </a></li></div><div class= "menu" ><li><a href= "Link3" > Nama menu 3 </a></li></div><div class= "menu" ><li><a href= "Link4" > Nama menu 4 </a></li></div><div class= "menu" ><li><a href= "Link5" > Nama menu 5 </a></li></div><div class= "menu" ><li><a href= "Link6" > nama menu 6 </a></li></div>
~ pasang ini sesudah yg diatas isi dg teks kamu~

<hr/><div class= "coz" align= "left" ><li> TEKS KAMU COY </li></div></div>
~ PENUTUP KOLOM 1 ~

<div class= "top" ><div class= "coz" style= "padding:5px;" > Nah di area ini,kamu dapat menaruh,teks,image,anu kamu,atau apalah yang mau kamu taruh di sini.. </div></div><div class= "coz" ><center> TEKS KAMU </div><div class= "top" ><div class= "coz" style= "padding:5px;" > Begitu juga di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,counter,image,gbr,atau apalah yang mau kamu taruh di sini..Jika kurang copy script yg inidan tambahkan di bawahnya </div></div>
~ UCAPAN ~
maaf salah posisi,tapi tak apa ini tempatnya dibawah header 2 isi dg ucapan apa saja
</td><br/><td width= "55%" valign= "top" ><div class= "top" style= "padding:10px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "20" ><font size= "5" > TEKS KAMU </font><hr/><br/><div class= "coz" style= "padding:5px;" ><li><b> Taruh disini teks apa saja</b></li><div style="text-align:left;">Nah di area ini,kamu dapat menaruh unek unek mu.. Misal ucapan selamat menikmati menu seadaanya ini</div><b>Taruh disini teks apa saja</b></a></div><br />
~ KOLOM 2 ~
Isi dg apa saja menu,artikel,teks,cbox atau dg ucapan apa saja
<div class= "top" style= "padding:10px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "20" ><b> Taruh disini teks apa saja</b></li><div style="text-align:left;">Nah di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini..</div><b>Taruh disini teks apa saja</b></a></div><br /><div><img/><b>Taruh disini teks apa saja</b></li><div style="text-align:left;">Nah di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini..</div><b>Taruh disini teks apa saja</b></a></div><br /><div><div>Nah di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,,image,gbr,atau apalahyang mau kamu taruh di sini..</div></div></div></td><br /><div><img/><b>Taruh disini teks apa saja</b></li><div style="text-align:left;">Nah di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini..</div><b>Taruh disini teks apa saja</b></a></div><br />
~ KOLOM 3 ~
Isi Dengan apa saja..
<td width= "20%" valign= "top" ><div class= "top" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> TEKS KAMU</b><hr />PERHATIAN!!<br />Teks di seluruh halaman ini hanyacontoh,kamu bisa mengalih pungsikan sesuai dg ke inginan dan kebutuhan mu<hr/>Jika kamumenemui kesulitan dalam pengeditan silahkan tanyakan langsung.. Hapuslah semua teks dihalaman ini dan gantilah dg menu2 kamu.. Mudah mudahan kamu paham..<div>Nahdi area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini..</div></div><div><img/><b>TEKS KaMU</b><hr /><ul style= "text-align:left;" ><li>Teks di seluruh halaman ini hanya contoh,kamu bisa mengalih pungsikan sesuai dg ke inginan dan kebutuhan mu<hr/>Jika kamumenemui kesulitan dalam pengeditan silahkan tanyakan langsung.. Hapuslah semua teks dihalaman ini dan gantilah dg menu2 kamu.. Mudah mudahan kamu paham..</li></ul></div></td><br />
~ TAMBAHAN ~
Isi di sini dg apa saja sbg pelengkap,misal counter atau toprating
<tr><td width= "30%" align= "top" ><div class= "coz" style= "padding:5px;text-align:left;" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> Teks kamu</b><hr/>Teks kamu atau isi apa saja disini<br />ini hanya contoh teks kamu bisa isi di sini dg apa saja broth</div></td>
~ LAIN Nya ~
Isi dg ucapan atau apa saja
<td width= "40%" align= "top" ><div class= "coz" style= "padding:5px;text-align:center;" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> Isi teks kamu</b><hr/><div style="text-align:left;">Pada bagian ini silahkan di isi dengan ucapan terakhirmu hehehe maksut ku misal:<hr/>Terimakasih atas kunjungan mu di wapsiteku yg sederhana ini..</div></div></td>
~ Tambahan ~
Isi apasaja ya..
<td width= "30%" align= "top" ><div class= "coz" style= "padding:5px;text-align:left;" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><b> TEKS KAMU</b><hr />Letakan apa saja disini yg kamu mau cuy<hr/>di sini juga letakan apa saja,</div></td></tr>
~ PENUTUP HALAMAN ~
Khusus bagian ini,mohon tidak di edit.. Tapi jika kamu tidak suka dg nama saya yg tercantum di situ,yah silahkan di hapus sob.. Saya mah tidak apa2..
<tr><td colspan= "3" align= "center" ><div class= "top" ><div class= "coz" ><b> CopyRight By :EDRYC18 <a href= "http://edryc18.blogspot.com" > ™ </a><br/> © 2011 ~ 2020 <br /> ~ all rights reserved ~ <br /></b>
Kesulitan copy paste satu persatu ??
Silahkan download saja css ini lengkap:

Nama File: Css_3kolom
Type: zip
Ukuran: 8kb

VIEW DEMO|DOWNLOAD

NOTESetelah di download dan di extrack atau setelah di edit,rename file tsb menjadi berakhiran.. .xhtml sbelum di upload ke akun xtgem mu misal index2.xhtml

Created By:
BELANDAZ™ ~ 2011
5 ~ 2574

~ HOME ~

CopyRight By: BELANDAZ™
2011 ~ 2020
Disneyland 1972 Love the old s