Help:Style Sheet 1

From Wikiversity
Jump to: navigation, search
Page Title 1
Nuvola apps korganizer.svg

Page title 2

Sub head
Description


{| 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
Subtitle
Description


{| 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
Green color scheme
Description


{| 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
Subtitle
Description



{| 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
Broom icon.svg

Heading left

Sub head left
Description left
Title right
Stock-brush.svg
Sub head 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
Nuvola apps knotify.png

Heading left

Sub head left
Description left
Title top right
Crystal Clear app starthere.png
Sub head top right

Description top right

Title bottom right
Crystal Clear action bookmark.svg
Sub head 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>

|}


Crystal Clear app kfm home.png Title


{| 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><big><big><big>[[Image:Crystal Clear app kfm home.png|128px]] Title</big></big></big></center>
|}


Crystal Clear action editcut.png

Title left

Subhead left
Description left
Crystal Clear app Login Manager.png

Title right

Subhead 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>[[Image:Crystal Clear app Login Manager.png]]</center>
== Title right==
;Sub head right
Description right

|}


Nuvola apps krfb.png

Title left

Subhead left
Description left
Crystal Clear app bug.png

Title right

Subhead 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

|}


Crystal Clear app knotify.png Title Crystal Clear app knotify.png
Crystal Clear app kmid.png

Title Left

Text left
Crystal Clear app bell.png

Title top right

Text top right

Title bottom right

Text 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><big><big><big>[[Image:Crystal Clear app knotify.png|96px]] Title [[Image:Crystal Clear app knotify.png|96px]]</big></big></big></center>

|-
| 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>[[Image:Crystal Clear app bell.png]]</center>
==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></center>
==Title bottom right==
Text bottom right


|}


Crystal Clear app krec.png

The Next Page

Continue this lesson on the computer software needed for recording the dialog for the animatic.

Contact your instructor

Your instructor for this filmmaking class is Robert Elliott. You can email me by clicking here. Crystal Clear app xfmail.png


{| 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}}

|}