Frequently Asked Questions

  1. What improvements are accomplished by the new Montana State University redesign?
  2. Where do I acquire these templates?
  3. What do I need to know to produce a successful rebranding of my site?
  4. Where do I find information on creating an expandable left-hand navigation?
  5. Why isn't my navigation working?
  6. My site content is wider than 960 pixels--what additional steps are necessary?
  7. How can I add a right-hand wiget on my site?
  8. I need additional information on using this redesign within a Wordpress area.
  9. How and why is Twitter being used in the redesign?

What improvements are accomplished by the new Montana State University redesign?

The new template includes the following updates:

  • Improved accessibility and compliance with Web Standards
  • A cleaner look and feel, allowing for more content and use with larger monitor resolutions

Where do I acquire these templates?

The templates are found at /web/templates/. Additionally, navigational features can be added, such as Toggle Navigation Menus.

What do I need to know to produce a successful rebranding of my site?

  • If your site was based on using templates, you will need to verify a new version of the template has been loaded to the root directory of your site. To do this, open up your template and paste in the code most similar to the previous code. Be sure to have all pages you want to update open before updating your template--this will ensure that they will all update to the new template upon saving.

  • In code view, remove any comments above the <!DOCTYPE public HTML... tag. (A comment has the structure of:
    <!-- comment here --> To remove a comment, remove everything including the arrows.) This includes comments regarding the template name and/or version. Note: this does not include PHP that may reside at the top of a page; PHP code may remain above the beginning of the HTML document.
    Removing these comments ensures the page is XHTML compliant, which is necessary for the advanced navigation to function properly.

  • Your page title will need to be encased in a set of h1 tags as follows: <h1>Page Title</h1>
    The pageTitle class (or pagetitle) div must remain within your web page as well. See the following code snippet:

    	<div class="pagetitle">
    
    	  <h1>
    
    <!-- END BRANDED CONTENT DO NOT EDIT -->     
    
    <!--                                 -->
    
    <!--                 -->
    
    <!--Update Page Title-->
    
    <!--                 -->
    
    Web Style Guide
    
    <!--                                   -->
    
    <!-- BEGIN BRANDED CONTENT DO NOT EDIT -->
    
             </h1>
    
    	</div>

Where do I find information on creating an expandable left-hand navigation?

There are three choices when deciding which type of left-hand navigation to use:

  • Simple - The menu is static and all links are visible.
  • Toggle - The navigation will open and close as a user selects a desired category.

Why isn't my navigation working?

Troubleshooting the navigation:

  • Re-read the Toggle guides. Verify the addition of the CSS and JavaScript files (steps 1 & 2) and the class="exnav" on the <ul> tag (step 3).
  • Verify that comments have been removed from above the <!DOCTYPE tag. See more here.
  • Verify that your list has been constructed appropriately. Use Design-View if you are having trouble with the logic of additional embedded ULs.

My site content is wider than 960 pixels--what additional steps are necessary?

For pages that require content wider than 960 pixels (i.e. charts, images, etc) the following steps are advised:

  • Use a template that contains no navigation, this will give more space to your content.
  • Add the following code to your header inserts between the <style type="text/css"> </style> tags:
    <style type="text/css">
    
    body {
    
    	background-image: url(http://www.montana.edu/msucommon/imagesv2/bannertop.png);
    
    	background-position: top;
    
    	background-repeat: repeat-x;
    
    	}	
    
    </style>    
    
      

    This allows the blue header to continue across the width of the entire page.

How can I add a right-hand widget on my site?

If your web page can use an additional feature box, please be sure that you can fill two tabs of information before continuing. The code for the widgets can be found within the widget templates page. Be sure to add the appropriate tabs JavaScript file and CSS to your header. The widget can then be placed within your main content section.

How and why is Twitter being used in the redesign?

Twitter is being used to simplify the events and updates shown on the Students and Faculty/Staff pages. Its ease of use makes it available to anyone on campus to post a timely update, without needing to update any web code. For more information on using Twitter, please see the Creating Updates Using Twitter Guide.