Help:Style Sheet 1
|
Page Title 1
|
{| 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
|}
|
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
|}
|
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
|}
|
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
|}
|
Title left
|
Title 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
|
Title top right
| |
|
Title 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}}
|}




