| |
|
cBlueBlack Container
|
|
 |
 |
|
|
|
|
This is the cBlueBlack container and it is put in the Content Pane 9.
The ContentPane 9 is in the top of the page and its width is the whole page width. |
|
|
|
|
|
|
|
| |
|
cBlueGreen Container
|
|
 |
 |
|
|
|
|
This is the ContentPane 0, occupied now by the cBlueGreen container.
Looking at the containers in this page you can see that they have the same form, but different colors.
As you can see, the existence of 10 panels, allows to present, with a single skin, diverse presentation outlines according to that the content is distributed in one or in another panel.
We could choose in many pages:
- to put information in the ContentPane 9 only,
- to put information in the ContentPane 0, 1 and in the 2,
- idem in the 3, 4, 5 and in the 6,
- idem in Content Pane 9 and below in the 7 and 8,
- besides being able to put in more than one previous case.
|
|
|
|
|
|
|
|
|
BlueWorld Skin Description
|
|
 |
 |
|
|
|
|
|
|
cBlueMaroon Container
|
|
 |
 |
|
|
|
|
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus eleifend nunc at leo. Aliquam molestie. Aliquam non purus vitae sem accumsan fermentum. Vivamus mi. Vivamus vitae lectus. Pellentesque ut wisi. Morbi tristique. Duis justo sapien, volutpat vitae, tincidunt quis, dapibus at, sem. Integer iaculis pede at magna. Vestibulum sodales. Aenean eget diam id neque lobortis consequat. Maecenas nec turpis. |
|
|
|
|
|
|
|
| |
|
cBlueOrange Container
|
|
 |
 |
|
|
|
|
| Donec semper erat at lorem. Quisque sit amet nibh ac nibh facilisis posuere. Integer ultricies, nisl at vestibulum rhoncus, eros odio commodo purus, id accumsan odio orci a quam. Donec metus. Donec iaculis nulla eu nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris semper. Duis id dolor id wisi eleifend semper. Proin consectetuer semper sapien. Cras sollicitudin vulputate arcu. Morbi eu ipsum sit amet eros vestibulum suscipit. Nulla ac odio. |
|
|
|
|
|
|
|
|
cBlueRed Container
|
|
 |
 |
|
|
|
|
| Aliquam molestie. Phasellus laoreet. Nulla elit. Nulla ornare. Fusce id sem. Vestibulum dignissim, felis ac adipiscing nonummy, diam mauris volutpat turpis, nec ornare risus metus pellentesque odio. Integer vulputate, tortor in iaculis iaculis, enim magna sagittis magna, ac fringilla nisl velit et tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse quis est et ante tincidunt fermentum. Pellentesque dapibus ornare ligula. Vestibulum laoreet. Aliquam ut nibh. Phasellus ac sapien. Aliquam suscipit volutpat massa. |
|
|
|
|
|
|
|
|
cBluePink Container
|
|
 |
 |
|
|
|
|
| Vivamus ante nisl, viverra in, gravida a, placerat vel, mauris. Fusce vehicula enim vitae diam. Duis condimentum, felis vitae pellentesque semper, risus velit facilisis nulla, sed malesuada turpis neque et lectus. Cras sodales. Vivamus dapibus cursus enim. Fusce varius. In congue leo in lacus. Donec feugiat tellus id nunc. Nunc at lorem. Donec suscipit tellus vitae justo. Proin risus elit, lacinia et, posuere ut, molestie fermentum, libero. In sed purus. Ut lectus magna, faucibus vel, pellentesque interdum, pharetra a, diam. |
|
|
|
|
|
|
|
|
|
| |
|
|
|
cBlueMiddle Container
|
|
|
|
|
|
|
|
Mauris in magna. Donec vel orci. Mauris aliquet. Proin sollicitudin posuere libero. Donec erat odio, consectetuer a, mollis a, fermentum id, risus. Vivamus a lorem. Proin massa neque, lacinia eget, auctor a, vehicula et, nulla. Phasellus nec mi. Morbi ac nisl. Vestibulum ultricies. Nunc pretium, magna vitae gravida pharetra, risus est dapibus velit, eget ullamcorper wisi sapien sed purus. In non nulla ut risus sagittis cursus.
Cras bibendum, libero vel condimentum tincidunt, metus magna varius arcu, in placerat tortor pede eget risus. Integer sit amet wisi eget justo vulputate lobortis. Donec condimentum laoreet nibh. Mauris feugiat nisl sed sapien tempus ornare. Vestibulum tempor tristique metus. |
|
|
|
|
|
|
|
|