YOOtheme


REVOLUTION PDF Print E-mail

Grafix & Video - Productions and Xtreme - Xperience is a amazing web presence, offering high quality movies with extreme action combined with motion grafix and visual effects for your company. We show you that things you won´t see anywhere else on the net. Our goal is to always deliver powerful movies or unforgetable scenes to enable companies to realize new productive skills and amplify their products. By the way: We don´t talk about USP´s, we know how to build them!

Message from Joe Coffee:
We enjoy sharing our possibilitys with people that are interested in marketing, hot promotion, business, extremesports, videoproducing, creating visual effects and motion graphics. As you can imagine, our time to do our job is rather limited, so when I make the animations I try to have a good time. I do apologize if I get off track momentarily - we try to have fun...

If you don´t want to read a lot or want to know what guerillia marketing is, visit: apix.tv!

Video Feature List
  • Enhanced Module System called: "Successor"
  • New advanced possibilitys to push your products
  • Highest Resolutions HDV - Full HD
  • Amazing Pictures or Amazing Stunts
  • Top Design
Take the next step in the "Promotion Revolution" with Amazing Pictures! Join us, get informed about new actions of the makers of APIX.
 
Typography PDF Print E-mail
Typography is a key element in web design. This templates delivers you sophisticated typography and various stylings. The style guide gives you an overview about all possible HTML tag stylings provided by the template. It also helps you to set up the available classes for special stylings.

This is a H1 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H2 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H3 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H4 Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H5 Header
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H6 Header
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Emphasis Styles


em tag with class="box"
em tag with class="file"
em tag with class="directory"


Acronym Styles


acronym tag

Unorderd List Styles

  • <ul> with class="checkbox"
  • <ul> with class="arrow"
  • <ul> with class="star"
  • <ul> with class="check"
  • <ul> with class="plus"
  • class="checkbox-big"
  • class="arrow-big"
  • class="star-big"
  • class="check-big"
  • class="plus-big"

Ordered List Styles

  1. <ol> with class="disc"
  2. item 2
  3. item 3
  1. class="disc-big"
  2. item 2
  3. item 3

Div and Span Styles

<div> or <span> tag with class="note" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class="info" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class="alert" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class="download" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class="tip" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

Blockquote Styles

Sample <blockquote> tag with class="quotation":
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
<Blockquote> tag with class="quotation" and an an additional <p> tag.
(use <blockquote><p>....</p></blockquote>)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Sample <blockquote> tag with class="quotation-big":
Lorem ipsum dolor sit amet consec.
Sample <blockquote> tag with class="quotation-big" and an additional <p> tag
(use <blockquote class="big"><p>....</p></blockquote>):

Lorem ipsum dolor sit amet, consec est.

Forms Style

Form legend

Preformated Text Style

pre {
	background: #fff;
	color: #333;
	padding:10px;
	border: 1px solid #ccc;
	border-left: 5px solid #ccc;
}
			

Horizontal Rule


 
Layout PDF Print E-mail
This template supports a wide variety of module positions and variations. Almost any column and module layout can be achieved with the YOOtheme module system. Read the following descriptions carefully to learn all about the possibilities this template has to offer.

Module Variations

Many modules variations are included in this template. They come with different colors and styles. To enable a specific module variation for a module you have to set the specific module class suffix in the module parameters.
All different module stylings can be seen at the Module Variations Page.

Module Positions

The YOOtheme module system offers nearly unlimited combinations of module positions. For example you can have a 1-Column, 2-Column or 3 Column layout. It is also possible to have a nested right column instead of a right column which has an equal height as the left column.

In most module positions you can publish as many modules as possible for you current layout. You are surely familiar with this for the vertical module positions like left and right. But with the YOOtheme module system we introduce some new module positions which supports publishing as many modules as possible in one horizontal row. Also the height of all published modules in one vertical row is adjust to match each other.

All module positions are fully collapsible. If there is no module published in a certain position, this module position will contract and disappear.

Positions

Module Positions

More Details

More Details


Module Proportions

One outstanding feature of the YOOtheme module system is the possibility to chose between different module proportions for each module position. By default YOOtheme offers two module proportions: equal and golden ratio. For all module positions with the suffix "-equal" in the upper figure exists an equivalent module position with the suffix "-goldenratio". The proportions of the modules depend on the position in which they are published ("-equal" or "-goldenratio").
Example: You can publish 2 modules in top-equal. The width of each module will be 50%. If you publish the 2 modules in top-goldenratio the width of the first module will be 62% and of the second module 38%.
Of course you can publish the modules for each page in different positions. For example this feature allows you to publish one big module and a second smaller one (golden ratio) on the frontpage. For all other sites you can use equal module widths.
Important: For each page and each module position you have to chose if you are going to publish in the "equal" or "golden ratio" position. It is not possible to publish a module in the "equal" position and at the same time another module in the "golden ratio" position on the same page and for the same position. If this happens the "equal" proportion has priority and will be displayed. All modules published in the "golden ratio" position will not be displayed.
The following figures show the different proportions depending on the numbers of published modules.

Equal

Equal Proportions

Golden Ratio

Golden Ratio Proportions
If you want add your own custom proportion or learn more technical details take a look at this tutorial: How to add custom proportions for module positions?


Left Column Layout

This template supports two different layout options. The "left" module position can be aligned to the left or the right. To chose between these two possible options goto the Joomla backend, open the template parameters and set the parameter "Layout Style" to "left" or "right".

Left aligned

Left aligned layout

Right aligned

Right aligned layout
 
Dummy Content PDF Print E-mail
Written by Administrator   
Wednesday, 19 December 2007 05:00
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Last Updated on Monday, 28 June 2010 09:09
 
YOOstyleswitcher PDF Print E-mail
YOOstyleswitcher Accessibility is very important to make your website accessible for a wide range of users. The YOOstyleswitcher enables your website to fit to any screen resolution and to resize the entire text. This is done by giving users ability to change font size and page width.

The YOOstyleswitcher is a smart combination of Javascript and PHP which delivers an advanced solution for best user experience.
And the icing on the cake is a smooth sliding effect. Try it out now, by clicking the YOOstyleswitcher!
Notice: it's no problem to deactivate the YOOstyleswitcher completely and to stay always at a fixed width. Just set the YOOstyleswitcher in the template configuration to false and choose your default fixed width.
 
<< Start < Prev 1 2 Next > End >>

Page 1 of 2
Powerd by G&V
Powerd by G&V
Powerd by G&V
Powerd by G&V