Suwahadi.Net

Joomla Freelance Web Design and Development

Joomla 1.5 Legacy Default CSS Styles

Wednesday, 25 March 2009 09:34
Tags:

Ketika "bermain-main" dengan design template Joomla. Saya sendiri entah mengapa sering kali melupakan class Berikut adalah standar/default CSS style dalam Joomla 1.5 yang mungkin berguna bagi Anda yang sedang belajar membuat template sendiri (sekaligus sebagai pengingat bagi saya karena saya sendiri sering melupakannya):

article_separator
adminform
article_separator
author
bannerfooter
bannergroup
bannerheader
banneritem
blog
blog_more
blogsection
breadcrumbs
button
buttonheading
clr
componentheading
content_email
content_rating
content_vote
contentdescription
contentheading
contentpagetitlw

contentpane
contentpaneopen
contenttoc
createdate
created-date
date
input
inputbox
intro
latestnews
loclink
mainlevel
message
metadata
modifydate
module
moduletable
mosimage
mosimage_caption
mostread
newsfeed

outline
pagenav
pagenav_next
pagenav_prev
pagenavbar
pagenavcounter
pathway
pollstableborder
read
search
searchintro
sections
sectiontable_footer
sectiontableentry
sectiontablefooter
sectiontableheader
small
smalldark
sublevel
title
wrapper

 

Atau lebih lengkapnya dapat dilihat seperti ini:

 

  /*Frontend*/
/* FILE:     components\com_contact\views\category\tmpl\default.php */div.componentheading
div.contentpane
div.contentdescription
td.sectiontablefooter
td.sectiontableheader

/* FILE:     components\com_contact\views\category\tmpl\default_items.php */
a.category
td.sectiontableentry1
td.sectiontableentry2

/* FILE:     components\com_contact\views\contact\tmpl\default.php */
form#selectForm
div.componentheading
table.contentpane
td.contentheading

/* FILE:     components\com_contact\views\contact\tmpl\default_form.php */
form#emailForm
input#contact_name
label#contact_emailmsg
input#contact_email
input#contact_subject
label#contact_textmsg
textarea#contact_text
input#contact_email_copy
form.form-validate
div.contact_email
input.inputbox
input.required
input.validate-email
textarea.inputbox
textarea.required
button.button
button.validate

/* FILE:     components\com_content\helpers\icon.php */
span.hasTip

/* FILE:     components\com_content\models\article.php */
hr#system-readmore

/* FILE:     components\com_content\views\archive\tmpl\default.php */
form#jForm
div.componentheading
input.inputbox
button.button

/* FILE:     components\com_content\views\archive\tmpl\default_items.php */
ul#archive-list
div#navigation
li.row
h4.title
h5.metadata
span.created-date
span.author
div.intro

/* FILE:     components\com_content\views\article\tmpl\default.php */
div.contentpaneopen_edit
table.contentpaneopen
td.contentheading
a.contentpagetitle
td.buttonheading
span.small
td.createdate
td.modifydate
a.readon
span.article_separator

/* FILE:     components\com_content\views\article\tmpl\form.php */
input#title
input#created_by_alias
input#publish_up
input#publish_down
textarea#metadesc
textarea#metakey
table.adminform
td.key
input.inputbox
img.calendar
textarea.inputbox

/* FILE:     components\com_content\views\article\tmpl\pagebreak.php */
input#title
input#alt
td.key

/* FILE:     components\com_content\views\category\tmpl\blog.php */
div.componentheading
table.blog
td.article_column
div.blog_more

/* FILE:     components\com_content\views\category\tmpl\blog_item.php */
div.contentpaneopen_edit
table.contentpaneopen
td.contentheading
a.contentpagetitle
td.buttonheading
span.small
td.createdate
td.modifydate
a.readon
span.article_separator

/* FILE:     components\com_content\views\category\tmpl\blog_links.php */
a.blogsection

/* FILE:     components\com_content\views\category\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription

/* FILE:     components\com_content\views\category\tmpl\default_items.php */
input.inputbox
td.sectiontableheader
td.sectiontableentry1
td.sectiontableentry2
td.sectiontablefooter

/* FILE:     components\com_content\views\frontpage\tmpl\default.php */
div.componentheading
table.blog
td.article_column
div.blog_more

/* FILE:     components\com_content\views\frontpage\tmpl\default_item.php */
div.contentpaneopen_edit
table.contentpaneopen
td.contentheading
a.contentpagetitle
td.buttonheading
span.small
td.createdate
td.modifydate
a.readon
span .article_separator

/* FILE:     components\com_content\views\frontpage\tmpl\default_links.php */
a.blogsection

/* FILE:     components\com_content\views\section\tmpl\blog.php */
div.componentheading
table.blog
td.article_column
div.blog_more

/* FILE:     components\com_content\views\section\tmpl\blog_item.php */
div.contentpaneopen_edit
table.contentpaneopen
td.contentheading
a.contentpagetitle
td.buttonheading
span.small
td.createdate
td.modifydate
a.readon
span.article_separator

/* FILE:     components\com_content\views\section\tmpl\blog_links.php */
a.blogsection

/* FILE:     components\com_content\views\section\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription
a.category
span.small

/* FILE:     components\com_mailto\views\mailto\tmpl\default.php */
div.componentheading
input.inputbox
button.button

/* FILE:     components\com_mailto\views\sent\tmpl\default.php */
div.componentheading

/* FILE:     components\com_newsfeeds\views\categories\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription
a.category
span.small

/* FILE:     components\com_newsfeeds\views\category\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription

/* FILE:     components\com_newsfeeds\views\category\tmpl\default_items.php */
td.sectiontableheader
td.sectiontableentry1
td.sectiontableentry2
a.category
td.sectiontablefooter

/* FILE:     components\com_newsfeeds\views\newsfeed\tmpl\default.php */
table.contentpane
td.componentheading
td.contentheading

/* FILE:     components\com_poll\views\poll\tmpl\default.php */
form#poll
div.componentheading
div.contentpane

/* FILE:     components\com_poll\views\poll\tmpl\default_graph.php */
table.pollstableborder
th.sectiontableheader
td.sectiontableentry1
td.sectiontableentry2
td.smalldark

/* FILE:     components\com_search\search.php */
span.highlight

/* FILE:     components\com_search\views\search\tmpl\default.php */
div.componentheading

/* FILE:     components\com_search\views\search\tmpl\default_error.php */
table.searchintro

/* FILE:     components\com_search\views\search\tmpl\default_form.php */
input#search_searchword
input#area_{VALUE} /* Value is set programatically */
table.contentpaneopen
input.inputbox
input.button

/* FILE:     components\com_search\views\search\tmpl\default_results.php */
table.searchintro
table.contentpaneopen
span.small

/* FILE:     components\com_user\views\login\tmpl\default_login.php */
form#login
table.contentpane
div.componentheading
input.inputbox
input.button

/* FILE:     components\com_user\views\login\tmpl\default_logout.php */
form#login
div.componentheading
table.contentpane
input.button

/* FILE:     components\com_user\views\register\tmpl\default.php */
form#josForm
label#namemsg
input#name
label#usernamemsg
input#username
label#emailmsg
input#email
label#pwmsg
input#password
label#pw2msg
input#password2
form.form-validate
div.componentheading
table.contentpane
input.inputbox
input.required
button.button
button.validate

/* FILE:     components\com_user\views\register\tmpl\default_message.php */
div.componentheading
div.message

/* FILE:     components\com_user\views\remind\tmpl\default.php */
input#email
div.componentheading
form.josForm
form.form-validate
table.contentpane
label.hasTip
input.required
input.validate-email
button.validate

/* FILE:     components\com_user\views\reset\tmpl\complete.php */
input#password1
input#password2
div.componentheading
form.josForm
form.form-validate
table.contentpane
label.hasTip
input.required
input.validate-password
button.validate

/* FILE:     components\com_user\views\reset\tmpl\confirm.php */
input#token
div.componentheading
form.josForm
form.form-validate
table.contentpane
label.hasTip
input.required
button.validate

/* FILE:     components\com_user\views\reset\tmpl\default.php */
input#email
div.componentheading
form.josForm
form.form-validate
table.contentpane
label.hasTip
input.required
input.validate-email
button.validate

/* FILE:     components\com_user\views\user\tmpl\default.php */
div.componentheading

/* FILE:     components\com_user\views\user\tmpl\form.php */
input#name
input#email
input#username
input#password
input#password2
div.componentheading
input.inputbox
button.button

/* FILE:     components\com_weblinks\views\categories\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription
a.category
span.small

/* FILE:     components\com_weblinks\views\category\tmpl\default.php */
div.componentheading
table.contentpane
td.contentdescription

/* FILE:     components\com_weblinks\views\category\tmpl\default_items.php */
td.sectiontableheader
td.sectiontableentry1
td.sectiontableentry2
td.sectiontablefooter

/* FILE:     components\com_weblinks\views\weblink\tmpl\form.php */
form#adminForm
input#jformtitle
input#jformurl
textarea#jformdescription
div.componentheading
input.inputbox
textarea.inputbox

/* FILE:     components\com_wrapper\views\wrapper\tmpl\default.php */
div.contentpane
div.componentheading

/* FILE:     libraries\joomla\database\database\mysql.php */
table#explain-sql

/* FILE:     libraries\joomla\database\database\mysqli.php */
table#explain-sql

/* FILE:     libraries\joomla\document\error\error.php */
table.Table
td.TD

/* FILE:     libraries\joomla\html\html.php */
span.editlinktip
span.hasTip
img.calendar

/* FILE:     libraries\joomla\html\html\behavior.php */
div#keepAliveLayer

/* FILE:     libraries\joomla\html\html\grid.php */
input#cb{ROW_NUMBER} /* Value is set programatically */

/* FILE:     libraries\joomla\html\html\grid.php */
span.editlinktip
span.hasTip

/* FILE:     libraries\joomla\html\pane.php */
dl.tabs
div.pane-sliders
div.panel
h3.jpane-toggler
h3.title
div.jpane-slider
div.content

/* FILE:     libraries\joomla\html\parameter.php */
table.paramlist
table.admintable
td.paramlist_description
td.paramlist_key
span.editlinktip
td.paramlist_value

/* FILE:     libraries\joomla\html\toolbar.php */
div.toolbar

/* FILE:     libraries\joomla\template\tmpl\adminfilters.html */
#search
input.text_area
input.button
select.inputbox

/* FILE:     libraries\joomla\template\tmpl\adminlists.html */
input#cb{ITEM_ID} /* Value is set programatically */
input.text_area

/* FILE:     libraries\joomla\template\tmpl\breadcrumbs.html */
span.breadcrumbs
span.pathway

/* FILE:     libraries\joomla\template\tmpl\calendar.html */
button#trigger_{ID} /* Value is set programatically */
button.button

/* FILE:     libraries\joomla\template\tmpl\dtree.html */
div.expander

/* FILE:     libraries\joomla\template\tmpl\forms.html */
input#{NAME} /* Value is set programatically */
input#{VALUE} /* Value is set programatically */

/* FILE:     libraries\joomla\template\tmpl\help.html */
div#overDiv
a.tooltip

/* FILE:     libraries\joomla\template\tmpl\page.html */
form{FORMNAME} /* Value is set programatically */

/* FILE:     libraries\joomla\template\tmpl\tabs.html */
link#luna-tab-style-sheet
div#{PANEID} /* Value is set programatically */
div.tab-page
h2.tab

/* FILE:     modules\mod_banners\tmpl\default.php */
div.bannergroup
div.bannerheader
div.banneritem
div.clr
div.bannerfooter

/* FILE:     modules\mod_breadcrumbs\helper.php */
a.pathway

/* FILE:     modules\mod_breadcrumbs\tmpl\default.php */
span.breadcrumbs
span.pathway

/* FILE:     modules\mod_feed\tmpl\default.php */
table.moduletable
ul.newsfeed

/* FILE:     modules\mod_latestnews\tmpl\default.php */
ul.latestnews
li.latestnews
a.latestnews

/* FILE:     modules\mod_login\tmpl\default.php */
input#mod_login_username
input#mod_login_password
input#mod_login_remember
input.inputbox
input.button

/* FILE:     modules\mod_mainmenu\helper.php */
li#{ITEM ID} /* Value is set programatically */
span.separator

/* FILE:     modules\mod_mainmenu\legacy.php */
ul#mainlevel
ul#sublevel

/* FILE:     modules\mod_mostread\tmpl\default.php */
ul.mostread
li.mostread
a.mostread

/* FILE:     modules\mod_newsflash\tmpl\_item.php */
table.contentpaneopen
td.contentheading
a.contentpagetitle

/* FILE:     modules\mod_newsflash\tmpl\horiz.php */
table.moduletable

/* FILE:     modules\mod_newsflash\tmpl\vert.php */
span.article_separator

/* FILE:     modules\mod_poll\tmpl\default.php */
input#voteid{VOTE ID NUMBER} /* Value is set programatically */
table.poll
table.pollstableborder
input.button

/* FILE:     modules\mod_related_items\tmpl\default.php */
ul.relateditems

/* FILE:     modules\mod_search\helper.php */
input#mod_search_searchword
input.inputbox
input.button

/* FILE:     modules\mod_search\tmpl\default.php */
div.search

/* FILE:     modules\mod_sections\tmpl\default.php */
ul.sections

 

Source:

  • http://www.compassdesigns.net/tutorials/208-joomla-15-template-tutorial.html?start=3 
  • http://forum.joomla.org/viewtopic.php?f=42&t=201275


Sedikit informasi. Bagi yang menginginkan untuk dibuatkan Joomla template, atau sudah punya design HTML tetapi ingin di convert ke template Joomla, bisa menghubungi saya via form contact. Promosi mode on...

(8)add
0
...
Ditulis oleh: gempur , 25 March 2009
Saya merasa terbantu sekali mas! jujur saja saya mumet dgn css joomla 1.5, mau migrasi kok males bgt, enakan joomla 1.0x
0
...
Ditulis oleh: gempur , 25 March 2009
eeiiittt, saya lupa mengucapkan terima kasihnya, heehhehehehe, matur nuwun mas.

gimana proyek stop smokingnya? dah lancar blm? *kabooorrrrr* smilies/grin.gifsmilies/grin.gif
0
...
Ditulis oleh: aLe , 29 March 2009
Sekali WP tetap WP smilies/cheesy.gif
Suwahadi
...
Ditulis oleh: Suwahadi , 29 March 2009
@gempur: Hahaha... sama kalau gitu pak. Rata² web Joomla saya yang masih versi 1.0x belum saya upgrade smilies/grin.gif
Wah, proyek stop merokok saya kayaknya masih perlu revisi lagi pak smilies/sad.gif
@aLe: Wah, perlu saya pengaruhi biar pindah ke Joomla. Hahaha... smilies/cheesy.gif
0
...
Ditulis oleh: dibbie , 23 November 2009
pak, mau nanya...itu fungsi2 classnya buat apa gimana taunya ya? hehehe
Suwahadi
...
Ditulis oleh: Suwahadi , 28 November 2009
Diatas adalah class² yang berfungsi untuk mengatur tatanan/layout template Joomla. Anda bisa membacanya lebih lengkap di: http://pendek.in/00gj0
0
...
Ditulis oleh: adhonle , 03 December 2009
wah... dapat juga ni yang dicari2 selama ini...
ya hitung belajar gitu...
makasih ya kang atas infonya....

salam joomla
0
...
Ditulis oleh: jauhari , 14 February 2010
Hari gene masih pake WP smilies/grin.gif
perkecil | perbesar

busy
 

Latest Tweet

Recent Comments

Resah...
Minta ijin copas ya
Hore... FlashDisk Gratis !
Lots of specialists state that busi
Belajar Adsense ala CosaAranda.Com
Mas Cosa bisa dapat ribuan dolar se
Kalau Bosan. Enaknya Ngapain ???
he"em bosen banget nich????????????
Mood & Males
If you are willing to buy a car, yo

Blog Search