TTUHSC Information Technology
HomeInformation TechnologyInformation ServicesIS TrainingOU Campus CMSEditing Content

Examples of TTUHSC Snippets

This page has been created by the OU Campus administrators to make adding specialized columns and styling easy on your tier 3 pages. The snippets have been created and are ready to use just by inserting them into your page and then customizing the content.

Be sure and show the block elements in the WYSIWYG editor so that any of the special tags will not be accidentally deleted. The widget for showing elements is located in the second row of the toolbar in edit mode: Hide Show elements widget

If you have ideas for additional snippets, please send an email to IS.Training@ttuhsc.edu and your OU Campus administrators will work on creating them for you to use.

Layout Snippets

Two Column Landing

Two Column - Landing Page 

This snippet will create two columns on a tier 3 page using specialized headings and infobox features. Once the snippet has been inserted into your page, it can be customized to fit your website content. It is a good idea to show the block elements in the WYSIWYG editor to keep from deleting the tags that control the specialized styling.

Click on the thumbnail to see a larger image of the layout OR click on the link to view a sample page.


Two Column Tier3 Page

Simple Two Column Tier 3 Page

This snippet will create a simple two column tier3 page with no specialized styling.  Once the snippet has been inserted into your page, it can be customized to fit your website content. It is a good idea to show the block elements in the WYSIWYG editor to keep from deleting the tags that control the left and right columns.

Click on the thumbnail to see a larger image of the layout OR click on the link to view a sample page.


Two Column Staff Page

Two Column Staff Layout Page

This snippet will create a two column staff page with specialized styling.  Once the snippet has been inserted into your page, it can be customized to fit your website content. It is a good idea to show the block elements in the WYSIWYG editor to keep from deleting the tags that control the placement of the columns and images.

Click on the thumbnail to see a larger image of the layout OR click on the link to view a sample page.


Three Column Page

Three Column Tier3 Page

This snippet will create a three column tier 3 page with specialized styling for each column.  Once the snippet has been inserted into your page, it can be customized to fit your website content. It is a good idea to show the block elements in the WYSIWYG editor to keep from deleting the tags that control the placement of the columns and images.

Click on the thumbnail to see a larger image of the layout OR click on the link to view a sample page.


Two Column Page with Sidebar

Two Column with Right Sidebar Page

This snippet will create a two column tier 3 page with specialized styling for the right sidebar.  Once the snippet has been inserted into your page, it can be customized to fit your website content. It is a good idea to show the block elements in the WYSIWYG editor to keep from deleting the tags that control the placement of the columns and images.

Click on the thumbnail to see a larger image of the layout OR click on the link to view a sample page.


Next Page

©