|
|
|
|
|
|
 |
|
Rounded Containers Set
|
Rounded containers are DNN containers for Optimist Skin by Considero.net. Rounded containers have white background and rounded colored borders with light shadows around. For each color of Optimist Skin there is 5 types of containers for body part of the skin (light gray background), and 5 types of containers for footer part. These types are:
- BarTitle - A title with colored bar under it.
- H1Title - Bigger title with no background bar.
- H2Title - Medium title (bold) with no background bar.
- H3Title - Smaller title with no background bar.
- NoTitle - Rounded container that shows no title.
That is 70 Rounded containers all together. See the examples below:
Note: This page uses specially customized skin with multicolor footer for showing all footer background colors of all 7 Optimist Skin colors. This special skin is not included in the Optimist Skin Pack.
|
|
|
|
|
|
|
|
|
|
|
|
Bloliv_Head_BarTitle
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
Blue_Head_H1Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Blue_Head_H2Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Blue_Head_H3Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
Green_Head_BarTitle
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
Black_Head_H1Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Black_Head_H2Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Black_Head_H3Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
Red_Head_BarTitle
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
Grayell_Head_H1Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Grayell_Head_H2Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Grayell_Head_H3Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
Turquoise_Head_BarTitle
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
Note: This page uses specially customized skin with multicolor footer for showing all footer background colors of all 7 Optimist Skin colors. This special skin is not included in the Optimist Skin Pack.
|
|
|
|
|
|
|
Bloliv_Head_H1Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Bloliv_Head_H2Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Bloliv_Head_H3Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
Blue_Head_BarTitle
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
Green_Head_H1Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Green_Head_H2Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Green_Head_H3Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
Black_Head_BarTitle
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
Red_Head_H1Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Red_Head_H2Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Red_Head_H3Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
Grayell_Head_BarTitle
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
|
|
|
|
|
|
|
|
Turquoise_Head_H1Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Turquoise_Head_H2Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Turquoise_Head_H3Title
|
Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet.
|
|
|
|
|
|
|
|
|
|
|
Transparnet Containers Set
|
Transparent containers are simple containers for DNN portals. They have no borders or background color. There are 10 containers in the pack:
- Empty container - makes no padding or margin around content. It is perfect choice for header images or other content that looks best stretched from one edge of the site to the other.
- NoTitle container - shows no title, but there is padding around content for good alignment with other containers.
- 8 Title containers - with 4 sizes of titles, from biggest Title1 to smallest Title4, each with and without underline. Titles are placed inside heading HTML elements H1, H2, H3, H4. This makes titles better optimized for search engines like Google, Yahoo, Search and others. Styles for heading elements are set in Skin.css file so the colors of titles are changing depending on the skin they're used in.
All 10 Transparent containers are suitable with all 7 colors of Optimist Skin pack by Considero.net . When placed in footer panes containers are changing font lightness for best readability.
See the examples:
|
|
|
|
EmptyTitle1
|
Suspendisse sit amet ipsum. In hac habitasse platea dictumst. Sed id sapien. Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
EmptyTitle2
|
Suspendisse sit amet ipsum. In hac habitasse platea dictumst. Sed id sapien. Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
EmptyTitle3
|
Suspendisse sit amet ipsum. In hac habitasse platea dictumst. Sed id sapien. Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
EmptyTitle4
|
Suspendisse sit amet ipsum. In hac habitasse platea dictumst. Sed id sapien. Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
Suspendisse sit amet ipsum. In hac habitasse platea dictumst. Sed id sapien. Donec nec ante ut orci auctor malesuada. Nullam ante. NoTitle container. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|
LinedTitle1
|
Suspendisse sit amet ipsum. In hac habitasse platea dictumst. Sed id sapien. Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
LinedTitle2
|
Suspendisse sit amet ipsum. In hac habitasse platea dictumst. Sed id sapien. Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
LinedTitle3
|
Suspendisse sit amet ipsum. In hac habitasse platea dictumst. Sed id sapien. Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
LinedTitle4
|
Suspendisse sit amet ipsum. In hac habitasse platea dictumst. Sed id sapien. Donec nec ante ut orci auctor malesuada. Nullam ante. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
Suspendisse sit amet ipsum. In hac habitasse platea dictumst. Sed id sapien. Donec nec ante ut orci auctor malesuada. Nullam ante. Empty container. Quisque lectus lorem, luctus ut, placerat vel, imperdiet at, augue. Vivamus dui. Phasellus rhoncus aliquam arcu. Proin nisi quam, vulputate in, viverra sed, ultricies at, elit. Pellentesque tristique tortor in enim placerat consequat. Duis aliquet pharetra purus.
|
|
|