24 Sep 2013

Modifikasi Blockquote untuk cms Formulasi

Tips kali ini saya akan mencoba memodifikasi blockquote bagi penggemar setia cmsF (CMS Formulasi).  Pada kesempatan ini saya beranggapan bahwa anda sudah mengetahui apa itu blockquote, sehingga tak perlu lagi ditulis disini.  Kalau yang belum tahu silahkan belajar dulu sama mbah gugel.
blockquote cmsF

Sebelumnya kita harus merencanakan dulu mau blockquote yang seperti apa hasilnya nanti.  Sebagai percobaan, saya akan menciptakan blockquote dengan model sebagai berikut:
  • Berbingkai garis setebal 1px mengelilingi teks, dan hanya garis sebelah kiri saja yang tebal.
  • Berbackground semi abu-abu.
  • Model teks miring, dengan size-nya 11px
Langkah-langkahnya adalah sebagai berikut:
1.    Buka file style.css  , tempatnya di DOMAIN_ANDA/file/tema/NAMA_TEMA/css/style.css
2.    Tambahkan kode berikut ini:
#lebar blockquote {
background:#f8f8f8; border-left:7px solid #d1d1d1;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;margin:0 0 0 7px;padding:0px 10px;font-style:italic;font-size:11px}
3.    Cara menambahkan kode tadi adalah setelah tanda kurung kurawal penutup
4.    Simpan pekerjaan anda dan nikmati hasilnya.

2 komentar:

  1. Izin nanya ya,
    Diletakkan di bagian apanya, terus menggunakannya bagaimana ? agar hasilya bisa dinikmati.

    BalasHapus
    Balasan
    1. tinggal diletakkan di deretan source code pada file style.css

      Hapus