Monday, 21st August 2017
Monday, 14 November 2011 14:17

All Modules On

This is the all modules on page test
Published in Uncategorised
Monday, 14 November 2011 14:17

All Modules On

This is the all modules on page test
Published in Uncategorised
Friday, 11 November 2011 22:48

Template Framework

adminpanel

Joomla XTC Framework

JoomlaXTC XTC Framework template system provides complete control over the template styles, from Width Adjustments, Region and Column Layout, Backgrounds, Font Colors / Sizes / Typeset, Module Layout, Menus and much more.

Using the standard Joomla! programming interface, the XTC Framework provides simple yet powerful template creation tools that allows developers to rapidly build or change every aspect of template elements and its administration panel and provide final users with easy and familiar controls to configure the template.

The following are some of the available features, more are coming!


Layouts:



Layouts define the overall location of elements in the template, they can have their own set of style, typography or any other CSS Parameter Groups. Also they can have their own custom parameters for added functionality such as custom code, Javascript calls, etc.

  • Support for one or multiple layouts each one with its own set of parameters. Switch your entire site look in two clicks!
  • Layouts can share the same module position names or have custom ones for increased flexibility.
  • Support mobile devices.
  • Creating a new layout is as easy as copying the current one into another folder!
  • PHP-based layout code allows any kind of customization or logic to be used
  • Intelligent Grid rendering with standard Joomla! jdoc calls is available for easy placement of content areas
  • The grid engine creates automatic CSS classes for easy styling: Need to edit the header of the bottom module in the first column of region3? CSS is as easy as: #region3 .firstcolumn .lastarea h3 {}
  • Use region-based layouts with selectable region display order
  • Easily switch column display order within a region
  • From simple to advanced template layouts, the choice is yours!

Style Management:



XTC delivers powerful CSS features to ease the styling of templates. For example, you can combine multiple CSS preset styles to obtain the right look for your site. XTC template CSS can be split in as many groups as needed, each one capable of sharing one or more template parameters to control what you want, and if you need more groups, creating new ones is really simple.

  • Use Parameters Groups to organize CSS in many ways: Colors and Graphics, Module suffixes, Typography, Menu styling, etc.
  • Use one CSS file with one or multiple Parameter Groups, or multiple CSS files for each group.
  • CSS files can be edited from template backend, or use the template.css file to override any other CSS.
  • Use PHP code inside CSS files with full access to all parameters for custom styles.
  • Does not require multiple calls for CSS files to server
  • Making an extra sets of parameters is as easy as copying one file!

Easy Menus:



Three menu modes included by default: Suckerfish, Two-column suckerfish and Drop line, each one selectable as a class in any mainmenu module!

  • Support list rendering
  • Automatic CSS classes added for easy styling
  • MooTools based for total compatibility

Framework Features:



  • Fast, Joomla! API standard
  • Select which components to show or hide in the frontpage
  • Include all the CSS as part of the HTML document, as separate files or as a single file with the flip of a switch.
  • Selectable CSS gzip compression for increased throughput
  • Mark any parameter as "public" to allow their values be set from URL calls
  • Public parameter values are independent by user/visitor
  • Customizable CSS for the administation panel
Published in Uncategorised
Friday, 11 November 2011 22:48

Template Framework

adminpanel

Joomla XTC Framework

JoomlaXTC XTC Framework template system provides complete control over the template styles, from Width Adjustments, Region and Column Layout, Backgrounds, Font Colors / Sizes / Typeset, Module Layout, Menus and much more.

Using the standard Joomla! programming interface, the XTC Framework provides simple yet powerful template creation tools that allows developers to rapidly build or change every aspect of template elements and its administration panel and provide final users with easy and familiar controls to configure the template.

The following are some of the available features, more are coming!


Layouts:



Layouts define the overall location of elements in the template, they can have their own set of style, typography or any other CSS Parameter Groups. Also they can have their own custom parameters for added functionality such as custom code, Javascript calls, etc.

  • Support for one or multiple layouts each one with its own set of parameters. Switch your entire site look in two clicks!
  • Layouts can share the same module position names or have custom ones for increased flexibility.
  • Support mobile devices.
  • Creating a new layout is as easy as copying the current one into another folder!
  • PHP-based layout code allows any kind of customization or logic to be used
  • Intelligent Grid rendering with standard Joomla! jdoc calls is available for easy placement of content areas
  • The grid engine creates automatic CSS classes for easy styling: Need to edit the header of the bottom module in the first column of region3? CSS is as easy as: #region3 .firstcolumn .lastarea h3 {}
  • Use region-based layouts with selectable region display order
  • Easily switch column display order within a region
  • From simple to advanced template layouts, the choice is yours!

Style Management:



XTC delivers powerful CSS features to ease the styling of templates. For example, you can combine multiple CSS preset styles to obtain the right look for your site. XTC template CSS can be split in as many groups as needed, each one capable of sharing one or more template parameters to control what you want, and if you need more groups, creating new ones is really simple.

  • Use Parameters Groups to organize CSS in many ways: Colors and Graphics, Module suffixes, Typography, Menu styling, etc.
  • Use one CSS file with one or multiple Parameter Groups, or multiple CSS files for each group.
  • CSS files can be edited from template backend, or use the template.css file to override any other CSS.
  • Use PHP code inside CSS files with full access to all parameters for custom styles.
  • Does not require multiple calls for CSS files to server
  • Making an extra sets of parameters is as easy as copying one file!

Easy Menus:



Three menu modes included by default: Suckerfish, Two-column suckerfish and Drop line, each one selectable as a class in any mainmenu module!

  • Support list rendering
  • Automatic CSS classes added for easy styling
  • MooTools based for total compatibility

Framework Features:



  • Fast, Joomla! API standard
  • Select which components to show or hide in the frontpage
  • Include all the CSS as part of the HTML document, as separate files or as a single file with the flip of a switch.
  • Selectable CSS gzip compression for increased throughput
  • Mark any parameter as "public" to allow their values be set from URL calls
  • Public parameter values are independent by user/visitor
  • Customizable CSS for the administation panel
Published in Uncategorised
Friday, 11 November 2011 22:47

Module Suffixes

Tribune Times comes with 45+ module suffix styles with multiple combinations. Each suffix style can be used in conjunction with others such as titlebox_right to create a right centered h3 title box, or red_right to create a red style with h3 text aligned right. Simply use an underscore '_' to bridge the suffix styles!



Published in Uncategorised
Friday, 11 November 2011 22:47

Module Suffixes

Tribune Times comes with 45+ module suffix styles with multiple combinations. Each suffix style can be used in conjunction with others such as titlebox_right to create a right centered h3 title box, or red_right to create a red style with h3 text aligned right. Simply use an underscore '_' to bridge the suffix styles!



Published in Uncategorised
Friday, 11 November 2011 22:47

Typography

This is an H1 Heading

<h1>This is an H1 Heading</h1>

This is an H2 Heading

<h2>This is an H2 Heading</h2>

This is an H3 Heading

<h3>This is an H3 Heading</h3>

This is an H4 Heading

<h4>This is an H4 Heading</h4>
This is an H5 Heading
<h5>This is an H5 Heading</h5>
D

ropcap Styling for article intros and much more. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nunc lorem, eleifend vel, rhoncus sed, congue quis, leo. Aliquam dignissim dui quis purus. Phasellus vehicula, ante eu mollis pharetra, enim felis iaculis lacus, congue ullamcorper lorem eros at libero.

<div class="dropcap">D</div>ropcap Styling

This is the Example Quote Class this can be used to create quotes in article pages by using the code below

<blockquote class="opensmall">This is the Example Quote Class</blockquote>


Example LG Quote Class

<blockquote class="openlarge">This is the Example Quote Class</blockquote>


This is the code div class. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.


<div class="code">This is the code div class</div>
This is the highlight div class. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.


<div class="highlight">This is the highlight div class</div>



Bubble Div Styles



* Please note all Bubble Styles require browsers CSS3 compliant for round corners. Sorry IE 6-8!

This is Bubble Red.
<div class="bubble-red">bubble-red</div>
This is Bubble Blue
<div class="bubble-blue">bubble-blue</div>
This is Bubble Green
<div class="bubble-green">bubble-green</div>
This is Bubble Cyan
<div class="bubble-cyan">bubble-cyan</div>



This is Bubble Tan
<div class="bubble-tan">bubble-tan</div>
This is Bubble Yellow
<div class="bubble-yellow">bubble-yellow</div>
This is Bubble Grey
<div class="bubble-grey">bubble-grey</div>
This is Bubble Pink
<div class="bubble-pink">bubble-pink</div>

Blog Div Styles



* Please note all Blog Styles require browsers CSS3 compliant for round corners. Sorry IE 6-8!

This is Blog Red

<div class="blog-red">blog-red</div>

This is Blog Blue

<div class=">blog-blue">blog-blue</div>

This is Blog Green

<div class="blog-green">blog-green</div>

This is Blog Cyan

<div class="blog-cyan">blog-cyan</div>
This is Blog Tan

<div class="blog-tan">blog-tan</div>

This is Blog Yellow

<div class="blog-yellow">blog-yellow</div>

This is Blog Grey

<div class="blog-grey">blog-grey</div>

This is Blog Pink

<div class="blog-pink">blog-pink</div>



Note Style



This the note style. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.




<div class="note">This is note style</div>

Button Styles



* Please note all Button Styles require browsers CSS3 compliant for round corners. Sorry IE 6-8!




<button class="blue">Blue Button</div>




<button class="cyan">Cyan Button</div>




<button class="red">Red Button</div>




<button class="green">Green Button</div>




<button class="tan">Tan Button</div>




<button class="yellow">Yellow Button</div>




<button class="grey">Grey Button</div>




<button class="pink">Pink Button</div>





<button class="blue-pill">Blue Pill Button</div>




<button class="cyan-pill">Cyan Pill Button</div>




<button class="red-pill">Red Pill Button</div>




<button class="green-pill">Green Pill Button</div>




<button class="tan-pill">Tan Pill Button</div>




<button class="yellow-pill">Yellow Pill Button</div>




<button class="grey-pill">Grey Pill Button</div>




<button class="pink-pill">Pink Pill Button</div>


UL List Styles



  • This is checklist
  • This is articlelist
  • This is starlist
  • This is arrowlist
  • This is xlist
  • This is astlist
  • This is movielist
  • This is bloglist
  • This is photolist
  • This is datelist


P Styles



This is a sample of the 'error' style.


This is a sample of the 'ideas' style.


This is a sample of the 'message' style.


This is a sample of the 'astrix' style.


This is com


This is mod


This is plug


This is lang


This is RSS


This is a sample of the 'download' style.


This is a sample of the 'x' style.


This is xblack


This is heart


This is photored

This is photoblue

This is photogreen

This is photoorange

This is photopink

This is photogrey

This is photoblack


This is starred

This is starblue

This is stargreen

This is starorange

This is stargrey

Published in Uncategorised
Friday, 11 November 2011 22:47

Typography

This is an H1 Heading

<h1>This is an H1 Heading</h1>

This is an H2 Heading

<h2>This is an H2 Heading</h2>

This is an H3 Heading

<h3>This is an H3 Heading</h3>

This is an H4 Heading

<h4>This is an H4 Heading</h4>
This is an H5 Heading
<h5>This is an H5 Heading</h5>
D

ropcap Styling for article intros and much more. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nunc lorem, eleifend vel, rhoncus sed, congue quis, leo. Aliquam dignissim dui quis purus. Phasellus vehicula, ante eu mollis pharetra, enim felis iaculis lacus, congue ullamcorper lorem eros at libero.

<div class="dropcap">D</div>ropcap Styling

This is the Example Quote Class this can be used to create quotes in article pages by using the code below

<blockquote class="opensmall">This is the Example Quote Class</blockquote>


Example LG Quote Class

<blockquote class="openlarge">This is the Example Quote Class</blockquote>


This is the code div class. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.


<div class="code">This is the code div class</div>
This is the highlight div class. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.


<div class="highlight">This is the highlight div class</div>



Bubble Div Styles



* Please note all Bubble Styles require browsers CSS3 compliant for round corners. Sorry IE 6-8!

This is Bubble Red.
<div class="bubble-red">bubble-red</div>
This is Bubble Blue
<div class="bubble-blue">bubble-blue</div>
This is Bubble Green
<div class="bubble-green">bubble-green</div>
This is Bubble Cyan
<div class="bubble-cyan">bubble-cyan</div>



This is Bubble Tan
<div class="bubble-tan">bubble-tan</div>
This is Bubble Yellow
<div class="bubble-yellow">bubble-yellow</div>
This is Bubble Grey
<div class="bubble-grey">bubble-grey</div>
This is Bubble Pink
<div class="bubble-pink">bubble-pink</div>

Blog Div Styles



* Please note all Blog Styles require browsers CSS3 compliant for round corners. Sorry IE 6-8!

This is Blog Red

<div class="blog-red">blog-red</div>

This is Blog Blue

<div class=">blog-blue">blog-blue</div>

This is Blog Green

<div class="blog-green">blog-green</div>

This is Blog Cyan

<div class="blog-cyan">blog-cyan</div>
This is Blog Tan

<div class="blog-tan">blog-tan</div>

This is Blog Yellow

<div class="blog-yellow">blog-yellow</div>

This is Blog Grey

<div class="blog-grey">blog-grey</div>

This is Blog Pink

<div class="blog-pink">blog-pink</div>



Note Style



This the note style. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.




<div class="note">This is note style</div>

Button Styles



* Please note all Button Styles require browsers CSS3 compliant for round corners. Sorry IE 6-8!




<button class="blue">Blue Button</div>




<button class="cyan">Cyan Button</div>




<button class="red">Red Button</div>




<button class="green">Green Button</div>




<button class="tan">Tan Button</div>




<button class="yellow">Yellow Button</div>




<button class="grey">Grey Button</div>




<button class="pink">Pink Button</div>





<button class="blue-pill">Blue Pill Button</div>




<button class="cyan-pill">Cyan Pill Button</div>




<button class="red-pill">Red Pill Button</div>




<button class="green-pill">Green Pill Button</div>




<button class="tan-pill">Tan Pill Button</div>




<button class="yellow-pill">Yellow Pill Button</div>




<button class="grey-pill">Grey Pill Button</div>




<button class="pink-pill">Pink Pill Button</div>


UL List Styles



  • This is checklist
  • This is articlelist
  • This is starlist
  • This is arrowlist
  • This is xlist
  • This is astlist
  • This is movielist
  • This is bloglist
  • This is photolist
  • This is datelist


P Styles



This is a sample of the 'error' style.


This is a sample of the 'ideas' style.


This is a sample of the 'message' style.


This is a sample of the 'astrix' style.


This is com


This is mod


This is plug


This is lang


This is RSS


This is a sample of the 'download' style.


This is a sample of the 'x' style.


This is xblack


This is heart


This is photored

This is photoblue

This is photogreen

This is photoorange

This is photopink

This is photogrey

This is photoblack


This is starred

This is starblue

This is stargreen

This is starorange

This is stargrey

Published in Uncategorised

(C) 2013 Theodore Myles