8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 1/19

StyleGuide for FlexolioFlexolio provides 54 unique layouts for each widget area:

Frontpage Widgets (below Header)

Frontpage Footer Widgets

Page Footer Widgets

Portfolio Footer Widgets

Blog Footer Widgets

Toppanel Widgets

Thsi Styleguide shows you the layouts and gives usage hints where necessary.

1 Widget

Layout Name

1-widgets-style1.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 2/19

 

2 Widgets

Layout Name

2-widgets-style1.css

2-widgets-style2.css

2-widgets-style3.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 3/19

 

3 Widgets

Layout Name

3-widgets-style1.css

3-widgets-style2.css

IMPORTANT!!!

The total height is determinded by

Widget 1 + 2.

Widget 3 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than Widget1+2 together.

3-widgets-style3.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 4/19

 

3-widgets-style4.css

3-widgets-style5.css

IMPORTANT!!!

The total height is determinded by

Widget 1 + 2.

Widget 3 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than Widget1+2 together.

3-widgets-style6.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 5/19

 

3-widgets-style7.css

3-widgest-style8.css

IMPORTANT!!!

The total height is determinded by

Widget 1 + 2.

Widget 3 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than Widget1+2 together.

3-widgets-style9.css

3-widgets-style10.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 6/19

 

3-widgets-style11.css

3-widgets-style12.css

3-widgets-style13.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 7/19

 

4 Widgets

Layout Name

4-widgets-style1.css

4-widgets-style2.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 8/19

 

4-widgets-style3.css

4-widgets-style4.css

4-widgets-style5.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 9/19

 

4-widgets-style6.css

4-widgets-style7.css

4-widgets-style8.css

4-widgets-style9.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 10/19

5 Widgets

Layout Name

5-widgets-style1.css

5-widgets-style2.css

IMPORTANT!!!

The total height is determinded by

Widget 1 + 2+3.

Widget 4+5 are absolutely

positioned and have no influence onthe height, meaning it will be cut off 

if it is higher than Widget1+2+3

together.

5-widgets-style3.css

IMPORTANT!!!

The total height is determinded by

Widget 1 + 2+3+4.

Widget 5 is absolutely positioned

and have no influence on the height,

meaning it will be cut off if it is

higher than Widget1+2+3+4

together.

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 11/19

 

5-widgets-style4.css

5-widgets-style5.css

5-widgets-style6.css

INPORTANT!!!

The total height is determinded by

Widget 1 +3 or 2+4.

Widget 5 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than the other widget

combination.

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 12/19

 

5-widgets-style7.css

INPORTANT

Widget 2 must be the same lengthor longer than widget 3.

5-widgets-style8.css

5-widgets-style9.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 13/19

 

5-widgets-style10.css

INPORTANT!!!

The total height is determinded by

Widget 1 +2+3+4.

Widget 5 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than the other widget

combination.

5-widgets-style11.css

5-widgets-style12.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 14/19

 

5-widgets-style13.css

INPORTANT!!!

The total height is determinded by

Widget 1 +2+3+4.

Widget 5 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than the other widget

combination.

5-widgets-style14.css

5-widgets-style15.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 15/19

 

6 Widgets

Layout Name

6-widgets-style1.css

INPORTANT!!!

The total height is determinded by

Widget 1 - 5.

Widget 6 is absolutely positioned

and has no influence on the height,meaning it will be cut off if it is

higher than the other widget

combination.

6-widgets-style2.css

INPORTANT!!!

The total height is determinded byWidget 1 - 5.

Widget 6 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than the other widget

combination.

6-widgets-style3.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 16/19

 

6-widgets-style4.css

INPORTANT!!!

The total height is determinded by

Widget 1 - 4.

Widget 6/5 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than the other widget

combination.

6-widgets-style5.css

6-widgets-style6.css

INPORTANT!!!

The total height is determinded by

Widget 1 - 5.

Widget 6 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than the other widget

combination.

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 17/19

 

6-widgets-style7.css

INPORTANT!!!

The total height is determinded by

Widget 1 - 5.

Widget 6 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than the other widget

combination.

6-widgets-style8.css

INPORTANT!!!

The total height is determinded by

Widget 1 - 5.

Widget 6 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than the other widget

combination.

6-widgets-style9.css

INPORTANT!!!

The total height is determinded by

Widget 1 +3 or 2+4.

Widget 6 is absolutely positioned

and has no influence on the height,

meaning it will be cut off if it is

higher than the other widget

combination.

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 18/19

 

6-widgets-style10.css

6-widgets-style11.css

6-widgets-style12.css

8/6/2019 Test de Test

http://slidepdf.com/reader/full/test-de-test 19/19

 

6-widgets-style13.css