Positions layout
- Details
- Written by Super User
- Hits: 92
Consectetuer nulla Sed massa nunc elit interdum Curabitur nulla mauris adipiscing. Mauris aliquet sapien ac nec felis in urna arcu nulla Sed. Amet dignissim eleifend pellentesque at urna sit volutpat Mauris aliquet Nunc. Volutpat eu Quisque Ut lacus In sapien Curabitur leo vitae nibh. Malesuada et cursus eget Quisque ipsum sed In sapien eu Nunc. Nibh ut augue nulla mattis elit adipiscing Nulla mi.
Metus sem Vestibulum Morbi mauris adipiscing nec semper accumsan Morbi eros. Neque Vestibulum neque tincidunt convallis tempus vitae Nulla urna semper feugiat.
This page is an example of content that is Uncategorized; that is, it does not belong to any Section or Category. You will see there is a new Menu in the left column. It shows links to the same content presented in 4 different page layouts.
- Section Blog
- Section Table
- Blog Category
- Category Table
Follow the links in the Example Pages Menu to see some of the options available to you to present all the different types of content included within the default installation of Joomla!.
This includes Components and individual Articles. These links or Menu Item Types (to give them their proper name) are all controlled from within the Menu Manager->[menuname]->Menu Items Manager.
This page presents most of typographical aspects of JA T3v2 Framework. Make your readers happy with great Typography and User Experience!
Preformatted text
Headings
This is a sample Heading 1. Lorem ipsum.
This is a sample Heading 2. Lorem ipsum.
This is a sample Heading 3. Lorem ipsum.
This is a sample Heading 4. Lorem ipsum.
This is a sample Heading 5. Lorem ipsum.
Special Content
Below is a sample of <pre> tag or code class:
#ja-rightcol {
width: 180px;
float: right;
color: #EEEEEE;
}
This is a highlight phrase. Use <span class="highlight">Your highlight phrase goes here!</span>.
Blockquote
This is a sample Blockquote. Use <blockquote class="blockquote-1">Your quote goes here!</blockquote> to form a quote!
This is a sample Blockquote. Use <blockquote class="blockquote-2"><span class="open">Y</span>our quote goes her<span class="close">e!</span></blockquote> to form a quote!
Dropcaps
This is a Magazine Style Drop Cap. The first letter in this paragraph is big. JA Templates bring into your Jooomla template the magazine drop cap technique and CSS2 includes the first-letter pseudo class. Use <p><span class="dropcap">T</span>Your content goes here!</p> to form a dropcap!
Lists Style
Ordered List
- This is a sample Ordered List.
- Lorem ipsum dolor sit amet consectetur
- Lorem ipsum dolor sit amet consectetur
- Lorem ipsum dolor sit amet consectetur
Un-Ordered List
- This is a sample Unordered List.
- Lorem ipsum dolor sit amet consectetur
- Lorem ipsum dolor sit amet consectetur
- Lorem ipsum dolor sit amet consectetur
Definition List
- This is a sample Definition List.
- Condimentum quis.
- Congue Quisque augue elit dolor.
- Congue Quisque augue elit dolor.
Special Unordered Lists
- This is a sample Arrow list.
- Use <ul class="ja-typo-list list-arrow"><li><span class="icon"> </span>List's content goes here!</li></ul>
- This is a sample Arrowlist.
- This is a sample Star list.
- Use <ul class="ja-typo-list list-star"><li><span class="icon"> </span>List's content goes here!</li></ul>
- This is a sample Starlist.
- This is a sample Check list.
- Use <ul class="ja-typo-list list-check"><li><span class="icon"> </span>List's content goes here!</li></ul>
- This is a sample Checklist.
Block Number
01Use <p class="blocknumber blocknumber-1"><span class="bignumber">01</span>Your content goes here!</p>
02Use <p class="blocknumber blocknumber-1"><span class="bignumber">02</span>Your content goes here!</p>
03Use <p class="blocknumber blocknumber-1"><span class="bignumber">03</span>Your content goes here!</p>
AUse <p class="blocknumber blocknumber-2"><span class="bignumber">A</span>Your content goes here!</p>
BUse <p class="blocknumber blocknumber-2"><span class="bignumber">B</span>Your content goes here!</p>
CUse <p class="blocknumber blocknumber-2"><span class="bignumber">C</span>Your content goes here!</p>
aUse <p class="blocknumber blocknumber-3"><span class="bignumber">a</span>Your content goes here!</p>
bUse <p class="blocknumber blocknumber-3"><span class="bignumber">b</span>Your content goes here!</p>
cUse <p class="blocknumber blocknumber-3"><span class="bignumber">c</span>Your content goes here!</p>
