Monthly Archives: June 2012

New Orientation

I’d like to share the upcoming orientation with you so you can get a feel of how it will work and possibly show it to your advisers and/or students services people. That way you can start planning what content you might need to have on it and be ready to put that content in the orientation when it’s ready. The back-end is still a ways off because we are in the process of merging a lot of our systems into a single system so user will not have to log into multiple places to do their work. Eventually the CMS portion of our site will be in this new “application.” It will function pretty much the same, just be in a new spot.\

Orientation Front-End

The demo front end of the orientation can be found on our development website at As of writing this it is currently incomplete both in content and in coding, but should be stable enough for you to view. The first thing you will notice is that you were pushed to a login area. You can login if you like with your USU A-Number and password or click skip login to continue without logging in. If a user does not login, the progress will not be logged. I know some people want the ability to track students completion of the orientation for various reasons so that is an option. However if you just want to browse the orientation without tracking, just click skip login. Continue reading


Upcoming Website Additions

So I’d like to cover some of the changes that are coming soon so that everyone can include them in their own sites in the manner that they choose. I’ll be pasting in some code that you can copy and use for your pages as well as the current links for reference so you can see what they look like. If you have any questions, please leave a comment or shoot me an email. Please note none of these changes will work on your sites until I make these changes public as dependent files will not be available to style your pages.

You don’t have to use all of these elements, but I’ll list them all just so you will have reference.

Future Students Page

The development version of this page is currently located at:

Menu Icons

In order to add the icons with text under them like I have them on the future student page, you will need to paste the following code into your html.

<div class=”futureHorizMenu HorizMenuShort”>
<a href=””&gt;
<img src=”; alt=”Degrees &amp; Programs Link”><br>
<h3>Degrees &amp; <br>Programs</h3>

You would replace the text in the href=”[TEXT]” to be the link you want and replace the text in the src=”[TEXT]” to be the location of the image you want to use. Just a quick run down of what the code is doing. The outer DIV is the container of the image and text. The classes futureHorizMenu and HorizMenuShort defined its size, and how it interacts with the elements around it. Within that is an anchor link that wraps around an image and some text. The <br> element within the H3 element is no necessary for shorter pieces of text, but I wanted Degrees & Programs to be two lines. If you only want a single line of text, remove the <br> element. <br> stands for break and creates a link break. Continue reading