Kumpulan trik dan tips css mywapblog
TRIK DAN TIPS CSS MyWapBlog
1.Cara manipulasi jumlah visitor pada footer
#footer span:before { content:"956"; color:#fff; }
#footer span:after { content:"656"; color:#fff; }
catatan: angkanya silahkan kamu tambah sendiri,.
dan untuk warna silahkan disesuaikan
2.mengecilkan kolom komentar dan pencarian
untuk kolom pencarian
#search_form [type=text] { width:70%; }
#search_form [type=submit] { width:30%; }
untuk kolom komentar
#comments form textarea { width:90%; }
#comments form [type=text] { width:90%; }
catatan: 70% , 30% , 90% ankanya sesuaikan sendiri
3.merubah text yang muncul setelah pengunjung berkommentar
.comment li { content:"teks kamu; }
catatan: teks kamu silahkan anda ganti sendiri sesuai selera
4.memisahkan tanggal dan judul postingan
.post .title small { display:block }
5.menambah ukuran judul blog
#header h1 a { font-size:120px; }
6.membuat tulisan bayangan pada judul blog dan lainya ( text 3d )
#header h1 a { text-shadow:1px 2px 3px white; }
catatan:angka dan warna sesuaikan
7.mengatur blogroll dibawah about me
untuk bagian luar li
#content ol { property:value }
untuk bagian dalam ol
#content li { property:value }
dan untuk warna link
#content li a { property:value }
catatan:property:value sesuaikan sendiri
8.mengembalikan nilai default suatu element saat OVERIDDING
selector { display:inline }
catatan: sebelum mengembalikan, anda harus mengetahui nilai default-nya dan inline hanya contoh
9.cara merubah tampilan recent post berbeda
JUDUL
#post h3 { property:value }
ORDER LIST
.post ol:last-child { property:value }
POST LIST
.post ol:last-child li { property:value }
LINK LIST
.post ol:last-child li a { property:value }
keterangan:
- .post h3 adalah judul atau teks recent post
- Order list adalah kotak luar dari daftar link list
- post list adalah daftar dari link list
- .link list adalah link list itu sendiri
- :last-child digunakan agar dalam pengaturan tersebut tidak mengganggu perubahan pada yang lainnya..
biasanya :firs-child dan :last-child banyak dijumpai pada css theme mwb-touch untuk trik OVERIDDING dari sang master...
penulis : macanstrez
Tidak ada komentar:
Posting Komentar