Monday, 27 July 2009 14:52

CSS Page Layout

Rate this item
(0 votes)
CSS Styles:
Highlight Colors
Tables Table Rows Div Forms Class Name
Blog Layout, Front Page Blog Layout , Catagories Blog Layout
.componentheading
Blog Layout
.blog
About Joomla!
.article_column .article_column column_separator
.contentpaneopen_edit
.hasTip edit
.contentpaneopen .contentheading
.contentpagetitle Content Layouts .buttonheading PDF .buttonheading Print .buttonheading E-mail
.contentpaneopen
.small Written by Administrator
.createdate Friday, 13 October 2006 00:33

Joomla! provides plenty of flexibility when displaying your web content. Whether you are using Joomla! for a blog site, news or a website for a company, you'll find one or more content styles to showcase your information. You can also change the style of content dynamically depending on your preferences. Joomla calls how a page is laid out a layout. Use the guide below to understand which layouts are available and how you might use them.

Content

Joomla! makes it extremely easy to add and display content. All content is placed where your mainbody tag in your template is located. There are three main types of layouts available in Joomla! and all of them can be customised via parameters. The display and parameters are set in the menu item used to display the content your working on. You create these layouts by creating a menu item and choosing how you want the content to display.

Blog layout

Blog layout will show a listing of all content items of the selected blog type (section or category) in the mainbody position of your template. It will give you the standard title, and Intro of each content article in that particular Category and/or Section. You can customise this layout via the use of the content parameters, (See Content Parameters) this is done from the menu not the section manager!

Blog Archive layout

A Blog Archive layout will give you a similar output of content as the normal Blog Display but will add at the top two dropdown boxes for Month and year plus a search button to allow users to search for all archived content from a specific month and year

Table layout

Table layout will simply give you a table of all the titles in that particular section or category. No intro will be displayed just the titles. You can set how many titles will be displayed in this table by Parameters. The table layout will also provide a filter section so that users can reorder, filter and set how many titles are listed on a single page (up to 50)

Wrapper

Wrappers allow you to place stand alone applications and 3rd party websites inside your Joomla! site. The content within a wrapper appears within the primary content area defined by the "mainbody" tag and allows you to display content to display them as part of your own site. A Wrapper will place an IFRAME into the content section of your website and wrap your standard template navigation around it so it appears in the same way a content item would.

Content Parameters

The parameters for each layout type can be found on the right hand side of the editor boxes in the menu item configuration screen. The parameters available depend largely on what kind of layout you are configuring.

.modifydate Last Updated ( Thursday, 03 May 2007 09:36 )
.readon
.article_separator .contentpaneopen_edit
.hasTip edit
.contentpaneopen .contentheading
.contentpagetitle The Joomla! Community .buttonheading PDF .buttonheading Print .buttonheading E-mail
.contentpaneopen
.small Written by Administrator
.createdate Thursday, 12 October 2006 18:50

Got a question? With more than 100,000 members, the online forum at Joomla.org are a great resource for both new an experienced users. Go ahead, ask your toughest questions, the community is waiting to see what you're going to do with your Joomla! site.

Do you want to show off your new Joomla website? Go ahead, we have a section dedicated to that on our forum.

Do you want to join in?

If you think working with Joomla! is fun, wait until you start working on it. We're passionate about helping Joomla! users make the jump to becoming contributing members of the community, so there are many ways you can help Joomla's development:

  • Submit news about Joomla!. We syndicate all Joomla! related news on our news portal. If you have some Joomla! news that you would like to share with the community, please submit your short story, article, announcement or review here.
  • Report bugs and request features in our trackers. Please read Reporting bugs, for details on how we like our bug reports served up
  • Submit patches for new and/or fixed behavior. Please read Submitting patches, for details on how to submit a patch.
  • Join the developer forums and share your ideas for how to improve Joomla!. We're always open to suggestions, although we're likely to be skeptical of large-scale suggestions without some code to back it up.
  • Join any of the community working groups and bring your personal expertise to the Joomla! community. More info about the different working groups can be found here.

That's all you need to know if you'd like to join the Joomla! development community.

.modifydate Last Updated ( Thursday, 19 July 2007 09:38 )
.readon
.article_separator
.contentpaneopen_edit
.hasTip edit
.contentpaneopen .contentheading
.contentpagetitle What's New In 1.5? .buttonheading PDF .buttonheading Print .buttonheading E-mail
.contentpaneopen
.small Written by Administrator
.createdate Thursday, 12 October 2006 00:13

As with previous releases, Joomla! provides a unified and easy-to-use framework for delivering content for websites of all kinds. To support the changing nature of the Internet and emerging web technologies, Joomla! required substantial restructuring of its core functionality and we also used this effort to simplify many challenges within the current user interface. Joomla! 1.5 has many new features.

.modifydate Last Updated ( Thursday, 03 May 2007 09:34 )
.readon
.article_separator .contentpaneopen_edit
.hasTip edit
.contentpaneopen .contentheading
.contentpagetitle Extensions .buttonheading PDF .buttonheading Print .buttonheading E-mail
.contentpaneopen
.small Written by Administrator
.createdate Wednesday, 11 October 2006 12:00
.contenttoc
Article Index
.toclink Extensions
.toclink Components
.toclink Modules
.toclink Plugins
.toclink Languages
.toclink All Pages

Out of the box, Joomla does a great job of managing the content needed to make your website sing. But for many people, the true power of Joomla! lies in the application framework that makes it possible for thousands of developers around the world to create powerful add-ons that are called extensions. An extension is used to add capabilities to Joomla! that do not exist in the base core code. Here are just some examples of the hundreds of available extensions:

  • Dynamic form builders
  • Business or organisational directories
  • Document management
  • Image and multimedia galleries
  • E-commerce and shopping cart engines
  • Forums and chat software
  • Calendars
  • Email newsletters
  • Data collection and reporting tools
  • Banner advertising systems
  • Paid subscription services
  • and many, many more

You can find more examples over at our growing Joomla! Extensions Directory. Prepare to be amazed at the amount of exciting work produced by our active developer community!

A useful guide to the extension site can be found at:
http://extensions.joomla.org/content/view/15/63/

Types of Extensions

There are five types of extensions:

  • Components
  • Modules
  • Templates
  • Plugins
  • Languages

You can read more about the specifics of these using the links in the article table of contents (another useful feature of Joomla!) at the top right or by clicking on the next link below.


.pagenavbar
.modifydate Last Updated ( Thursday, 22 May 2009 12:34 )
.readon
.article_separator
.blog_more
Read more...
.pagination « Start Prev 1 2 Next End »

Page 1 of 2
.tool-tip
Article Layout
.contentpaneopen_edit
.hasTip edit
.contentpaneopen
.contentheading .contentpagetitle Joomla! Facts .buttonheading PDF .buttonheading Print .buttonheading E-mail
.content_rating User Rating: / 0
.content_vote Poor Best .button
.contentpaneopen .createdate .modifydate
.small Written by Administrator
Monday, 09 October 2006 18:46

Here are some interesting facts about Joomla!

  • Over 110,000 registered users on the Official Joomla! community site forum and more on the many international community sites.
  • 1168 Projects on the Joomla! Forge ( joomlacode.org ). All for open source addons by third party developers.
  • 1800+ extensions for Joomla! registered on the Extension site ( extensions.Joomla.org )
  • Joomla.org exceeds 2 TB of traffic per month!
  • Alexa report [October 2006]: Joomla.org at #492 of top 500 busiest websites in the world.
  • Community forums, over 900,000 posts, and 190 000 activated users. Growing at over 1200 posts per day and 150 new partcipants each day!

 

Last Updated ( Thursday, 03 May 2007 09:36 )
.article_separator

.tool-tip
Archived Article List
#jForm
.componentheading

Filter .inputbox #month .inputbox #year .inputbox #limit .inputbox .button

#archive-list
    .row1

  • .title

    Where did the Mambots go?

    .metadata .intro
    Mambots have been renamed as "Plugins" Mambots were introduced in Mambo and offered possibilities to add plugin logic to your site to mainly for the purpose of manipulating content. In Joomla!, Plugins will now have much broader capabilities than Mambots....
  • .row1
  • .title Joomla! Features

    .metadata .intro

    Joomla! features:

    • Completely database driven site engines
    • News, products or services sections fully editable and manageable
    • Topics sections can be added to by contributing authors
    • Ful...
#navigation
Article_Layout_Open_Editor
Editor .adminform
#title .inputbox
{Editor Tool Bar}
{Editor Body}
#editor-xtd-buttons
.button2-left
.image
.modal-button Image
.button2-left
.pagebreak
.modal-button Pagebreak
.button2-left
.readmore
Publishing .adminform
.key #sectionid .inputbox
.key #catid .inputbox
.key #state0 #state1
.key #frontpage0 #frontpage1
.key #created_by_alias .inputbox
.key #publish_up .inputbox .calendar calendar
.key #publish_down .inputbox calendar
.key #access .inputbox
.key #ordering .inputbox
Metadata .adminform
.key #metadesc .inputbox
.key #metakey .inputbox
#sbox-overlay #sbox-window
Article Submission Layout
Editor .adminform
#title .inputbox
.mceToolbarTop
{Editor Toolbar}
{Editor Body}
#editor-xtd-buttons
.button2-left
.image
.modal-button Image
.button2-left
.pagebreak
.modal-button Pagebreak
.button2-left
.readmore
Publishing .adminform
.key #sectionid .inputbox
.key #catid .inputbox
.key #state0 #state1
.key #frontpage0 #frontpage1
.key #created_by_alias .inputbox
.key #publish_up .inputbox .calendar calendar
.key #publish_down .inputbox .calendar calendar
.key #access .inputbox
.key New Items default to the first place. Ordering can be changed after this Item is saved.
Metadata .adminform
.key #metadesc .inputbox
.key #metakey .inputbox
#sbox-overlay #sbox-window
Section Layout
.componentheading
FAQs
.contentpane
.contentdescription
  • .category General .small ( 8 Articles )
    General questions about the Joomla! CMS
  • .category Current Users .small ( 5 Articles )
    Questions that users migrating to Joomla! 1.5 are likely to raise
  • .category New to Joomla .small ( 3 Articles )
    Questions for new users of Joomla!
  • .category Languages .small ( 5 Articles )
    Questions related to localisation and languages
Category List Layout
Defualt page .componentheading
General
.contentpane
.contentdescription General questions about the Joomla! CMS
Defualt page items
Filter .inputbox Display # #limit .inputbox
.sectiontableheader # Item Title Date Author Hits
.sectiontableentry1 1 What is uncategorised content? .hasTip edit Wednesday, 11 October 2006 Administrator 9
.sectiontableentry2 2 Is it possible to change the types of menu entries? .hasTip edit Wednesday, 11 October 2006 Administrator 17
.sectiontableentry1 3 How do I install Joomla! 1.5? .hasTip edit Wednesday, 11 October 2006 Administrator 5
.sectiontableentry2 4 What are the requirements to run Joomla! 1.5? .hasTip edit Wednesday, 11 October 2006 Administrator 24
.sectiontableentry1 5 My MySql database does not support UTF-8. Do I have a problem? .hasTip edit Saturday, 07 October 2006 Administrator 8
.sectiontableentry2 6 Can Joomla! 1.5 operate with PHP Safe Mode On? .hasTip edit Friday, 06 October 2006 Administrator 7
.sectiontableentry1 7 What is the FTP layer for? .hasTip edit Friday, 06 October 2006 Administrator 22
.sectiontableentry2 8 Why does Joomla! 1.5 use utf-8 encoding? .hasTip edit Thursday, 05 October 2006 Administrator 28
.sectiontablefooter .pagination « Start Prev 1 Next End »
Page 1 of 1
New
.tool-tip
User Registration
#josForm .form-validate
.componentheading
Registration
.contentpane
#namemsg #name .inputbox required *
#usernamemsg #username .inputbox required validate-username *
#emailmsg #email .inputbox required validate-email *
#pwmsg #password .inputbox required validate-password *
#pw2msg #password2 .inputbox required validate-passverify *
Fields marked with an asterisk (*) are required.
.button validate
User Details
.componentheading
Edit Your Details
#name .inputbox
#email .inputbox
#username .inputbox
#password .inputbox
#password2 .inputbox
.paramlist admintable .paramlist_key .paramlist_value .paramlist_key .paramlist_value .paramlist_key .paramlist_value .paramlist_key .paramlist_value .paramlist_key .paramlist_value
.editlinktip #paramsadmin_language-lbl .hasTip #paramsadmin_language .inputbox
.editlinktip #paramslanguage-lbl .hasTip #paramslanguage .inputbox
.editlinktip #paramseditor-lbl .hasTip #paramseditor .inputbox
.editlinktip #paramshelpsite-lbl .hasTip #paramshelpsite .inputbox
.editlinktip #paramstimezone-lbl .hasTip #paramstimezone .inputbox
.button
Contact Category Layout
.componentheading
Contact Category Layout - Contacts
.contentpane
.contentdescription Contacts Contact Details for this website
.sectiontablefooter .pagination « Start Prev 1 Next End »
Page 1 of 1
.sectiontableheader # Name Position Phone Mobile Phone Number Fax
.sectiontableentry0 1 .category JoomlaWebhoster Brian Telephone Mobile Phone Number: Fax
Standard Contact Layout
.componentheading
Standard Contact Layout
.contentpane .contentheading
JoomlaWebHoster
Admin

Contact
Address:
Street
Suburb
State
Zip Code
Country

E-mail: This email address is being protected from spambots. You need JavaScript enabled to view it.
Telephone: Telephone
Fax: Fax
Mobile Phone Number:
http://www.joomlawebhoster.de.net

Information: Miscellanous info

Download information as a vCard


#emailForm .form-validate
.contact_email

#contact_name .inputbox
#contact_emailmsg
#contact_email .inputbox required validate-email

#contact_subject .inputbox

#contact_textmsg
#contact_text .inputbox required
#contact_email_copy

.button validate
News Feed Category List Layout
.componentheading
Category List Layout
.contentpane
News Feed Category Layout
.componentheading Joomla!
.contentpane
Display # #limit .inputbox
.sectiontableentry1 1
.sectiontableentry2 2
.sectiontablefooter .pagination « Start Prev 1 Next End »
Page 1 of 1
News Feed Single Feed Layout
Search
.componentheading Search
.contentpaneopen
#search_searchword .inputbox .button
#searchphraseany #searchphraseall #searchphraseexact
#ordering .inputbox
Search Only: #area_content #area_weblinks #area_contacts #area_categories #area_sections #area_newsfeeds .searchintro
Search Keyword

Total 0 results found. Search for with Google
.searchintro
Search Results
.componentheading
Search
#searchForm
.contentpaneopen
#search_searchword .inputbox .button
#searchphraseany #searchphraseall #searchphraseexact
#ordering .inputbox
Search Only: #area_content #area_weblinks #area_contacts #area_categories #area_sections #area_newsfeeds .searchintro

Search Keyword Joomla

Total 46 results found. Search for Joomla with Google
.contentpaneopen
.small 1. How do I upgrade to Joomla! 1.5 ?
.small (FAQs/Current Users)
.highlight Joomla ! 1.5 does not provide an upgrade path from earlier versions. Converting an older site to a .highlight Joomla ! 1.5 site requires creation of a new empty site using .highlight Joomla ! 1.5 and then populating the new s
.small 2. Where did the installer go?
.small (FAQs/Current Users)
...versions prior to 1.5 you needed to select a specific extensions type when you wanted to install it, with .highlight Joomla ! 1.5 you just select the extension you want to upload, and click on install. The instal...
.small 3. Where did the Mambots go?
.small (FAQs/Current Users)
...ered possibilities to add plugin logic to your site to mainly for the purpose of manipulating content. In .highlight Joomla !, Plugins will now have much broader capabilities than Mambots. Plugins are able to ext...
.small 4. Where is the static content?
.small (FAQs/Current Users)
In .highlight Joomla ! versions prior to 1.5 there was a distinctive difference on static and normal content. Both content types are still around, but are not handled as separate items. If you want to create stat
.small 5. Can Joomla! 1.5 operate with PHP Safe Mode On?
.small (FAQs/General)
...he same as PHP is currently using (this is usually 'apache'). As files normally are created either by the .highlight Joomla ! application or by FTP access, the combination of PHP file actions and the FTP layer al...
.pagination « Start Prev 1 2 3 Next End »
Web Link Category List Layout
.componentheading Web Link Category List Layout
.contentpane
.contentdescription We are regularly out on the Web. When we find a great site we list it.
Web Link Specific Links
.componentheading
Joomla! Specific Links
.contentpane
.contentdescription Web Links A selection of links that are all related to the Joomla! Project.
.pagecounter
Display # #limit .inputbox
.sectiontableheader # Web Link Hits
.sectiontableentry1 1 Link .category Joomla!
Home of Joomla!
3
.sectiontableentry2 2 Link .category OpenSourceMatters
Home of OSM
11
.sectiontableentry1 3 Link .category php.net
The language that Joomla! is developed in
6
.sectiontableentry2 4 Link .category Joomla! - Forums
Joomla! Forums
4
.sectiontableentry1 5 Link .category MySQL
The database that Joomla! uses
1
.sectiontableentry2 6 Link .category Ohloh Tracking of Joomla!
Objective reports from Ohloh about Joomla's development activity. Joomla! has some star developers with serious kudos.
1
.sectiontablefooter .pagination « Start Prev 1 Next End »
Page 1 of 1
Web Link Submission Layout
#adminForm
.componentheading
Submit A Web Link
#jformtitle .inputbox
#jformcatid .inputbox
#jformurl .inputbox
#jformdescription .inputbox
Poll
#poll
.componentheading Joomla! is used for?
.contentpane
.contentpane
.pollstableborder
.sectiontableheader Joomla! is used for?
.sectiontableentry0 Public Brand Sites
.sectiontableentry0 3 27.3% .polls_color_1
.sectiontableentry1 All of the Above!
.sectiontableentry1 3 27.3% .polls_color_2
.sectiontableentry0 Community Sites
.sectiontableentry0 2 18.2% .polls_color_3
.sectiontableentry1 Photo and Media Sites
.sectiontableentry1 2 18.2% .polls_color_4
.sectiontableentry0 eCommerce
.sectiontableentry0 1 9.1% .polls_color_5
.sectiontableentry1 Blogs
.sectiontableentry1 0 0% .polls_color_1
.sectiontableentry0 Intranets
.sectiontableentry0 0 0% .polls_color_2

.smalldark Number of Voters .smalldark : 11
.smalldark First Vote .smalldark : Monday, 09 October 2006 13:01
.smalldark Last Vote .smalldark : Tuesday, 03 July 2007 12:37
Wrapper
.contentpane
.componentheading
Wrapper
#blockrandom .wrapper
This option will not work correctly. Unfortunately, your browser does not support Inline Frames
module style wrapper
Raw
Module Style Frame Outline
Table
.moduletable
Module Title Enabled
Module Style Frame Outline
horz
.moduletable
Module Title Enabled
Module Style Frame Outline
xhtml
.moduletable

Module Title Enabled

Module Style Frame Outline
rounded
.module

Module Title Enabled

Module Style Frame Outline
mod_banners
.bannergroup
.bannerheader
Header Text
.banneritem
Joomla!
Joomla! The most popular and widely used Open Source CMS Project in the world. .clr
.banneritem
JoomlaCode
JoomlaCode, development and distribution made easy. .clr
.banneritem
Joomla! Extensions
Joomla! components, modules, plugins and languages by the bucket load. .clr
.bannerfooter
Footer Text

mod_breadcrumbs
.breadcrumbs pathway .pathway Home arrow Joomla! Overview
mod_feed
.moduletable
JoomlaWebhoster Forums
Joomla - template training extension Joomla Template Extension and Tutorial Kit
Media 65 Forums
.newsfeed
  • Editor css
    I'm an avid user of the extension, and a problem I tend to have is I forget to add an editor_content.css file to my template to give us the white editor background, because I tend to use dark colored "body" colors or graphical body backgrounds.I'm wondering if we can add a "white background" editor_content.css file as one of the starting base files in a future update. It would make me very happy.
  • Simply Brilliant
    As with previous releases, Joomla! provides a unified and easy-to-use framework for delivering content for Web sites of all kinds. To support the changing nature of the Internet and emerging Web technologies, Joomla! required substantial restructuring of its core functionality and we also used this effort to simplify many challenges within the current user interface. Joomla! 1.5 has many new features.

mod_latestnews
.latestnews
mod_login
#form-login
Pre-text .input
#form-login-username


#modlgn_username .inputbox

#form-login-password


#modlgn_passwd .inputbox

#form-login-remember

#modlgn_remember .inputbox

.button
  • Forgot your password?
  • Forgot your username?
  • Create an account
Post-text

mod_mainmenu
mod_mostread
.mostread
mod_newsflash
.contentpaneopen .contentheading
Newsflash 1
.contentpaneopen

Joomla! makes it easy to launch a website of any kind. Whether you want a brochure site or you're building a large online community, Joomla! allows you to deploy a site in minutes and add functionality as you need it. The hundreds of extensions will expand your site and allow you to deliver new services that expand your reach into the Internet.

.article_separator .contentpaneopen .contentheading
Newsflash 2
.contentpaneopen

The one thing about a website, it always changes! Joomla! makes it easy to add article, content, images, videos and more. Site administrators can edit and manage content 'in-context' by clicking the 'edit' link. Webmasters can also edit content though a graphical administration panel that give you complete control over your site.

.article_separator .contentpaneopen .contentheading
Newsflash 3
.contentpaneopen

With a library of hundreds of free extensions, you can add what you need as your site grows. Don't wait, look through the Joomla! extensions library today.

.article_separator
mod_poll
.poll
Joomla! is used for?
.pollstableborder
.sectiontableentry2 #voteid1 .sectiontableentry2
.sectiontableentry1 #voteid2 .sectiontableentry1
.sectiontableentry2 #voteid3 .sectiontableentry2
.sectiontableentry1 #voteid4 .sectiontableentry1
.sectiontableentry2 #voteid5 .sectiontableentry2
.sectiontableentry1 #voteid6 .sectiontableentry1
.sectiontableentry2 #voteid7 .sectiontableentry2
.button .button

mod_related_items
#blockrandom .wrapper
  • 11-05-2010 - JoomlaWebHoster
  • 11-12-2010 - Free Extentions at JoomlaWebHoster
mod_search
.search
mod_sections
.sections
  • About Joomla!
  • News
  • FAQs
mod_wrapper
#blockrandom .wrapper No Iframes
More in this category: « highslide Spotlight »

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.