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 :
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
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
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
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 |
---------------------------------------
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
Waduh mas...saya nggak punya website CMS Drupal, apalagi saya belum paham tentang CMS Drupal
ReplyDeleteTapi ini bagus buat tambah-tambah ilmu tentang Drupal
lah wong saya aja baru belajar...
Deletekenapa oh kenapa gue nggak ketemu lo dari dulu,
ReplyDeletekan lumayan bisa bantuin gue ngerjain tugas program kuliah..
bahahhahakkk...
pede banget gue yak.
emang udah gini dari orok.
maklumin ajah.
emangnya apa hubungannya tugas kuliah sama template drupal mba ?? hihihi
Delete