TTUHSC Information Technology
HomeInformation TechnologyInformation ServicesInformation Services 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.



Table Transformation Snippets

Fancy Table

Fancy Table

This snippet inserts a table into your page with a class="fancy" to offset the background color of the rows and highlight them on mouse-over.  Once the snippet has been inserted into your page, it can be customized with your content information. It is a good idea to show the block elements in the WYSIWYG editor to keep from deleting the tags that control the table columns and rows.

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


Social Media Table

Social Media

This snippet inserts a table into your page for Social Media.  Once the snippet has been inserted into your page, it can be customized with your department social media links. It is a good idea to show the block elements in the WYSIWYG editor to keep from deleting the tags that control the table columns and rows.

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


DM Profile Table

Digital Measures (DM) Profile

This snippet inserts a table into your page for a Digital Measures label configuration. NOTE: A STARS work order must be submitted to Information Services to create the ControlLabel in order to pull the faculty information for each department before this snippet can be used on your page.

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

 



Image Snippets

Simple Slideshow

Simple Slideshow Snippet

This snippet will create a simple javascript slideshow on your page.  Once the snippet has been inserted into your page, a javascript file will have to be created and uploaded into OU Campus. You can contact the OU Campus administrators at IS.Training@ttuhsc.edu to request assistance. It is a good idea to show the block elements in the WYSIWYG editor to keep from deleting the tags for the slideshow.

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

Caption Slideshow

Caption Slideshow Snippet

This snippet will create a javascript slideshow on your page with captions.  Once the snippet has been inserted into your page, follow the directions to create the necessary files. You can contact the OU Campus administrators at IS.Training@ttuhsc.edu to request assistance. It is a good idea to show the block elements in the WYSIWYG editor to keep from deleting the tags for the slideshow.

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


©