EDRYC18™ | Css 3 kolom

Thank you for visiting http://100x.jw.lt and please visit Indonesia social networking sites ClickerZ http://click.w4.lt
edryc

Translate this page !

Anda Suka ?

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= "Link2" ><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= "Link3" ><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= "Link 4" ><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= "Link5" ><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= "Link6" ><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" ></p>
~ 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><p style= "text-align:left;text-indent:20px;margin:1px;padding:2px;" > Nah di area ini,kamu dapat menaruh unek unek mu.. Misal ucapan selamat menikmati menu seadaanya ini </p><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><p style= "text-align:left;text-indent:20px;margin:1px;padding:2px;" > Nah di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini.. </p><b> Taruh disini teks apa saja </b></a></div><br /><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><p style= "text-align:left;text-indent:20px;margin:1px;padding:2px;" > Nah di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini.. </p><b> Taruh disini teks apa saja </b></a></div><br /><div class= "top" ><div class= "coz" > 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 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><p style= "text-align:left;text-indent:20px;margin:1px;padding:2px;" > Nah di area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini.. </p><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 class= "coz" > Nahdi area ini,kamu dapat menaruh unek unek mu.. Bisa menu,cbox,image,gbr,atau apalahyang mau kamu taruh di sini.. </div></div><div class= "top" style= "padding:5px;" align= "left" ><img src= "http://edryc.wapsite.me/images/ikon.png" width= "17" ><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/><p style= "text-align:left;text-indent:20px;" > Pada bagian ini silahkan di isi dengan ucapan terakhirmu hehehe maksut ku misal: <hr/> Terimakasih atas kunjungan mu di wapsiteku yg sederhana ini.. </p></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

NOTE Setelah 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

Navigation :
About | Translate | Contact

Log in