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: http://rcdedevb.usu.edu/contentchange/distance.usu.edu/prospective_students/
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”>
<img src=”http://rcdedevb.usu.edu/contentchange/assets/img/cap.png” alt=”Degrees & Programs Link”><br>
<h3>Degrees & <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