Ediciones USTA es el sello editorial de la Universidad Santo Tomás, primer claustro universitario de Colombia. Con más de 40 años de experiencia, su producción alcanza los 100 ejemplares al año, convirtiéndola en una de las editoriales universitarias con mayor trayectoria del país https://ediciones.usta.edu.co/index.php/21-features/template-features 2024-11-23T00:37:36+00:00 EDICIONES USTA [email protected] Joomla! - Open Source Content Management 2012-12-30T23:45:17+00:00 2012-12-30T23:45:17+00:00 https://ediciones.usta.edu.co/index.php/21-features/template-features/57-solid-template-framework

<p><img src="https://ediciones.usta.edu.co/images/democontent/documentation/t3-banner.png" /></p><h3>Zen to the power of T3.</h3> <p>This template is built on the powerful T3 template framework.</p> <p>T3 adds a new dimension to controlling and creating flexibile layouts for responsive Joomla templates and combined with the minimalism of our previous Zen Grid Framework templates, it's a combination that is hard to beat.</p> <p>T3 offers an incredible amount of control and flexibility. With it's easy to use drag and drop interface, the way you control what goes where in your website just got a whole lot easier.</p> <p> </p> <p><strong>Key features of the T3 framework:</strong></p> <ul> <li>Drag and drop templating interface</li> <li>Theme Magic interface for creating your own template style</li> <li>Less compiled templating system which enables you to do more with less code.</li> <li>High performance front and back end </li> <li>Built on Bootstrap to seamlessly work with other bootstrap based Joomla extensions</li> <li>Complete control over module positions and module position names</li> <li>Extended module chrome to leverage Bootstrap native functions such as sliders, tabs, modals and more.</li> </ul> <p> </p>

<p><img src="https://ediciones.usta.edu.co/images/democontent/documentation/t3-banner.png" /></p><h3>Zen to the power of T3.</h3> <p>This template is built on the powerful T3 template framework.</p> <p>T3 adds a new dimension to controlling and creating flexibile layouts for responsive Joomla templates and combined with the minimalism of our previous Zen Grid Framework templates, it's a combination that is hard to beat.</p> <p>T3 offers an incredible amount of control and flexibility. With it's easy to use drag and drop interface, the way you control what goes where in your website just got a whole lot easier.</p> <p> </p> <p><strong>Key features of the T3 framework:</strong></p> <ul> <li>Drag and drop templating interface</li> <li>Theme Magic interface for creating your own template style</li> <li>Less compiled templating system which enables you to do more with less code.</li> <li>High performance front and back end </li> <li>Built on Bootstrap to seamlessly work with other bootstrap based Joomla extensions</li> <li>Complete control over module positions and module position names</li> <li>Extended module chrome to leverage Bootstrap native functions such as sliders, tabs, modals and more.</li> </ul> <p> </p> 2012-12-20T23:30:27+00:00 2012-12-20T23:30:27+00:00 https://ediciones.usta.edu.co/index.php/21-features/template-features/54-module-positions

<p><img src="https://ediciones.usta.edu.co/images/democontent/documentation/modulepositions.jpg" /></p><p><span style="line-height: 1.3em;">This template is built using the Zen Grid Framework and contains 52 module positions for you to use to create flexible page layouts. For a full understanding of how the module positions work in framework compatible templates please visit the Zen Grid Framework documentation.</span></p> <p>The screenshot below highlights the modules available in this template. For a run down on how we created the demo site for this template please visit the setup menu item and review the documentation available there.</p>

<p><img src="https://ediciones.usta.edu.co/images/democontent/documentation/modulepositions.jpg" /></p><p><span style="line-height: 1.3em;">This template is built using the Zen Grid Framework and contains 52 module positions for you to use to create flexible page layouts. For a full understanding of how the module positions work in framework compatible templates please visit the Zen Grid Framework documentation.</span></p> <p>The screenshot below highlights the modules available in this template. For a run down on how we created the demo site for this template please visit the setup menu item and review the documentation available there.</p> 2012-12-20T23:27:47+00:00 2012-12-20T23:27:47+00:00 https://ediciones.usta.edu.co/index.php/21-features/template-features/53-module-classes

<p>This template comes with a wide variety of module classes that can be used to change the appearance and structure of your module classes. </p> <p>The module classes are broken up into the three broad categories - strucure, function and appearance.</p> <h2 class="headline">Structural module classes</h2> <p class="subheading">Used to change the position of a module</p> <p><strong>Positioning</strong></p> <ul> <li>top25 {margin-top: 25px}</li> <li>top50 {margin-top: 50px}</li> <li>top75 {margin-top: 75px}</li> <li>top100 {margin-top: 100px}</li> <li>top125 {margin-top: 125px}</li> <li>top150 {margin-top: 150px}</li> <li>top175 {margin-top: 175px}</li> <li>top200 {margin-top: 200px}</li> <li>top225 {margin-top: 225px}</li> <li>top250 {margin-top: 250px}</li> <li>top275 {margin-top: 275px}</li> <li>top300 {margin-top: 300px}</li> <li>top325 {margin-top: 325px}</li> <li>top350 {margin-top: 350px}</li> <li>top375 {margin-top: 375px}</li> <li>top400 {margin-top: 400px}</li> <li>top425 {margin-top: 425px} </li> <li>top450" {margin-top: 450px}</li> <li>top475 {margin-top: 475px}</li> <li>top500 {margin-top: 500px}</li> </ul> <h2 class="headline">Functional module styles</h2> <p class="subheading">Used to change the function of a module</p> <p>All functional module classes are handled via the module chrome / style options in each module's module settings.</p> <p>Functional module styling available includes:</p> <ul> <li>zentabs - Bootstrap tab styling</li> <li>zenmodal - Bootstrap modal style</li> <li>zenslider - Bootstrap collapse style</li> <li>zenpopover - Bootstrap Popover style</li> </ul> <h2 class="headline">Appearance module classes</h2> <p class="subheading">Used to change the appearance of a module</p> <ul> <li>primary1</li> <li>primary2</li> <li>primary3</li> <li>secondary1</li> <li>secondary2</li> <li>secondary3</li> <li>inset</li> <li>border</li> <li>shadow</li> <li>shadow2</li> <li>hot - adds the word hot to the .moduletable h3 span:after</li> <li>new - adds the word new to the .moduletable h3 span:after</li> </ul> <p>The appearance module classes can be used in combination with each other to create more compel xmoduel styles. To use multiple styles together please ensure that each module class suffix is separated by a space as per the following example. Also please note that there needs to be a space before the start of the first class in order to render the class output properly:</p> <p><code> primary1 inset border</code></p> <p> </p> <h2 class="headline">Font Icon Module classes</h2> <p class="subheading">Add font awesome icons to your modules</p> <p>Using a combination of module classes, it is possible to create a wide range of module styles using the font awesome font icons.</p> <p>A typical module class suffix using the font icons looks like this:</p> <p><code>icon icon-comments large bottom secondary1</code></p> <ul> <li>icon - initiates the font icon display</li> <li>icon-comments - selects the icon to display. You can see a full list of icons available on the <a href="https://ediciones.usta.edu.co/index.php/typography">typography page</a>.</li> <li>large - (optional) You can choose between tiny, medium or large which set the font-size of the icon as follows: 1em, 2em (default), 4em and 8em.</li> <li>bottom - (optional) Displays the icon at the bottom of the module. By default the icon is set to display at the top.</li> <li>secondary1 - as per the examples on this page this refers to the built in colour control in the template.</li> </ul> <p>You can scroll down to the bottom of this page to see a very small selection of the styles in action.</p>

<p>This template comes with a wide variety of module classes that can be used to change the appearance and structure of your module classes. </p> <p>The module classes are broken up into the three broad categories - strucure, function and appearance.</p> <h2 class="headline">Structural module classes</h2> <p class="subheading">Used to change the position of a module</p> <p><strong>Positioning</strong></p> <ul> <li>top25 {margin-top: 25px}</li> <li>top50 {margin-top: 50px}</li> <li>top75 {margin-top: 75px}</li> <li>top100 {margin-top: 100px}</li> <li>top125 {margin-top: 125px}</li> <li>top150 {margin-top: 150px}</li> <li>top175 {margin-top: 175px}</li> <li>top200 {margin-top: 200px}</li> <li>top225 {margin-top: 225px}</li> <li>top250 {margin-top: 250px}</li> <li>top275 {margin-top: 275px}</li> <li>top300 {margin-top: 300px}</li> <li>top325 {margin-top: 325px}</li> <li>top350 {margin-top: 350px}</li> <li>top375 {margin-top: 375px}</li> <li>top400 {margin-top: 400px}</li> <li>top425 {margin-top: 425px} </li> <li>top450" {margin-top: 450px}</li> <li>top475 {margin-top: 475px}</li> <li>top500 {margin-top: 500px}</li> </ul> <h2 class="headline">Functional module styles</h2> <p class="subheading">Used to change the function of a module</p> <p>All functional module classes are handled via the module chrome / style options in each module's module settings.</p> <p>Functional module styling available includes:</p> <ul> <li>zentabs - Bootstrap tab styling</li> <li>zenmodal - Bootstrap modal style</li> <li>zenslider - Bootstrap collapse style</li> <li>zenpopover - Bootstrap Popover style</li> </ul> <h2 class="headline">Appearance module classes</h2> <p class="subheading">Used to change the appearance of a module</p> <ul> <li>primary1</li> <li>primary2</li> <li>primary3</li> <li>secondary1</li> <li>secondary2</li> <li>secondary3</li> <li>inset</li> <li>border</li> <li>shadow</li> <li>shadow2</li> <li>hot - adds the word hot to the .moduletable h3 span:after</li> <li>new - adds the word new to the .moduletable h3 span:after</li> </ul> <p>The appearance module classes can be used in combination with each other to create more compel xmoduel styles. To use multiple styles together please ensure that each module class suffix is separated by a space as per the following example. Also please note that there needs to be a space before the start of the first class in order to render the class output properly:</p> <p><code> primary1 inset border</code></p> <p> </p> <h2 class="headline">Font Icon Module classes</h2> <p class="subheading">Add font awesome icons to your modules</p> <p>Using a combination of module classes, it is possible to create a wide range of module styles using the font awesome font icons.</p> <p>A typical module class suffix using the font icons looks like this:</p> <p><code>icon icon-comments large bottom secondary1</code></p> <ul> <li>icon - initiates the font icon display</li> <li>icon-comments - selects the icon to display. You can see a full list of icons available on the <a href="https://ediciones.usta.edu.co/index.php/typography">typography page</a>.</li> <li>large - (optional) You can choose between tiny, medium or large which set the font-size of the icon as follows: 1em, 2em (default), 4em and 8em.</li> <li>bottom - (optional) Displays the icon at the bottom of the module. By default the icon is set to display at the top.</li> <li>secondary1 - as per the examples on this page this refers to the built in colour control in the template.</li> </ul> <p>You can scroll down to the bottom of this page to see a very small selection of the styles in action.</p>