× İletişim Formu Blogger Mobil Uyumlu Tablo Tasarımı Arlina Design 6/18/2017 Etiketler : Blogger Tablo Arlina Design <!DOCTYPE html> <html> <head> <title>Kodeks Editör</title> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); body {font-family: 'Fira Sans Condensed', sans-serif;margin: 0 auto 0 auto;} .row {margin-right: 25%;margin-left: 25%;} .post-body table td{background: #444;padding: 5px;border: 1px solid #555;} .apple-table-table-black .table th {padding:10px 10px !important;background-color:#333;color:#fbc560;border-top: 0 !important;border-bottom:1px solid #666 !important;border:1px solid #666;} .apple-table-table-black .table tr:hover {background-color: #333;} .apple-table-table-black .table {background: #444;color: #FFF;} .apple-table-table-black {border:0px;} .apple-table-table-black .table> tbody> tr> td, .apple-table-table-black .table> tbody> tr> th, .apple-table-table-black .table> tfoot> tr> td, .apple-table-table-black .table> tfoot> tr> th, .apple-table-table-black .table> thead> tr> td, .apple-table-table-black .table> thead> tr> th {border-top: 1px solid #555;text-align:center;} </style> </head> <body> <div class="row"> <div class="col-md-4 col-md-offset-4"> <div class="table-responsive apple-table-table-black"> <table class="table"> <thead> <tr> <th width="2%">NO</th> <th>ADI</th> <th>SOY ADI</th> <th>KULLANICI ADI</th></tr> </thead> <tbody> <tr> <td>1 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> <tr> <td>2 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> <tr> <td>3 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> <tr> <td>4 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> <tr> <td>5 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> <tr> <td>6 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> </tbody> </table> </div> </div> </div> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger Mobil Uyumlu Tablo Tasarımı" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger Mobil Uyumlu Tablo Tasarımı Arlina Design 6/18/2017 Etiketler : Blogger Tablo Arlina Design <!DOCTYPE html> <html> <head> <title>Kodeks Editör</title> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); body {font-family: 'Fira Sans Condensed', sans-serif;margin: 0 auto 0 auto;} .row {margin-right: 25%;margin-left: 25%;} .post-body table td{background: #444;padding: 5px;border: 1px solid #555;} .apple-table-table-black .table th {padding:10px 10px !important;background-color:#333;color:#fbc560;border-top: 0 !important;border-bottom:1px solid #666 !important;border:1px solid #666;} .apple-table-table-black .table tr:hover {background-color: #333;} .apple-table-table-black .table {background: #444;color: #FFF;} .apple-table-table-black {border:0px;} .apple-table-table-black .table> tbody> tr> td, .apple-table-table-black .table> tbody> tr> th, .apple-table-table-black .table> tfoot> tr> td, .apple-table-table-black .table> tfoot> tr> th, .apple-table-table-black .table> thead> tr> td, .apple-table-table-black .table> thead> tr> th {border-top: 1px solid #555;text-align:center;} </style> </head> <body> <div class="row"> <div class="col-md-4 col-md-offset-4"> <div class="table-responsive apple-table-table-black"> <table class="table"> <thead> <tr> <th width="2%">NO</th> <th>ADI</th> <th>SOY ADI</th> <th>KULLANICI ADI</th></tr> </thead> <tbody> <tr> <td>1 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> <tr> <td>2 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> <tr> <td>3 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> <tr> <td>4 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> <tr> <td>5 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> <tr> <td>6 -</td> <td>Adınız</td> <td>Soy adınız</td> <td>@kullanıcı</td></tr> </tbody> </table> </div> </div> </div> </body> </html>
Yorum Gönder