Otak – Atik CSS Template Bartik Drupal

Bartik merupakan template sederhana dan simple yang biasanya selalu disertakan dalam paket template CMS Drupal. Menurut Saya template bartik ini sudah cukup bagus dan simple, kita juga dapat menyesuaikan tampilan template ini melalui menu “Apperance”, namun tidak semua elemen yang terdapat di template bisa dirubah melalui halaman tersebut, sehingga bila kita ingin merubah bagian – bagian tertentu, maka kita perlu Otak-Atik CSS Template Bartik Drupal.

Perubahan yang saya lakukan terhadap template ini tidak terlalu banyak, diantaranya : 

1. Jarak Logo dengan site name dan slogan
Perubahan ini hanya mengubah jarak antara logo dan sitename yang sebelumnya menurut saya terlalu jauh 

2. Posisi Menu/navigasi dan bentuk menu
Posisi menu saya ubah ke sebelah kanan dan bentuk menu yang tadinya agak sedikit melengkung Saya kurangi lengkungannya
 

3. Penambahan Border Postingan
Sebelumnya template ini tidak ada garis pembatas ataupun border, hanya terdapat garis pembatas bawah pada setiap preview post. Sekarang setelah saya otak atik, template ini jadi memiliki pembatas sisi kanan, kiri, atas dan bawah, baik itu pada saat tampilan preview post atau pada saat di readmore

Pada border juga saya tambahkan warna dengan garis terputus – putus atau disebut “doted” kemudian juga ditambah dengan lengkungan seperti yang saya terapkan pada menu navigasi. Lengkungan dan garis terputus – putus ini tampil hanya pada preview postingan saja 

4. Penambahan Warna Pada Widget

Pada widget saya tambahkan garis bawah dan untuk kontenny saya beri batas kiri, kanan dan bawah dengan warna abu – abu
 

5. Merubah border kolom komentar
Dalam otak atik kali ini juga saya merubah warna/border kolom komentar dengan warna biru 

Teknik yang Saya gunakan dalam melakukan modifikasi CSS Template Drupal ini sama seperti Modifikasi Template WordPress, namun Saya tidak terlalu mengandalkan “Inspect Elemen” firefox karena susunan kode cssnya tidak seperti template wordpress

Anda bisa mendownload CSS/Template Bartik hasil modifikasi ini secara gratis. Mungkin apa yang Saya lakukan ini sangatlah sederhana, tapi Saya harap ini bisa memberikan manfaat. 

----------------------------------------

|DOWNLOAD TEMPLATE BARTIK |

---------------------------------------

PLEASE SHARE

Share it Share it Tweet Share it Pin it

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple