Gonta Ganti Layout Otomatis Jomla

Yang menginginkan layout web Joomla! nya berganti2 sesuai dengan waktu, berikut ini tips dan triknya:

1. Pertama2 tentu saja buat beberapa layout, definisikan di css files, semisal: pagibuta.css, subuh.css, pagi.css, pagi2.css, siang.css, sore.css, malem.css. Simpan files2 css ini di /templates/template_anda/css
2. Setelah itu, buka index.php dari template anda.
3. Sisipkan code berikut ini sebelum tag :

<SCRIPT LANGUAGE="JavaScript"> <br /><!-- Begin function getCSS() <br />{ <br />hariini = new Date(); <br />waktu = hariini.getTime(); <br />hariini.setTime(waktu); <br />jam = hariini.getHours(); <br /> <br />if (jam > 20) <br /> display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/malam.css"; <br />else if (jam > 17) <br /> display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/sore.css"; <br />else if (jam > 14) <br /> display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/siang.css"; <br />else if (jam > 11) <br /> display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/pagi2.css"; <br />else if (jam > 7) <br /> display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/pagi.css"; <br />else if (jam > 4) <br /> display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/subuh.css"; <br />else if (jam > 1) <br /> display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/pagibuta.css"; <br />else <br /> display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/red.css"; <br /> <br />var css = '<'; css+='link rel="stylesheet" href=' + display + ' \/'; css+='>'; <br /> <br />document.write(css); <br />// End --> <br />} <br /></script> <br /><script language="javascript">getCSS();</script> <br /><noscript> <br /><link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/siang.css" type="text/css"> <br /></noscript>

 

Keterangan tambahan:

Script di antara adalah untuk memanggil css default, apabila fungsi js di disabled di browser.

Scripts diatas untuk template Joomla! 1.5.

Untuk template Joomla! 1.0.x tinggal rubah:

baseurl ?>/templates/template ?>/css/

menjadi:

/templates/getTemplate(); ?>/css

Tentu saja di css bisa di definisikan background template juga. Jadi script diatas juga bisa dipakai untuk yang menginginkan background berbeda2 tergantung waktu.

Selamat mencoba!

Written by keeriann "jomla indonesia"