Pontianak Web & Open Source

Jasa Buat Website Pontianak. Pontianak Web & Open Source

Drupal: Membuat Tanggal Tampil Seperti Kalender

Rab, 2011-05-18 00:00 -- mbahlol

Catatan kali ini mengubah field tanggal yang berupa field teks standar menjadi lebih enak dilihat seperti tampilan kalender.

 

 

Buka file template.php, cari fungsi garden_preprocess_node jika tidak ada buat saja.

function myzen_preprocess_node(&$vars) {

$vars['bulan'] = format_date($vars['node']->created, 'custom', 'M');

$vars['tanggal'] = format_date($vars['node']->created, 'custom', 'j');

$vars['tahun'] = format_date($vars['node']->created,'custom', 'Y');

}

Save file dan exit editor.

 

Tahapan berikutnya menambahkan variable baru kedalam file node.tpl.php.

<div id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix">

<div class="kalender">

<span class="bulan"><?php print $bulan;?></span>

<span class="tanggal"><?php print $tanggal;?></span>

<span class="tahun"><?php print $tahun;?></span>

</div>

 

Save file dan hasilnya seperti dibawah

Drupal Theming

 

Tambah CSS di file nodes.css

 

.node .kalender {

float: left;

margin: 2.5em 1em 1em 0;

color: #FFF;

font-variant: small-caps;

}

.node .kalender span {

display: block;

padding: 0 4px;

text-align: center;

background-color: #3399CC;

}

.node .kalender .tanggal {

background-color: #EEE;

color: #000;

font-weight: bold;

}

Save dan exit editor. Clear theme registry untuk melihat hasilnya.

Drupal Theming

 

Sumber: Drupal 6 Theming Cookbook

Kategori Blog: