Cara Membuat Tabel Full Color Black

March 24, 2015

HueHueHuee ~ ini Konbawa atau Ohayou yah :v
Soalnya udah jam 1 Pagi :v Berarti Ohayou Minna-san ^^
Admin Kece , Sebelum Bobo mau Ngeshare dlu :v
Tutorial Kali ini adalah
CARA MEMBUAT TABEL FULL COLOR

Silahkan Liat DEMO ya

DEMO



NamaTipe Download
Absolute Duo

"Absolute Soul" by Konomi SuzukiOPMP3
Single
"BelieveXBelieve" by Nozomi YamamotoED1MP3
Single
"Apple Tea no Aji" by Nozomi Yamamoto and Haruka YamazakiED2MP3
"2/2 by Ayaka Imamura and Ayaka SuwaED3MP3
Akatsuki no Yona

"Akatsuki no Hana " by CyntiaOPMP3
Single
"Yoru" by vistlipEDSingle
Aldonah.Zero 2

"&Z" by SawanoHiroyuki[nZk]OPMP3
Single


Langsung saja, Silahkan Ikuti Cara Dibawah ini ~
Kali ini Agak Simple gan ~ Karna Kalau Agan Mau naruh di EDIT HTML bisa , atau Bisa juga ditaruh ke Post / Page anda langsung ~
Yaudah Kalau ingin Menaruh di EDIT HTML , Silahkan Letakkan CSS Dibawah ini diatas </style> / </b:skin>

 table[border="1"] {
  border-collapse: collapse;
  font: normal normal 11px Arial,Sans-Serif;
  color: #ccc;
  -webkit-box-shadow: 0 1px 3px black;
  -moz-box-shadow: 0 1px 3px black;
  box-shadow: 0 1px 3px black;
}
table[border="1"] tr {
  background-color: #222;
}
table[border="1"] th {
  background-color: #555;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666',endColorstr='#555');
  background-image: -webkit-gradient(linear,left top,left bottom,from(#666),to(#555));
  background-image: -webkit-linear-gradient(top,#666,#555);
  background-image: -moz-linear-gradient(top,#666,#555);
  background-image: -ms-linear-gradient(top,#666,#555);
  background-image: -o-linear-gradient(top,#666,#555);
  background-image: linear-gradient(top,#666,#555);
  color: black;
  font-size: 12px;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
  font-weight: bold;
}
table[border="1"] th, table[border="1"] td {
  vertical-align: top;
  padding: 5px 10px;
  border: 1px solid #3c3c3c;
}
table[border="1"] td:nth-child(even) {
  background-color: #1c1c1c;
}

Lalu Letakkan HTML ya di Page / Post anda 
 <table border="1" style="height: 1px; width: 100%;"><tbody>
<tr><th style="text-align: center;" valign="top"><span style="font-size: small;">Nama</span>
</th><th style="text-align: center;" valign="top">Tipe
</th><th style="text-align: center;" valign="top">Download
</th></tr>
<tr><td><b><span style="color: #6fa8dc;">Absolute Duo</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"Absolute Soul" by Konomi Suzuki</td><td style="text-align: center;">OP</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-konomi-suzuki-absolute-soul,220274,list,1,2.mp3" target="_blank">MP3</a><br />
<a href="http://www.mirrorcreator.com/files/ST1O90JR/_Tiramisubs_AbsoluteD_OP.zip_links" target="_blank">Single</a></td></tr>
<tr><td>"Believe&#129;XBelieve" by Nozomi Yamamoto</td><td style="text-align: center;">ED1</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-nozomi-yamamoto-believexbelieve,220279,list,1,2.mp3" target="_blank">MP3</a><br />
<a href="http://www.mirrorcreator.com/files/SWVXQF3V/_Tiramisubs_AbsoluteD_ED.zip_links" target="_blank">Single</a></td></tr>
<tr><td>"Apple Tea no Aji" by Nozomi Yamamoto and Haruka Yamazaki</td><td style="text-align: center;">ED2</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-nozomi-yamamoto-x-haruka-yamazaki-apple-tea-no-aji,220277,list,1,2.mp3" target="_blank">MP3</a></td></tr>
<tr><td>"2/2&#129;&#141; by Ayaka Imamura and Ayaka Suwa</td><td style="text-align: center;">ED3</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-ayaka-imamura-and-ayaka-suwa-22,220278,list,1,2.mp3" target="_blank">MP3</a></td></tr>
<tr><td><b><span style="color: #6fa8dc;">Akatsuki no Yona</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"Akatsuki no Hana " by Cyntia</td><td style="text-align: center;">OP</td><td style="text-align: center;"><span style="text-align: start;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-cyntia-akatsuki-no-hana,229210,gallery,1,1.mp3" target="_blank">MP3</a><br /><a href="http://www.mirrorcreator.com/files/1BT7TMMG/" target="_blank">Single</a></span></td></tr>
<tr><td>"Yoru" by vistlip</td><td style="text-align: center;">ED</td><td style="text-align: center;"><a href="http://www.mirrorcreator.com/files/1FSAJLFI/_Tiramisubs_Akatsuki_no_Yona_ED_Single.zip_links" target="_blank">Single</a></td></tr>
<tr><td><b><span style="color: #6fa8dc;">Aldonah.Zero 2</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"&amp;Z" by SawanoHiroyuki[nZk]</td><td style="text-align: center;">OP</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-sawano-hiroyukinzk-z,191235,gallery,1,1.mp3" target="_blank"><span style="text-align: start;">MP3</span></a><br />
<span style="text-align: start;"><a href="http://mir.cr/0HXARNON" target="_blank">Single </a></span></td></tr>
</tbody></table>
</div>
<!-- Akhir Tab -->
<!-- BATAS AKHIR -->

Nah itu, kalau Mau Naruh ke EDIT HTML ya :v
Kalau mau Naruh di Page Langsung :3 Masukkan saja Kode dibawah ini di Post / Page anda 

<style>
table[border="1"] {
  border-collapse: collapse;
  font: normal normal 11px Arial,Sans-Serif;
  color: #ccc;
  -webkit-box-shadow: 0 1px 3px black;
  -moz-box-shadow: 0 1px 3px black;
  box-shadow: 0 1px 3px black;
}
table[border="1"] tr {
  background-color: #222;
}
table[border="1"] th {
  background-color: #555;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666',endColorstr='#555');
  background-image: -webkit-gradient(linear,left top,left bottom,from(#666),to(#555));
  background-image: -webkit-linear-gradient(top,#666,#555);
  background-image: -moz-linear-gradient(top,#666,#555);
  background-image: -ms-linear-gradient(top,#666,#555);
  background-image: -o-linear-gradient(top,#666,#555);
  background-image: linear-gradient(top,#666,#555);
  color: black;
  font-size: 12px;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
  font-weight: bold;
}
table[border="1"] th, table[border="1"] td {
  vertical-align: top;
  padding: 5px 10px;
  border: 1px solid #3c3c3c;
}
table[border="1"] td:nth-child(even) {
  background-color: #1c1c1c;
}
</style>
<table border="1" style="height: 1px; width: 100%;"><tbody>
<tr><th style="text-align: center;" valign="top"><span style="font-size: small;">Nama</span>
</th><th style="text-align: center;" valign="top">Tipe
</th><th style="text-align: center;" valign="top">Download
</th></tr>
<tr><td><b><span style="color: #6fa8dc;">Absolute Duo</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"Absolute Soul" by Konomi Suzuki</td><td style="text-align: center;">OP</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-konomi-suzuki-absolute-soul,220274,list,1,2.mp3" target="_blank">MP3</a><br />
<a href="http://www.mirrorcreator.com/files/ST1O90JR/_Tiramisubs_AbsoluteD_OP.zip_links" target="_blank">Single</a></td></tr>
<tr><td>"Believe&#129;XBelieve" by Nozomi Yamamoto</td><td style="text-align: center;">ED1</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-nozomi-yamamoto-believexbelieve,220279,list,1,2.mp3" target="_blank">MP3</a><br />
<a href="http://www.mirrorcreator.com/files/SWVXQF3V/_Tiramisubs_AbsoluteD_ED.zip_links" target="_blank">Single</a></td></tr>
<tr><td>"Apple Tea no Aji" by Nozomi Yamamoto and Haruka Yamazaki</td><td style="text-align: center;">ED2</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-nozomi-yamamoto-x-haruka-yamazaki-apple-tea-no-aji,220277,list,1,2.mp3" target="_blank">MP3</a></td></tr>
<tr><td>"2/2&#129;&#141; by Ayaka Imamura and Ayaka Suwa</td><td style="text-align: center;">ED3</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-ayaka-imamura-and-ayaka-suwa-22,220278,list,1,2.mp3" target="_blank">MP3</a></td></tr>
<tr><td><b><span style="color: #6fa8dc;">Akatsuki no Yona</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"Akatsuki no Hana " by Cyntia</td><td style="text-align: center;">OP</td><td style="text-align: center;"><span style="text-align: start;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-cyntia-akatsuki-no-hana,229210,gallery,1,1.mp3" target="_blank">MP3</a><br /><a href="http://www.mirrorcreator.com/files/1BT7TMMG/" target="_blank">Single</a></span></td></tr>
<tr><td>"Yoru" by vistlip</td><td style="text-align: center;">ED</td><td style="text-align: center;"><a href="http://www.mirrorcreator.com/files/1FSAJLFI/_Tiramisubs_Akatsuki_no_Yona_ED_Single.zip_links" target="_blank">Single</a></td></tr>
<tr><td><b><span style="color: #6fa8dc;">Aldonah.Zero 2</span></b></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"&amp;Z" by SawanoHiroyuki[nZk]</td><td style="text-align: center;">OP</td><td style="text-align: center;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-sawano-hiroyukinzk-z,191235,gallery,1,1.mp3" target="_blank"><span style="text-align: start;">MP3</span></a><br />
<span style="text-align: start;"><a href="http://mir.cr/0HXARNON" target="_blank">Single </a></span></td></tr>
<tr><td>"GENESIS" by Eir Aoi&nbsp;</td><td style="text-align: center;">ED</td><td style="text-align: center;"><span style="text-align: start;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-eir-aoi-genesis,220084,list,1,2.mp3" target="_blank">MP3</a><br /><a href="http://www.mirrorcreator.com/files/0BCAQRBX/_Tiramisubs_AZ_ED3.zip_links" target="_blank">Single</a></span></td></tr>
<tr><td><span style="color: #6fa8dc;"><b>Ansatsu Kyoushitsu /&nbsp;Assassination Classroom</b></span></td><td style="text-align: center;"><br /></td><td style="text-align: center;"><br /></td></tr>
<tr><td>"Seishun Satsubatsuron" by 3-nen E-Gumi Utatan&nbsp;</td><td style="text-align: center;">OP</td><td style="text-align: center;"><span style="text-align: start;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-3-nen-e-gumi-utatan-seishun-satsubatsuron,229198,list,1,1.mp3" target="_blank">MP3</a></span><br />
<span style="text-align: start;"><a href="http://www.mirrorcreator.com/files/17QJIWKD/_Tiramisubs_Ansatsu_OP.zip_links" target="_blank">Single</a></span></td></tr>
<tr><td>"Hello, shooting-star" by moumoon</td><td style="text-align: center;">ED</td><td style="text-align: center;"><span style="text-align: start;"><a href="http://kumpulbagi.com/ifanz/anime-ost-27547/tiramisubs-moumoon-hello-shooting-star,197860,gallery,1,1.mp3" target="_blank">MP3</a></span><br />
<a href="http://www.mirrorcreator.com/files/DMQY9TOV/_Tiramisubs_AC_ED_0.zip_links" target="_blank">Single</a></td></tr>
</tbody></table>
</div>
<!-- Akhir Tab -->
<!-- BATAS AKHIR -->

Nah Segitu saja ya :v
Mimin Mau bobo dulu :v
Jika ada masalah silahkan Komentar dibawahnya ~


Pengunjung yang baik pasti akan meninggalkan Komentar,
Biarpun itu hanya Pertamax! / Sankyuu

No comments

Subscribe to: Post Comments ( Atom )