Skip Navigation

University of Nebraska–Lincoln

Web Developer Network Wiki

Herein Lies the Accumulated Knowledge of Mankind

Conversion Documentation

Converting your pages to the new Template from the old UNL CSS Templates
To convert your web pages from the previous version of the UNL CSS Templates to the newest version, download the newest templates from the Web Developer Network FTP Server.

Contents

[edit] Get The Latest Template Source

[1]

[edit] Extract Templates To Your Local Site

Unzip the file.

A folder will be created that contains both a sharedcode and Templates folder. If you already have pages that you've created with the current UNL Templates, you will not need the "sharedcode" folder, as you will have already created these files.

In the root level of your development server or site where you store your local files, replace the old Templates folder with the Templates folder from the unzipped file.


[edit] Applying Templates/Updating Pages

Please note that the new UNL CSS Templates are built in a fixed-width format. The 'fixed' width template will be the new default page layout and it is recommended that this design is used on all converted and new pages, unless there is a large table and/or image that cannot be displayed properly in the main content area of the new design.

Within Dreamweaver:

  • Open Existing CSS Template Based Page
  • Select Modify -> Templates -> Apply Template to Page
  • Choose the fixed template from the list of templates
  • Save the your page

Alternatively, if all of your pages are based on the fixed width page, you can simply choose Modify -> Templates -> Update Current Page/Update Pages to update the current page, or all of your template based pages.

If you're converting your pages from the older liquid-width template, Dreamweaver will open a prompt window stating "Some regions in this document have no corresponding regions in the new template." This is because both the rightrandompromo and toolbar regions from the old liquid-width template have not been implemented in the new design. To resolve these regions, select one of them, then on the "Move content to new region" selection, choose "Nowhere" and click the Use This For All button.

In addition to the above regions (if updating from fixed-width), you will have to manually remove the sidefooter include from all of your pages (except fixed no sidebar). This is located within the leftcollinks div and the line to remove from your code is
<!--#include virtual="/unlpub/templatedependents/templatesharedcode/includes/sidefooter/sidefooter.shtml" -->

[edit] Left Random Promo

Also, replace your leftRandomPromo.js with the new one in the sharecode folder. Remember to replace all your leftrandompromo codes with the new one too.

Old version

<div id="leftRandomPromo">
<a href="#" id="leftRandomPromoAnchor"><img id="leftRandomPromoImage" alt="" 
src="http://www.unl.edu/unlpub/2004sharedgraphics/transpixel.gif" height="88" width="88" /></a>
<script type="text/javascript" src="sharedcode/leftRandomPromo.js"></script></div>

New version

<div class="image_small_short" id="leftRandomPromo">
<a href="#" id="leftRandomPromoAnchor"><img id="leftRandomPromoImage" alt="" 
src="/ucomm/templatedependents/templatecss/images/transpixel.gif" /></a>
<script type="text/javascript" src="sharedcode/leftRandomPromo.js"></script> </div>

[edit] Converting Discontinued Templates

If converting from a template that is no longer supported in the new design, such as fixednosidebar, you can do a site-wide search & replace to move every page using that template to a new template. For example, to convert php.fixednosidebar to php.fixed:

Search for:

template="/Templates/php.fixednosidebar.dwt"

Replace with:

template="/Templates/php.fixed.dwt.php"

Then select Modify -> Templates -> Update Pages as described above.

Old Template New Template
document.dwt document.dwt
fixed.dwt fixed.dwt
fixednosidebar.dwt fixed.dwt
fixedwsidebars.dwt fixed.dwt
liquid.dwt liquid.dwt
liquidnosidebars.dwt liquid.dwt
liquidnoweather.dwt liquid.dwt
php.document.dwt php.document.dwt.php
php.fixed.dwt php.fixed.dwt.php
php.fixednosidebar.dwt php.fixed.dwt.php
php.fixedwsidebars.dwt php.fixed.dwt.php
php.liquid.dwt php.liquid.dwt.php
php.liquidnosidebars.dwt php.liquid.dwt.php
php.liquidnoweather.dwt php.liquid.dwt.php
php.popup.dwt php.popup.dwt.php
php.splash.dwt php.fixed.dwt.php
popup.dwt popup.dwt
splash.dwt fixed.dwt