Stanford University Stanford Hospital & Clinics Lucile Packard Children's Hospital VA Palo Alto Santa Clara Valley Medical
Stanford School of Medicine Web & New Media Services
This Site Only
All School of Medicine Sites
IRT Logo

Web Clips, Tips, Tricks

>
>
>
>
>
>
>
>
>
Web & New Media Services
>
>
>
v
 
>
>
>
>
>
>
 

Left-aligned Highlights Boxes

Blue Theme (Tier 3) | Olive Theme (Tiers 1 & 2)

A left-aligned highlights box allows you to include highlights or sidebar content anywhere within your page, while your main body text flows around.

Where and how to use them

  • Yes: "MainColumn" or "CenterColumn"
  • No: "LeftColumn" or "RightColumn" Do not use these boxes for in the narrow 175px LeftColumn or RightColumn. Instead, use hightlight boxes designed for restricted 1-columns.
  • Make sure the content that flows around the box has clearance. Long unbroken text, big words, or wide images, may create browser problems where the remaining space next to the box is tight.
  • Single words and short phrases can become "orphaned" under the left side of the highlights box if matched poorly to body text. Right-aligned highlights boxes don't have this problem.

The following files are downloadable, but they should not necessarily be used as includes (SSIs). Instead, download to your site, open, then copy, switch to your document and paste where you want it.

Tier 3 - Blue theme (Departments, Divisions and other subgroups of the school)

Left-aligned freeform rule box  Left-aligned freeform tone rule box
  Left-aligned Free-Form Rule Box
With Mixed Headline Styles
You can put anything you like in this box, text or image, or both. Use plain paragraphs, or apply a CSS style. This paragraph is style:ArtText11.

Download File
Right-click (Win), or Ctrl-click or click-and-hold (Mac) to find command closest to "Save" or "Download" the "Link" or "Target." Save file to your intended local folder.

  Left-aligned Free-Form Rule Box
With Mixed Headline Styles
You can put anything you like in this box, text or image, or both. Use plain paragraphs, or apply a CSS style. This paragraph is style:ArtText11.

Download File
Right-click (Win), or Ctrl-click or click-and-hold (Mac) to find command closest to "Save" or "Download" the "Link" or "Target." Save file to your intended local folder.

 



Left-aligned rule box with links  Left-aligned structured rule box

Left-aligned Rule Box With Nav

>
>
>
>
>
>
>
>
>

Download File
Right-click (Win), or Ctrl-click or click-and-hold (Mac) to find command closest to "Save" or "Download" the "Link" or "Target." Save file to your intended local folder.

Right-aligned 1 Column Rule Box

This is an example of a 1 column rule box. You can put anything inside you like. Can also be uses as 2 or 3 column.

Download File
Right-click (Win), or Ctrl-click or click-and-hold (Mac) to find command closest to "Save" or "Download" the "Link" or "Target." Save file to your intended local folder.



Left-aligned image box
ImageNameHere
Image credit or caption here (delete this row if unneeded)

Download File
Right-click (Win), or Ctrl-click or click-and-hold (Mac) to find command closest to "Save" or "Download" the "Link" or "Target." Save file to your intended local folder.

Tier 1 & 2- Olive theme (Home (Tier 1) and School-wide topics (Tier 2))

Left-aligned freeform rule box  Left-aligned freeform tone rule box
  Left-aligned Free-Form Rule Box
With Mixed Headline Styles
You can put anything you like in this box, text or image, or both. Use plain paragraphs, or apply a CSS style. This paragraph is style:ArtText11.

Download File
Right-click (Win), or Ctrl-click or click-and-hold (Mac) to find command closest to "Save" or "Download" the "Link" or "Target." Save file to your intended local folder.

  Left-aligned Free-Form Rule Box
With Mixed Headline Styles
You can put anything you like in this box, text or image, or both. Use plain paragraphs, or apply a CSS style. This paragraph is style:ArtText11.

Download File
Right-click (Win), or Ctrl-click or click-and-hold (Mac) to find command closest to "Save" or "Download" the "Link" or "Target." Save file to your intended local folder.

 



Left-aligned rule box with links  Left-aligned structured rule box

Left-aligned Rule Box With Nav

>
>
>
>
>
>
>
>
>

Download File
Right-click (Win), or Ctrl-click or click-and-hold (Mac) to find command closest to "Save" or "Download" the "Link" or "Target." Save file to your intended local folder.

Right-aligned 1 Column Rule Box

This is an example of a 1 column rule box. You can put anything inside you like. Can also be uses as 2 or 3 column.

Download File
Right-click (Win), or Ctrl-click or click-and-hold (Mac) to find command closest to "Save" or "Download" the "Link" or "Target." Save file to your intended local folder.



Left-aligned image box
ImageNameHere
Image credit or caption here (delete this row if unneeded)

Download File
Right-click (Win), or Ctrl-click or click-and-hold (Mac) to find command closest to "Save" or "Download" the "Link" or "Target." Save file to your intended local folder.