Mengganti layout website Joomla! berdasarkan waktu

Tip Dan Trik
keeriann, Monday, 03 December 2007 15:16

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 </head>:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin function getCSS()
{
hariini = new Date();
waktu = hariini.getTime();
hariini.setTime(waktu);
jam = hariini.getHours();

if (jam > 20)
 display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/malam.css";
else if (jam > 17)
 display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/sore.css";
else if (jam > 14)
 display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/siang.css";
else if (jam > 11)
 display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/pagi2.css";
else if (jam > 7)
 display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/pagi.css";
else if (jam > 4)
 display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/subuh.css";
else if (jam > 1)
 display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/pagibuta.css";
else
 display = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/red.css";

var css = '<';  css+='link rel="stylesheet" href=' + display + ' \/';  css+='>';

document.write(css);
// End -->
}
</script>
<script language="javascript">getCSS();</script>
<noscript>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>/siang.css" type="text/css">
</noscript>

Script di antara <noscript></noscript> 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:

<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $primary; ?>

menjadi:

<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->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!

Comments

emmhhhh bringmelive 2007-12-04 09:29:07 mantab euy patut di coba

GooD JoB Bro.. wau^wau 2007-12-05 06:42:07 GooD JoB Bro.. q coba y !!!

apa g bahaya ganti layout ketekmenek 2007-12-12 19:21:55 dulu saya pernah ganti template dari blog free-zing.blogspot.com dan terjadi masalah, yaitu posting yang dulu terindex di google, sekartang tidak lagi. harus mulai dari nol lagi

berdasarkan hari Diwa 2007-12-18 01:08:20 Kalo berdasarkan hari gimana? mana yang perlu diganti? jadi dalam seminggu background bisa gonta ganti setiap hari

Coba dulu ah... wisnudfx 2007-12-27 02:39:59 Makasih bos atas ilmunya....

kalo berdasarkan menu edhiemaz 2008-02-04 17:37:14 kalo berdasarkan menu caranya gimana mas? maksudnya kalo menu blog, themesnya ijo, kalo forum=merah, kalo laenya=biru gitu

Siiiip dech,,,, udin 2008-02-06 12:01:57 Siiiip dech,,,,gue demen banget dengan idex,gonta ganti itu emang bguz bnget spy ga Monotone.Thank you atas Ide N Ilmux yag cmerlang

berdasarkan menu gmn boss yondaime 2008-03-01 15:26:39 trik Bagus , seperti pertanyaan diatas, gimana boss kalu gonta gantinya berdasarkan menu?

Top Margotob ! ihwan 2008-04-25 08:45:48 Asyik bgt ! Oh iya kalo mau ganti2 berdasar menu, sejauh yg saya tau si pake assign aja, Pastinya kita harus install template yg sama (template namenya beda) sesuai jumlah menu yg ingin beda2, n tiap template yg kita install harus punya warna background masing2.

trmkasih u/ inspirasinya riesurya 2008-08-29 22:18:56 trimaksh u/ inspirasinya. saya coba hanya pakai php.lumayan ngirit koding.

gonta-ganti warna sesuai menu edhiemaz 2008-08-30 05:46:29 ternyata ga susah gonta-gati warna menurut menu di joomla, ada komponentnya kok, nanti deh, kalo webku udah jadi tak kasih contonya

patut di coba ne.... golberg 2008-10-18 04:41:23 makasih banyak bos,,,patut dicoba entar

Introduce MRCOX 2008-10-18 16:31:11 Ok salam kenal broo...!!!gw pemula...!!!mohon bimbingan :?

s waloeyoe 2009-04-11 22:18:36 waduh ngga paham gue... belum sempet baca aja udah puyeng ....

sumantri77 2011-06-10 18:09:51 gimana solusinya biar website saya menarik dan dapat di lihat orang banyak

sumantri77 2011-06-10 18:11:20 jadi kita harus buat beberapa tamplete dulu yang kosonng, atau langsung dimasukkan perintah itu ketamplete kita atau gimana tlng penjelasannya.

Only registered users can write comments!

Powered by !JoomlaComment 3.26

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."