Articles Polytechic e-Learning

You are here:

Typography

The styles below are used by appending a class to a tag.

This is an image with the class "border_img"
Enter class name to img tag <img class="border_img" />

border


Default list example

  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum

This is a list with the class "linked"
Enter class name to ul tag <ul class="linked" />

 


This is a list with the class "square"
Enter class name to ul tag <ul class="square" />

 

  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum

This is a read more link with the class "readon"
Enter class name to a tag <a class="readon" />

read more

This is a read more link with the class "readon_green"
Enter class name to a tag <a class="readon_green" />

read more

This is a read more link with the class "readon_orange"
Enter class name to a tag <a class="readon_orange" />

read more

This is a read more link with the class "readon_pink"
Enter class name to a tag <a class="readon_pink" />

read more

this is a paragraph with the class "blue"
<p class="blue" > Text goes here</p>

this is a paragraph with the class "green"
<p class="green" > Text goes here</p>

this is a paragraph with the class "orange"
<p class="orange" > Text goes here</p>

this is a paragraph with the class "pink"
<p class="pink" > Text goes here</p>

this is a paragraph with the class "grey"
<p class="grey" > Text goes here</p>


this is a paragraph with the class "bluefill"
<p class="bluefill" > Text goes here</p>

this is a paragraph with the class "greenfill"
<p class="greenfill" > Text goes here</p>

this is a paragraph with the class "orangefill"
<p class="orangefill" > Text goes here</p>

this is a paragraph with the class "pinkfill"
<p class="pinkfill" > Text goes here</p>

this is a paragraph with the class "greyfill"
<p class="greyfill" > Text goes here</p>

this is a paragraph with the class "dark1"
<p class="dark1" > Text goes here</p>

this is a paragraph with the class "dark2"
<p class=dark2" > Text goes here</p>

this is a paragraph with the class "quote"
<p class="quote" > Text goes here</p>


This is Heading One (h1)

This is Heading Two (h2)

This is Heading Three (h3)

This is Heading Four (h4)

This is Heading Five (h5)
This is Heading Six (h6)

Template Parameters

This template provides some backend parameters for convenient template management. Navigate Extensions->Template Manager and click on the proper template name to set up template parameters.

jm-baby-catalog

  • Logo - set path to the logo file - note that logo dimensions won't be resized
  • Site Title - add your site title here, it's only displayed if you don't use a logo
  • Site Description - add your site description that will be displayed underneath the logo
  • Template scheme - select default template scheme

Module Suffixes

Available design module suffix options:

Module Suffixes

Additional design module suffix option for the "header" position:

Module Badges


If you would like to make your modules' height the same, you just have to put a suffix at a module configuration to get the specified module height. See here the screenshot:

 

Set Height

 

_mod200 means that your module will be of 200 pixels high.

If you are going to mix suffixes, remember to put that suffix at the end, see an example:

 

Set Height

 

Template Features

Here you can find lots of information about template features.

 

Module Positions

This template contains 14 module positions. See the clear gird of modules location.
Find out more...

Module Suffixes

This template contains many module designs. See examples of module design variations.
Find out more...

Template Parameters

This template provides some back-end parameters for convenient template management.
Find out more...

Typography

This template provides you some custom styles for several tags.
To reach an expected result, an appropriate class must be entered to a proper tag as examples shown in the artilce.
Find out more...

DJ-ImageSlider

This template contains styles for DJ-ImageSlider component and its module.
Find out more...

Menu System

This template uses DJ-Menu. See detailed description of this extension
Find out more...

DJ-LikeBox

This template uses DJ-LikeBox. See detailed description of this extension
Find out more...

DJ-Catalog2

This template is contains styles for DJ-Catalog2 component and its modules.
Find out more...

What you get after purchase?

See the list of content, which can be downloaded, right after the template purchase.
Find out more...

Demo Copy

If you want to get the exact copy of this demo site, use Quickstart to install Joomla on your server.
Find out more...

.PSD layout

We provide you .psd slices of that template to make you easier customize your template.

Module Positions

This is a placeholder page to display all available module positions.

Module Positions

More Articles...

  1. Site Map

Subcategories

  • Joomla!
    • Extensions

      The Joomla! content management system lets you create webpages of various types using extensions. There are 5 basic types of extensions: components, modules, templates, languages, and plugins. Your website includes the extensions you need to create a basic website in English, but thousands of additional extensions of all types are available. The Joomla! Extensions Directory is the largest directory of Joomla! extensions.

      • Components

        Component ImageComponents are larger extensions that produce the major content for your site. Each component has one or more "views" that control how content is displayed.In the Joomla! administrator there are additional extensions such as Menus, Redirection, and the extension managers.

      • Modules

        Media ImageModules are small blocks of content that can be displayed in positions on a web page. The menus on this site are displayed in modules. The core of Joomla! includes 17 separate modules ranging from login to search to random images. Each module has a name that starts mod_ but when it displays it has a title. In the descriptions in this section, the titles are the same as the names.

        • Content Modules

          Content modules display article and other information from the content component.

        • User Modules

          User modules interact with the user system, allowing users to login, showing who is logged in, and showing the most recently registered users.

        • Display Modules

          These modules display information from components other than content and user. These include weblinks, news feeds and the media manager.

        • Utility Modules

          Utility modules provide useful functionality such as search, syndication, and statistics.

        • Navigation Modules

          Navigation modules help your visitors move through your site and find what they need.

          Menus provide your site with structure and help your visitors navigate your site.  Although they are all based on the same menu module, the variety of ways menus are used in the sample data show how flexible this module is.

          A menu can range from extremely simple (for example the top menu or the menu for the Australian Parks sample site) to extremely complex (for example the About Joomla! menu with its many levels). They can also be used for other types of presentation such as the site map linked from the "This Site" menu.

          Breadcrumbs provide users with information about where they are in a site.

      • Templates

        Media ImageTemplates give your site its look and feel. They determine layout, colors, type faces, graphics and other aspects of design that make your site unique. Your installation of Joomla comes prepackaged with three front end templates and two backend templates. Help

      • Plugins

        Plugin ImagePlugins are small task oriented extensions that enhance the Joomla! framework. Some are associated with particular extensions and others, such as editors, are used across all of Joomla!. Most beginning users do not need to change any of the plugins that install with Joomla!. Help

  • Park Site
    • Park Blog

      Here is where I will blog all about the parks of Australia.

      You can make a blog on your website by creating a category to write you blog posts in (this one is called Park Blog). Each blog post will be an article in that category. If you make a category blog menu link with 1 column it will look like this page, if you display the category description (this part) displayed.

      To enhance your blog you may want to add  extensions for comments, interacting with social network sitestagging, and keeping in contact with your readers.   You will also enable the syndication that is included in Joomla! (in the Integration Options set Show Feed Link to Show an make sure to display the syndication module on the page).

    • Photo Gallery

      These are my photos from parks I have visited (I didn't take them, they are all from Wikimedia Commons).

      This shows you how to make a simple image gallery using articles in com_content.

      In each article put a thumbnail image before a "readmore" and the full size image after it. Set the article to Show Intro Text: Hide.

  • Fruit Shop Site
    • Growers

      We search the whole countryside for the best fruit growers.

      You can let each supplier have a page that he or she can edit. To see this in action you will need to create a users who is in the suppliers group.  
      Create one page in the growers category for that user and make that supplier the author of the page.  That user will be able to edit his or her page.

      This illustrates the use of the Edit Own permission.