Find A PhysicianHome  |  Library  |  myDownstate  |  Newsroom  |  A-Z Guide  |  E-mail  |  Contact Us  |  Directions

SUNY Downstate Health Sciences University

Office of Communications & Marketing

OU Campus Guide

Headings and Styling

Use Headings to divide your content by subject


Each page should start with an Heading 2 using the style H2 Blue Header. Use the page title as your Heading 2.

Heading 2 - H2 Blue Header  


 

Subheadings come next and use Heading 3 using the style Orange_Header.

Heading 3 - Orange Header 


 

Heading 4 can be used if you have many sections that need lower hierarchial headings.

Heading 4


 

Paragraph should be used for all general text that is not a heading.  You can use bold as a way of highlighting text if neccesary.

Paragraph


Images

Images are inserted by using the insert images button Insert Image
or right clicking on the page and selecting insert/edit image

Insert Image

Make sure you add an image descripiton that accurately describes the image. 

Image Example

Images can be aligned by appling a preconfigurred style in either the insert/edit menu or the styles menu.

Styles

logo left

left

For Center alignment you can apply the center alignment in the toolbar.

Center Logo

center

Right Logo

right


List Styles

  • Normal Bullets
  • Orange Bullets - bullet_arrow
  • Faculty Lists - list_dotted_border
  • Faculty Member
  • Faculty Member

 


Assets

Assets can be updated by administrators upon requests.  Examples of Assets include Forms, Photo Galleries, and additional information boxes.

Photo Gallery:

Photo Galleries can behave differently if they are being used as a slideror embedded as a thumbnail gallery in a page.

Slider (preview):

Homepage Slider

Gallery in a page:

  • Medical Illustration 1
  • Medical Illustration 2
  • Medical Illustration 3
  • Medical Illustration 4
  • Medical Illustration 5
  • Medical Illustration 6
  • Medical Illustration 7
  • Medical Illustration 8

Forms:

Forms can be used to collect information from users.

Please fill out the form below with any questions or concerns.
First and Last Name
E-Mail Address
 
 

Snippets: Table Transformations

Transformations can be useful to structure your page.  They can be found in the snippets menu. snippet

Snippet Menu

Some of the more commonly used transformations are as follows:

Accordion:

Accordions can be used to show/hide a large volume of content on a page.

Accordion Panel 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Senectus et netus et malesuada. Elementum tempus egestas sed sed risus pretium quam vulputate dignissim. Fames ac turpis egestas maecenas pharetra. Aliquet lectus proin nibh nisl condimentum id venenatis a. Vitae turpis massa sed elementum tempus egestas. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis. Id interdum velit laoreet id donec ultrices. Ornare arcu odio ut sem nulla pharetra diam sit. Sit amet massa vitae tortor condimentum lacinia. Integer eget aliquet nibh praesent tristique magna sit amet.

Accordion Panel 2

Facilisi nullam vehicula ipsum a. Amet est placerat in egestas erat. Egestas congue quisque egestas diam in arcu. Libero justo laoreet sit amet cursus sit. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Augue mauris augue neque gravida. Nunc vel risus commodo viverra. Eros in cursus turpis massa tincidunt dui ut. Etiam non quam lacus suspendisse faucibus interdum posuere lorem ipsum. Ac odio tempor orci dapibus ultrices in. Senectus et netus et malesuada fames ac. Felis eget nunc lobortis mattis aliquam faucibus.

Accordion Panel 3

Mauris pellentesque pulvinar pellentesque habitant. Justo nec ultrices dui sapien eget mi proin sed. Faucibus a pellentesque sit amet porttitor eget dolor. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Elementum curabitur vitae nunc sed velit dignissim. Non quam lacus suspendisse faucibus interdum posuere. At in tellus integer feugiat. Non arcu risus quis varius quam quisque id. Nibh sed pulvinar proin gravida hendrerit. Phasellus faucibus scelerisque eleifend donec pretium. Integer malesuada nunc vel risus commodo viverra maecenas accumsan lacus. Commodo elit at imperdiet dui accumsan sit amet nulla facilisi.


Round Corner Box:

Round Corner Boxes can be used to highlight a section of content.

Central Brooklyn

University Hospital of Brooklyn (UHB) is the teaching Hospital of SUNY Downstate Medical Center, the only academic medical center providing patient care, education, research and community services for the nearly 5 million people living in Brooklyn, Queens and Staten Island.

Find out more »

Three Column Layout:

The Thrree Column Layout divides content into three seperate and even columns.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Senectus et netus et malesuada. Elementum tempus egestas sed sed risus pretium quam vulputate dignissim. Fames ac turpis egestas maecenas pharetra. Aliquet lectus proin nibh nisl condimentum id venenatis a. Vitae turpis massa sed elementum tempus egestas. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis. Id interdum velit laoreet id donec ultrices. Ornare arcu odio ut sem nulla pharetra diam sit. Sit amet massa vitae tortor condimentum lacinia. Integer eget aliquet nibh praesent tristique magna sit amet.

Facilisi nullam vehicula ipsum a. Amet est placerat in egestas erat. Egestas congue quisque egestas diam in arcu. Libero justo laoreet sit amet cursus sit. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Augue mauris augue neque gravida. Nunc vel risus commodo viverra. Eros in cursus turpis massa tincidunt dui ut. Etiam non quam lacus suspendisse faucibus interdum posuere lorem ipsum. Ac odio tempor orci dapibus ultrices in. Senectus et netus et malesuada fames ac. Felis eget nunc lobortis mattis aliquam faucibus.

Mauris pellentesque pulvinar pellentesque habitant. Justo nec ultrices dui sapien eget mi proin sed. Faucibus a pellentesque sit amet porttitor eget dolor. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Elementum curabitur vitae nunc sed velit dignissim. Non quam lacus suspendisse faucibus interdum posuere. At in tellus integer feugiat. Non arcu risus quis varius quam quisque id. Nibh sed pulvinar proin gravida hendrerit. Phasellus faucibus scelerisque eleifend donec pretium. Integer malesuada nunc vel risus commodo viverra maecenas accumsan lacus. Commodo elit at imperdiet dui accumsan sit amet nulla facilisi. 


Two Column Layout:

The Two Column Layout divides content into two seperate and even columns.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Senectus et netus et malesuada. Elementum tempus egestas sed sed risus pretium quam vulputate dignissim. Fames ac turpis egestas maecenas pharetra. Aliquet lectus proin nibh nisl condimentum id venenatis a. Vitae turpis massa sed elementum tempus egestas. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis. Id interdum velit laoreet id donec ultrices. Ornare arcu odio ut sem nulla pharetra diam sit. Sit amet massa vitae tortor condimentum lacinia. Integer eget aliquet nibh praesent tristique magna sit amet.

Facilisi nullam vehicula ipsum a. Amet est placerat in egestas erat. Egestas congue quisque egestas diam in arcu. Libero justo laoreet sit amet cursus sit. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Augue mauris augue neque gravida. Nunc vel risus commodo viverra. Eros in cursus turpis massa tincidunt dui ut. Etiam non quam lacus suspendisse faucibus interdum posuere lorem ipsum. Ac odio tempor orci dapibus ultrices in. Senectus et netus et malesuada fames ac. Felis eget nunc lobortis mattis aliquam faucibus.


Tabs

Can be used as a special divider for content while also saving space on the page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Senectus et netus et malesuada. Elementum tempus egestas sed sed risus pretium quam vulputate dignissim. Fames ac turpis egestas maecenas pharetra. Aliquet lectus proin nibh nisl condimentum id venenatis a. Vitae turpis massa sed elementum tempus egestas. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis. Id interdum velit laoreet id donec ultrices. Ornare arcu odio ut sem nulla pharetra diam sit. Sit amet massa vitae tortor condimentum lacinia. Integer eget aliquet nibh praesent tristique magna sit amet.

Facilisi nullam vehicula ipsum a. Amet est placerat in egestas erat. Egestas congue quisque egestas diam in arcu. Libero justo laoreet sit amet cursus sit. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Augue mauris augue neque gravida. Nunc vel risus commodo viverra. Eros in cursus turpis massa tincidunt dui ut. Etiam non quam lacus suspendisse faucibus interdum posuere lorem ipsum. Ac odio tempor orci dapibus ultrices in. Senectus et netus et malesuada fames ac. Felis eget nunc lobortis mattis aliquam faucibus.

Mauris pellentesque pulvinar pellentesque habitant. Justo nec ultrices dui sapien eget mi proin sed. Faucibus a pellentesque sit amet porttitor eget dolor. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Elementum curabitur vitae nunc sed velit dignissim. Non quam lacus suspendisse faucibus interdum posuere. At in tellus integer feugiat. Non arcu risus quis varius quam quisque id. Nibh sed pulvinar proin gravida hendrerit. Phasellus faucibus scelerisque eleifend donec pretium. Integer malesuada nunc vel risus commodo viverra maecenas accumsan lacus. Commodo elit at imperdiet dui accumsan sit amet nulla facilisi.


Back to Top is a snippet that automatically inserts a link to the top of the page you are currently on. 

« Back to Top