Assalamualaikum....Salam sejahtera buat kita semua :)
Mohon petunjuk dari master Drupal disini :) gimana ya, cara mengubah themes atau style block views yang baik benar dan lengkap?
sebelumnya saya ucapkan terimakasih :)
[ask] Theming Views
Tue, 20 Jul 2010 - 20:46
#2
Alternatif : Menggunakan Skinr Module + Fusion Theme
Kalau saya gak salah tangkap, permasalahannya ingin meng-customise style dari suatu block ya bos ? Berdasarkan pengalaman saya, saya lebih suka menggunakan Module Skinr + Fusion Theme, sebagai contoh dapat menggunakan theme Acquia Marina ver. 3.x, kenapa ver 3.x ?, karena ver 3.x sudah mendukung Skinr dan Fusion sebagai base themenya. Nah, salah satu kelebihannya adalah bisa menerapkan style yg berbeda-beda untuk block, silahkan deh dicoba, style bawaannya ada banyak dan bisa dicoba-coba untuk experimen.
Nah, kalau mau menambahkan style dari yg sudah ada, gampang kok. Contoh: untuk theme Acquia Marina 3.x :
- Edit file acquia_marina.info di direktori theme/acquia_marina.
- Perhatikan pada bagian Marina general styles, kalau ga salah disitu cuman terdapat 1 contoh style yaitu Rounded corners. Setiap style didefinisikan dalam 2 baris. Baris pertama mendefinisikan label, dan yg kedua mendefinisikan class nya.
- Tambahkan style baru dengan mengikuti format style Rounded Corners, misal: labelnya : Orange Box, class nya: orange-box.
- Berikutnya definisikan class yg barusan anda tambahkan (orange-box) ke dalam file css yg digunakan oleh theme, dalam hal ini kalau anda menggunakan Acquia Marina file css nya adalah local.css yg terletak di dalam folder css.
- Contoh : .orange-box .inner {
padding: 10px;
margin: 5px 10px;
border: 2px solid #f7941d;
} - Sampai disini, style yg kita definisikan tadi udah bisa digunakan dalam block, tinggal pilih configure pada block yg ingin di style terus centang pilihan Orange Box, maka box akan memiliki style dengan border 2 piksel berwarna orange.
Silahkan dicoba. Sebenarnya masih ada cara lain, spt menggunakan modul BlockTheme, dsb, tetapi berdasarkan pengalaman buat saya kayaknya lebih enak menggunakan theme yg mendukung Skinr + Fusion.
Cuman share aja, semoga bermanfaat. Mohon masukan juga dari para suhu dan master Drupal disini.
Tue, 20 Jul 2010 - 21:05
#3
Block Views Theme
Disini saya tambahkan, style menggunakan Skinr + Fusion juga bisa diguanakan untuk men-style Block bikinan dari modul Views kalau ini yg anda maksudkan dengan block views.
Sebenarnya kalau untuk block hasil bikinan dari modul views lebih enak lagi, karena kita bisa menentukan sendiri template dari block yg akan dihasilkan dari views dengan membuat file *.tpl.php, misalnya views-view-fields--berita--block.tpl.php pada folder views didalam folder theme yg kita gunakan.
Contoh isi file views-view-fields--berita--block.tpl.php :
<div id="Teaser_On_Headline">
<div class="section">
<div class="thumbnail">
<a href="?q=/node/<?php print $fields['nid']->content; ?>"><img src="<?php print $fields['field_thumbnail_imceimage_path']->raw; ?>" border="0 " width="86" height="64" alt="<?php print $fields['title']->content; ?>" /></a>
</div>
<div class="description">
<h6>Kategori Berita</h6>
<h4><a href="?q=/node/<?php print $fields['nid']->content; ?>"><?php print $fields['title']->content; ?></a></h4>
<?php print "<h5>". $fields['created']->content . " | " . $fields['field_sumber_value']->content ."</h5>"; ?>
</div>
<div class="sectionClose"></div>
</div>
</div>
Tinggal kita definikan id dan class nya di file css. Contoh hasilnya dapat dilihat www.babelprov.go.id pada bagian teaser berita.
Sekian dulu tambahannya, masukan dari suhu dan master amat dinantikan, semoga membantu.
Tue, 20 Jul 2010 - 22:54
#5
Maap kalo OOT, mumpung sedang
Maap kalo OOT, mumpung sedang bahas layout n themes
@Ermanix
Kalo seumpama buat themes-nya dari program Artisteer gimana bang?
Bukannya itu lebih mudah customize-nya?
Ato ntar bakal terkendala kalo kita suka otak atik template web (theme)
Wed, 21 Jul 2010 - 11:19
#6
Bisa aja
Saya belum coba Artisteer (sedang download) nanti akan saya coba, menurut saya Artisteer program yg digunakan untuk membuat theme secara keseluruhan, bukan cuman untuk block. Keinginnan yg biasa muncul saat kita menggunakan Drupal adalah untuk memiliki tampilan Block yg berbeda-beda, karena bawaan dari Drupal nya sendiri style untuk block semuanya sama, nah saat itulah saya mencari gimana caranya agar block dapat di set agar bisa menggunakan style (melalui css) yang dinamis. Penggunaan Modul Skinr dan Fusion base theme justru menuntut kita untuk membuat style sendiri, karena beberapa style yg ada hanya merupakan contoh. Seperti Acquia Marina ver 3.x yg mendukung Skinr, block bisa kita configure dengan bermacam model etc: list, menu, border, icon, dll, dan kalau ingin berkreasi lagi silahkan di tambahkan dan penambahan ini halal kok hukumnya.
Terkait dengan program Artistee, nanti akan saya coba, kemungkinan bisa disain stylenya menggunakan Artisteer terus penerapannya menggunakan Skinr dan Fusion kayaknya akan lebih sip.
Mudah dalam Disain dan mudah dan fleksibel/dinamis dalam penerapannya.
Sekian, semoga membantu. Trima kasih info Artisteernya.
Tue, 31 May 2011 - 11:50
#7
maaf sya masih kurang
maaf sya masih kurang mengerti????
membuat theme/background di block???
Bisa di jelaskan lagi???
pernah juga coba tutorial block theme tapi masih tetap gagal...
moohoon petunjuknya dr para ahli...
Tue, 15 Nov 2011 - 09:06
#8
bagai mana variable theme di row syle
terimakasih atas penjelasan yang cukup lengkap, akan langsung di coba, mudah-mudahan berhasil :)