Joomla Indonesia

Login or Sign Up
Sign In or Register
Avatar
Not Registered Yet?

Join Now! It's FREE. Get full access and benefit from this site

Reset My password - Remind Me My username

Username
Password
Remember me
  • Home
    Home This is where you can find all the blog posts throughout the site.
  • Categories
    Categories Displays a list of categories from this blog.
  • Tags
    Tags Displays a list of tags that have been used in the blog.
  • Bloggers
    Bloggers Search for your favorite blogger from this site.
  • Team Blogs
    Team Blogs Find your favorite team blogs here.
  • Login
    Login Login form

Design Template Joomla 1.5 dengan Framework 960 Grid System

Posted by on in Tutorial
  • Font size: Larger Smaller
  • Hits: 7700
  • 11 Comments
  • Subscribe to this entry
  • Print

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... :)

0
Load Previous Comments
  • Ini berguna sekali. Bener tuy uda @Alif, raphia bersih clean kerenlah pokoknya 960! Bikin template2 yg clean lainnya lagi ya... ditunggu :)

    0 Like Short URL:
  • @Alif : Terima kasih Gan, monggo coba di praktekan.. :)

    @dwiRianto : Siap Komandan.. insy4jj Nanti ane Update yang lainnya..

    Mju terus Joomlaers Indonesia..

    0 Like Short URL:
  • 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.

    0 Like Short URL:
  • 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.. :)

    0 Like Short URL:
  • keren.... (y).. saya coba ya.. thk's 4 info nya

    0 Like Short URL:
  • kira-kira tutorial pemasangan & pemakainnya bisa lebih detail lagi ....

    0 Like Short URL:
  • kl menurut TS,gantry framework bagus tidak yah....

    0 Like Short URL:
  • gan mau tanya ada yg hobi joomla gak di makassar... gua mau sharing nih sekaian belajar :P .. tolong bantu ye..

    0 Like Short URL:
  • Artikel yang amat berguna.. Lanjutkan dong yang lebih lengkap pasti banyak membantu rekan2 disini..

    Thanks ya atas sharingnya.

    Sukses!
    :lol:

    0 Like Short URL:
  • Wah berguna banget nih, masih newbie soal edit template joomla :D

    0 Like Short URL:

Kategori Blog

Joomla User Group Indonesia

Joomla User Group indonesia

Id-joomla.com adalah situs resmi Joomla User Group (JUG) Indonesia dan Joomla Translation Team

 
Download Terjemahan Joomla terakreditasi dari JoomlaCode dan laporkan bugs, ide dan saran nya di Sub Forum Hanacaraka

Socials

twitter id joomlafb idjoomla