Tips dan Triks Blog | |
| Belajar CSS HTML | belajar CSS online Posted: 28 Jan 2012 09:00 AM PST Belajar CSS HTML | belajar CSS online --Beberapa hari belakangan ini saya tertarik belajar CSS HTML, gara-gara mas iskaruji dot com, beliau mengarahkan artikel beliau tentang belajar CSS online. Saya meminta beliau mempertanggung jawabkan dari artikel tersebut. Beliau harus bertanggung jawab untuk mengajari saya sampai tuntas. hehe.. Nah, kalau sobat masterendi dot com | tips dan triks blog yang menemukan artikel ini boleh meminta pertanggungjawaban saya juga, tapi dengan satu syarat izinkan saya ajukan banding yaitu untuk hanya berbagi tips dan triks css melalui blog ini saja.kwkwkw.. Intinya tulisan saya hari ini adalah bagaimana caranya belajar CSS secara online, yaitu belajar css online melalui situs www.w3schools.com . Situs ini mengajarkan kita css dan webprogramming seperti PHP, HTML dll, dalam pembelajarannya dilengkapi dengan contoh dan halaman percobaan untuk kita dan enaknya lagi belajarnya gratis. Selamat belajar... | ||||
| Posted: 28 Jan 2012 02:42 AM PST Keasyikan tersendiri bagi saya ketika merombak template. Template yang dirombak adalah template Borneo Sporty yang dibuat oleh Herdiansyah Hamzah. Footer template Borneo Sporty ini ada lima buah, masalahnya adalah saya tidak suka dengan ruang footer yang sempit hanya sekitar 200px, yang saya inginkan adalah sekitar 300px, untuk mewujudkan keinginan itu, saya harus merubah footer dari lima menjadi 3 footer saja dengan ukuran 3x300px.
Pada dasarnya untuk merubah template ini ada 2 konsep yang kita gunakan:
#footer-wrapper{width:950px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px 0} Perhatikan kode warna merah, hapus kode tersebut. Selanjutnya sobat cari kode : #footer1-wrapper,#footer2-wrapper,#footer3-wrapper{width:180px;float:left;margin-right:15px;word-wrap:break-word;overflow:hidden} Perhatikan kode warna biru, rubah angkanya menjadi 300px, untuk pengaturan elemen CSS selesai.
kode footer ke empat : <div id='footer4-wrapper'> Kode footer kelima : <div id='footer5-wrapper'> .............................................................Kalau sudah selesai, preview / pratinjau dulu apakah baik-baik saja, jika sudah oke, SIMPAN TEMPLATE sobat. Jika ada peringatan seperti ini klik HAPUS WIDGET. Semoga berhasil.. Happy template hahaha.. |
| You are subscribed to email updates from Tips dan Triks Blog | Master Endi To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |























