Help:Style Sheet 1
Appearance
Page Title 1
Page title 2
|
{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%" | colspan="1" style="width:100%; vertical-align:top; border:1px solid Sienna; background-color:Cornsilk;" | <div style="border-bottom:1px solid Sienna; background-color:Wheat; padding:0.2em 0.5em 0.2em 0.5em; font-size:130%; font-weight:bold;">Page Title 1</div> <div style="padding:2em 5em 0em 3em;"> <!--Note: Top, right, bottom, left --> <!-- PICTURE ON SIDE OF HEADER SECTION -----> [[Image:Nuvola apps korganizer.png|right]] <!-- FOR MORE ICONS, GO TO [[Help:Icons]] --> ==Page title 2== ;Sub head :Description </div> |}
Title
|
{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%" | colspan="1" style="width:100%; vertical-align:top; border:1px solid Gold; background-color:LightYellow;" | <div style="border-bottom:1px solid Gold; background-color:Yellow; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title</div> <div style="padding:1em 5em 1em 3em;"> <!--Top, right, bottom, left --> <!-- PICTURE ON ONE BOX SECTION - optional --> <!-- [[Image:Nuvola apps package edutainment.png|right|64px]] --> ;Subtitle :Description </div> |}
Color variation #1
|
{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%" | colspan="1" style="width:100%; vertical-align:top; border:1px solid LightGreen; background-color:Honeydew;" | <div style="border-bottom:1px solid LightGreen; background-color:PaleGreen; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Color variation #1</div> <div style="padding:1em 5em 1em 3em;"> <!--Top, right, bottom, left --> <!-- PICTURE ON ONE BOX SECTION - optional --> <!-- [[Image:Nuvola apps package edutainment.png|right|64px]] --> ;Green color scheme :Description </div> |}
Color variation #2
|
{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%" | style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan;" | <div style="border-bottom:1px solid PaleTurquoise; background-color: Cyan; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Color variation #2</div> <div style="padding:1em 5em 1em 3em;"> <!--Top, right, bottom, left --> <!-- PICTURE ON ONE BOX SECTION - optional --> <!-- [[Image:Nuvola apps package edutainment.png|right|64px]] --> ;Subtitle :Description </div> |}
Title left
Heading left
|
Title right
Description right |
{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%" | style="width:60%; vertical-align:top; border:1px solid Gold; background-color: LightYellow;" rowspan="1"| <div style="border-bottom:1px solid Gold; background-color:Yellow; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title left</div> <div style="padding:0.4em 1em 0.3em 1em;"> <!-- PICTURE ON LEFT OF TWO BOX SECTION --> [[Image:Broom icon.svg|right|96px]] ===Heading left=== ;Sub head left :Description left </div> | style="padding:0em 0.5em 0em 0.5em;" | | style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan;" | <div style="border-bottom:1px solid PaleTurquoise; background-color:Cyan; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title right</div> <div style="padding:0.4em 1em 0.3em 1em;"> <!-- PICTURE ON RIGHT OF TWO BOX SECTION --> [[Image:Stock-brush.svg|96px|right]] ;Sub head right Description right </div> |}
Title left
Heading left
|
Title top right
Description top right | |
Title bottom right
Description bottom right |
{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%" | style="width:60%; vertical-align:top; border:1px solid Gold; background-color: LightYellow;" rowspan="2"| <div style="border-bottom:1px solid Gold; background-color:Yellow; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title left</div> <div style="padding:0.4em 1em 0.3em 1em;"> <!-- PICTURE ON LEFT OF THREE BOX SECTION --> [[Image:Nuvola apps knotify.png|right|96px]] ===Heading left=== ;Sub head left :Description left </div> | style="padding:0em 0.5em 0em 0.5em;" | | style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan;" | <div style="border-bottom:1px solid PaleTurquoise; background-color:Cyan; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title top right</div> <div style="padding:0.4em 1em 0.3em 1em;"> <!-- PICTURE ON TOP RIGHT OF THREE BOX SECTION --> [[Image:Crystal Clear app starthere.png|96px|right]] ;Sub head top right Description top right </div> |- | style="padding:0em 0.5em 0em 0.5em;" | | style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan;" | <div style="border-bottom:1px solid PaleTurquoise; background-color:Cyan; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title bottom right</div> <div style="padding:0.4em 1em 0.3em 1em;"> <!-- PICTURE ON BOTTOM RIGHT OF THREE BOX SECTION --> [[Image:Crystal Clear action bookmark.svg|right]] ;Sub head bottom right Description bottom right </div> |}
{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto" | style="background-color: LightGoldenrodYellow; border: 1px solid Gray; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 60px;" colspan="1" | {{center top}}<big><big><big>[[Image:Crystal Clear app kfm home.png|128px]] Title</big></big></big>{{center bottom}} |}
Title left
|
Title right
Description right |
{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto" | style="width: 60%; background-color: LightYellow; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="1" | [[Image:Crystal Clear action editcut.png|100px|right]] == Title left== ;Subhead left :Description left | style="width: 40%; background-color: cornsilk; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 100px;" rowspan="1" | {{center top}}[[Image:Crystal Clear app Login Manager.png]]{{center bottom}} == Title right== ;Sub head right Description right |}
Title left
|
Title right
Description right |
{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto" | style="width: 60%; background-color: BlanchedAlmond; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" <!--rowspan="2"--> | [[Image:Nuvola apps krfb.png|right|128px]] ==Title left== ;Subhead left :Description left | style="width: 40%; background-color: Lavender; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 100px;" | [[Image:Crystal Clear app bug.png|right|96px]] ==Title right== ;Subhead right Description right |}
Title Left
|
Title top rightText top right |
Title bottom rightText bottom right
|
{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto" | style="background-color: LightGoldenrodYellow; border: 1px solid Gray; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 60px;" colspan="2" | {{center top}}<big><big><big>[[Image:Crystal Clear app knotify.png|96px]] Title [[Image:Crystal Clear app knotify.png|96px]]</big></big></big>{{center bottom}} |- | style="width: 60%; background-color: LightYellow; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2" | [[Image:Crystal Clear app kmid.png|96px|right]] ==Title Left== :Text left | style="width: 50%; background-color: Seashell; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" <!--rowspan="2"--> | {{center top}}[[Image:Crystal Clear app bell.png]]{{center bottom}} ==Title top right== Text top right |- | style="width: 40%; background-color: cornsilk; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 200px;" | {{center top}}{{center bottom}} ==Title bottom right== Text bottom right |}
The Next Page
Contact your instructor
|
{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto" | style="width: 50%; background-color: LemonChiffon; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" <!--rowspan="2"--> | [[Image:Crystal Clear app krec.png|right]] ==The Next Page== :Continue this lesson on [[Filmmaking Basics/Animatic Dialog Recording/Software|the computer software]] needed for recording the dialog for the animatic. {{Contact your instructor: Filmmaking}} |}