40FINGERS "Container Selector" Demo Skin

Page skin: 40f skin demo style-selector // 00.00-demo-skin.ascx

Test DNN default styles

About:

The following tests, include most CSS classes used by DotNetNuke and some commonly used elements

Headers

Head H1

Head H2

Head H3

Head H4

Head H5
Head H6

Linked Headers

Head H1

Head H2

Head H3

Head H4

Head H5
Head H6

.Normal Text in <div>

Epsum factorial non www.40fingers.net quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic

.Normal Text Paragraphs <p>

Epsum factorial non www.40fingers.net quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic

Epsum factorial non www.40fingers.net quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic

Inline elements

Link

This is <i>talic text

This is <b>old text

This is <strong> text

This is <small> text

This is <big> text

Default Classes

.NormalBold

.NormalRed

.NormalDisabled

.Head

.SubHead

.SubSubHead

Table

Table Caption
Header Row 1 Header Row 2 Header Row 3
Footer Row 1 Footer Row 2 Footer Row 3
Row1 Cell1 Row1 Cell2 Row1 Cell3
Row2 Cell1 Row2 Cell2 Row2 Cell3
Row3 Cell1 Row3 Cell2 Row3 Cell3
Row 4 colspan = 3

Buttons

CommandButton

DNN input

DNN Input:

DNN Textarea:

Lists

  • Unordered Level 1
    • Unordered Level 2
      • Unordered Level 3
      • Unordered Level 3
      • Unordered Level 3
    • Unordered Level 2
    • Unordered Level 2
  • Mulitline test:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rhoncus; sapien id interdum pharetra, ipsum turpis venenatis metus; a pellentesque libero magna eu neque. In a ante et mi mollis porttitor. Maecenas vulputate sapien dui. Nam risus nisl, lacinia quis luctus gravida, ultrices at mauris. Proin convallis faucibus felis. Donec eget eros ligula, ac cursus ipsum. Suspendisse potenti.
  • Unordered Level 1
  1. Ordered Level 1
    1. Ordered Level 2
      1. Ordered Level 3
      2. Ordered Level 3
      3. Ordered Level 3
    2. Ordered Level 2
    3. Ordered Level 2
  2. Mulitline test:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rhoncus; sapien id interdum pharetra, ipsum turpis venenatis metus; a pellentesque libero magna eu neque. In a ante et mi mollis porttitor. Maecenas vulputate sapien dui. Nam risus nisl, lacinia quis luctus gravida, ultrices at mauris. Proin convallis faucibus felis. Donec eget eros ligula, ac cursus ipsum. Suspendisse potenti.
  3. Ordered Level 1

Float Test

Test your container with floated content

Is users use floats in the content of the HTML module (for example by right-aligning an image), they will most likely not clear these floats.
The effect can be that the content sticks out below the end of the container.

You should add a clear:both to the first element of your container after the Content Pane to make sure that does not happen.

This content helps to test if your container was cleared correctly.
For this test to work this should be the last content in the HTML module!

Dummy Content

In ac urna in eros auctor dictum vitae nec arcu? Curabitur eu dolor sit amet mi pulvinar lacinia. Phasellus dictum congue dui nec condimentum. Duis porttitor elementum quam in hendrerit. Nunc in nunc purus, eu venenatis augue. Integer consequat tincidunt eros ut interdum. Proin id dui et nulla venenatis tristique. Aenean nec nulla est, at egestas leo. Fusce aliquam ipsum sit amet velit dictum sed bibendum massa malesuada. Nullam nec neque lorem, non convallis sem. Proin posuere, urna eget porta venenatis, ante augue facilisis nibh, ullamcorper convallis sapien velit et mi.

 

About this DNN Demo website

This website demonstrates the 40FINGERS "Container Selector" Demo Skin.

You can download these skins from our website: www.40fingers.net/Products/DNN-Demo-Skins

Timo Breumelhof - 40FINGERS.NET