Sep
16

Instructions: click on the image to view full size. To use as your header image in the Vertigo Theme:

  1. Click on the Thumbnail image (from the list below) you would like to use in as your header image
  2. Save the image to your computer
  3. Make sure you have selected the Ocean Wide theme as your theme
  4. Click on the ‘Custom Image Header‘ under the ‘Design’ Tab
  5. Click on the ‘Browse‘ Button, browse to the location where you save your header and select the image
  6. Click the ‘Upload‘ Button, and you are finished.

Header Images

OSU Band

OSU Band

OSU Football Flag

OSU Football Flag

Garden of Constants

Garden of Constants

O-H-I-O

O-H-I-O

OSU Main Library

OSU Main Library

OSU Oval

OSU Oval

Ramsayer Hall

Ramsayer Hall

OSU Stadium at Night

OSU Stadium at Night

Tulips on the Oval

Tulips on the Oval

Instructions: click on the image to view full size. To use as your header image in the PressRow Theme:

  1. Click on the Thumbnail image (from the list below) you would like to use in as your header image
  2. Save the image to your computer
  3. Make sure you have selected the Ocean Wide theme as your theme
  4. Click on the ‘Custom Image Header‘ under the ‘Design’ Tab
  5. Click on the ‘Browse‘ Button, browse to the location where you save your header and select the image
  6. Click the ‘Upload‘ Button, and you are finished.

Header Images

OSU Band

OSU Band

OSU Stadium at Night

OSU Stadium at Night

Ramsayer Hall

Ramsayer Hall

OSU Oval

OSU Oval

Main Library

Main Library

O-H-I-O

O-H-I-O

Garden if Constants

Garden if Constants

OSU Football Flag

OSU Football Flag

Tulips on the Oval

Tulips on the Oval

Instructions: click on the image to view full size. To use as your header image in the PressRow Theme:

  1. Click on the Thumbnail image (from the list below) you would like to use in as your header image
  2. Save the image to your computer
  3. Make sure you have selected the Ocean Wide theme as your theme
  4. Click on the ‘Custom Image Header‘ under the ‘Design’ Tab
  5. Click on the ‘Browse‘ Button, browse to the location where you save your header and select the image
  6. Click the ‘Upload‘ Button, and you are finished.

Header Images

Garden of Constants

Garden of Constants

Ramsayer Hall

Ramsayer Hall

OSU Oval

OSU Oval

OSu Library

OSU Library

OSU Football Flag

OSU Football Flag

OSU Band

OSU Band

O-H-I-O

O-H-I-O

OSU Stadium at Night

OSU Stadium at Night

Instructions: click on the image to view full size. To use as your header image in the EHE1, 2 & 3 Theme:

  1. Click on the Thumbnail image (from the list below) you would like to use in as your header image
  2. Save the image to your computer
  3. Make sure you have selected the Ocean Wide theme as your theme
  4. Click on the ‘Custom Image Header‘ under the ‘Design’ Tab
  5. Click on the ‘Browse‘ Button, browse to the location where you save your header and select the image
  6. Click the ‘Upload‘ Button, and you are finished.

Header Images

Garden of Constants

Garden of Constants

Oval Tulips

Oval Tulips

OSU Stadium at Night

OSU Stadium at Night

OSU Oval

OSU Oval

OSU Library

OSU Library

OSU Flag at Football Game

OSU Flag at Football Game

OSU Band

OSU Band

O-H-I-O

O-H-I-O

Ramsayer Hall

Ramsayer Hall

Instructions: click on the image to view full size. To use as your header image in the Ocean Wide Theme:

  1. Click on the Thumbnail image (from the list below) you would like to use in as your header image
  2. Save the image to your computer
  3. Make sure you have selected the Ocean Wide theme as your theme
  4. Click on the ‘Custom Image Header‘ under the ‘Design’ Tab
  5. Click on the ‘Browse‘ Button, browse to the location where you save your header and select the image
  6. Click the ‘Upload‘ Button, and you are finished.

Header Images

OSU Staduim at Night

OSU Staduim at Night

Ramsayer Hall

Ramsayer Hall

Ramsayer Hall 2

Ramsayer Hall 2

Field of Tulips on the Oval

Field of Tulips on the Oval

OSU Oval

OSU Oval

OSU Main Library

OSU Main Library

OSU Marching Band

OSU Marching Band

O-H-I-O

O-H-I-O

Garden of Constants

Garden of Constants

OSU Football Flag

OSU Football Flag

Sep
04
Filed Under (Web Design) by mflinn on 04-09-2008

The XHTML cheat sheet provides an at-a-glance perspective of common XHTML practices; it’s one of the few times when cheating won’t ruin your karma.

Document Type Definition (1 of 3 required)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Allows for virtually no elements of presentation (recommended)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Allows for varying degrees of presentation

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Allows for frames layouts; not recommended

Basic (all required)

<html></html>

Creates an (X)HTML page

<head></head>

Creates an area not considered page content

<title></title>

Browser window title (goes in the <head> section)

<body></body>

Creates the visible portion of the page

Character encoding (required)

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

The most common character encoding: ISO-8859-1 (Western Europe)

Style sheet references

<link rel="stylesheet" type="text/css" href="site.css" />

A basic reference to a Cascading Style Sheet (CSS) file titled “site.css” (typically 4.0+ browsers)

<style type="text/css" media="all">@import "doc.css";</style>

A sophistocated reference to a Cascading Style Sheet (CSS) file titled “doc.css” (typically 5.0+ browsers)

Text

<h1></h1>

Creates the most important heading

<h6></h6>

Creates the least important heading

<p></p>

Creates a paragraph

<div></div>

Creates a block-level box (couple div with CSS formatting)

<span></span>

Creates an inline box (couple span with CSS formatting)

<em></em>

Emphasizes text (italics)

<strong></strong>

Strong emphasis for text (bold)

<sub></sub>

Makes text subscript

<sup></sup>

Makes text superscript

<br />

Creates a line break

Lists

<ul></ul>

Creates an unordered list

<ol></ol>

Creates an ordered (numbered) list

<li></li>

Creates a list item (place in a list)

<dl></dl>

Creates a definition list

<dt></dt>

Creates a definition term (place in a definition list)

<dd></dd>

Creates a definition (place in a definition list)

Links

<a href="URL"></a>

Creates a hyperlink (replace URL with link)

<a href="mailto:EMAIL"></a>

Creates an email link (replace EMAIL with email address)

Images

<img src="filename.jpg" width="200" height="100" alt="My 1997 Honda CRV" />

Places an image that is 200 pixels wide by 100 pixels high and has an alternate description (alt) of “My 1997 Honda CRV”

Tables

<table></table>

Creates a table

<tr></tr>

Creates a table row (place in a table)

<td></td>

Creates a table cell (place in a table row)

<th></th>

Creates a table header (place in a table)

(a Sample of) Special Characters

EN dash: -

EM dash: -

Apostrophe: ‘

Open double quote: ”

Close double quote: ”

Hyphen: -

Open single quote: ‘

Close single quote (Apostrophe): ‘

Ellipsis: … Read the rest of this entry »