Hoy en el trabajo me ha tocado hacer un template para Joomla! desde cero, y como es imposible hacer una plantilla para Joomla! sin saber los Css por defecto, he decidido hacer una chuleta para agilizar futuros trabajos.
No se si la chuleta esta completa, pero con esto he tenido suficiente para llevar a cabo la faena.
Si ves algo que se pueda mejorar, por favor deja un comentario y la amplio.
Para la paginación he hecho otra imagen :
La lista completa de estilos para el contenido es esta:
- article_separator
- author
- content_email
- content_rating
- content_vote
- contentdescription
- contentpagetitle
- contentpane
- contenttoc
- created-date
- intro
- title
- modifydate
- small
- smalldark
Y para las extensiones es esta :
- bannerfooter
- bannergroup
- bannerheader
- banneritem
- blog
- blog_more
- blogsection
- button
- buttonheading
- latestnews
- loclink
- message
- metadata
- module
- newsfeed
- pollstableborder
- read
- searchintro
- sections
- sectiontable_footer
- sectiontableentry
- sectiontablefooter
- sectiontableheader
- sublevel
- wrapper
14 de Febrero del 2008 a las 8:37 pm
buen tutorial, tengo un pequeño tuto del joomla 1.0.x que te puede ayudar en algo, hace milenios lo hice y nos é si sea lo mismo que la v 1.5.
http://www.audiorecursos.com.mx/images/css_joomla.swf
veamos que si te sirve de algo.
saludos
Alicante
15 de Febrero del 2008 a las 1:11 am
muchas gracias, ahora mismo le hecho un vistazo
21 de Febrero del 2008 a las 12:52 pm
Muchas gracias, lo necesitaba de verdad.
3 de Abril del 2008 a las 8:11 am
Esta bueno tu tutorial sería bueno que describieras todo el Css de joomla el de la versión 1.5 pero aun asi esta muy bueno gracias
23 de Julio del 2008 a las 6:29 pm
Buen tutorial, en verdad hay buenos tutoriales sobre joomla y creacion de templates, pero siempre existe algo comun, que a personas como yo nos deja en cero, hablo de la lista de estilos y clases css para joomla.
He indagado, me he roto la cabeza y me he deseperado como loco, pero porfin ¡Diosito ilumino mi vida! acabo de encontrar una supuesta lista de todos los componentes css para joomla, aqui esta el link:
http://joomlatp.com/joomla-css/joomla-1.5-css-files-list.html
Espero le sirva a alguien, es mas, espero que me sirva a mi. Lo acabo de hallar, la pagina esta en ingles, pero que le vamos hacer.
Bueno a traducir, no mucho! jaja
23 de Julio del 2008 a las 6:34 pm
/* 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
24 de Julio del 2008 a las 12:04 am
Muy bueno victor!! Muchas gracias!