Translate

Selasa, 19 November 2013

Kumpulan Trik dan Tips Css Mywapblog

 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:

  1.   .post h3 adalah judul atau teks recent post
  2.   Order list adalah kotak luar dari daftar link list
  3.   post list adalah daftar dari link list
  4.   .link list adalah link list itu sendiri
  5.   :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: