Design Template Joomla 1.5 dengan Framework 960 Grid System

Tutorial
Andi Numan, Friday, 28 October 2011 11:04

Selamat Pagi Bro & Sis...

Saya mau berbagi sedikit Tutorial Design Layout Template Joomla 1.5 Dengan Framework CSS yaitu 960 Grid System.
Mungkin sebagian sudah ada yang tau akan Framework ini, saya disini cuman Berbagi saja, bagi anda yang suka merombak Template Joomla 1.5, ada baiknya anda mencoba Framework yang satu ini, Karena dengan Framework ini Pengerjaan Merombak Template akan lebih Mudah dan lebih Leluasa bagi anda yang mempunyai Konsep Design beraneka ragam.
Ok, Sekian dulu Pengantarnya nya, takut Kepanjangan & ID Joomlaers Bosan Membacanya... :D

960 Grid System Portal : http://960.gs/
sebelumnya bagi yang ingin tahu Demo 960 Grid System bisa dilihat disini. http://960.gs/demo.html

- Bagaimana Cara Pengerjaan'y..?
Ini sangat Mudah, Anda cuman Mendownload Framework itu, lalu anda Copy Source Css 960 yang anda download tadi, lalu anda Paste di directory CSS Template Joomla anda..Seperti halnya contoh pada capture dibawah



lalu anda buka File Index.php yang ada pada root Template joomla anda, lalu anda Ganti Class Css Default, dengan Class CSS yang ada pada Grid System. Misal seperti Pada Gambar dibawah :



Gimana Mudah Kan... :) Tahap Selanjutnya anda Bisa Create Sendri Style Css yang lain'y seperti Typography, Class Module, etc..

Ini salah satu Hasil Implementasi Penulis, Menggunakan Framework Grid System salah satunya bisa dilihat di url Berikut ini.

http://www.akba.ac.id/site/
http://www.stiks-tarakanita.ac.id/

dan Lihat di Page Source'y, Class utama Default Css'y Sudah diganti dengan Class Css Grid System...
Mantabz kan..? :)

Silahkan Mencoba, Semoga Artikel ini Bermanfaat bagi kita semua....
Salam Sukses... :)

Comments

Awesome! Alif 2011-10-29 14:08:37 Kerennnn, rapih kerjaan nya nih

Lanjutkan! dwiRianto 2011-10-30 14:55:35 Ini berguna sekali. Bener tuy uda @Alif, raphia bersih clean kerenlah pokoknya 960! Bikin template2 yg clean lainnya lagi ya... ditunggu

Siap... kakaramz 2011-10-30 20:37:20 @Alif : Terima kasih Gan, monggo coba di praktekan.. @dwiRianto : Siap Komandan.. insy4jj Nanti ane Update yang lainnya.. Mju terus Joomlaers Indonesia..

Puyeeeng.. Yanto 2011-11-02 01:46:52 Hehehe... tau aje si agan kl org lg belajar bikin pake framework. Masih bingung buat bikin helpernya gan, supaya bisa fluid kl salah satu sidebar ga aktif Thanks for the tips.

Notyet Succes buya 2011-12-24 07:15:25 maaf kang ini saya udh ikutin tutornya tp ndak ada perubahan, emang gmna ya setelah itu. ane pake template JA. ane mau class modulnya kya site yg akang share makasih..

anakmedan84 2012-01-03 17:51:34 keren.... (y).. saya coba ya.. thk's 4 info nya

anggananda14 2012-02-06 07:35:06 kira-kira tutorial pemasangan & pemakainnya bisa lebih detail lagi ....

kuningbulet 2012-03-04 01:36:01 kl menurut TS,gantry framework bagus tidak yah....

ramang 2012-03-30 01:09:41 gan mau tanya ada yg hobi joomla gak di makassar... gua mau sharing nih sekaian belajar .. tolong bantu ye..

Mantap! deddy 2012-04-02 19:04:56 Artikel yang amat berguna.. Lanjutkan dong yang lebih lengkap pasti banyak membantu rekan2 disini.. Thanks ya atas sharingnya. Sukses!

Mantap skaltik 2012-05-18 14:52:38 Wah berguna banget nih, masih newbie soal edit template joomla

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."