BNL Home

BNLTemplate Documentation

Common File Storage

Everything that is required to make a new template page is stored in the /common/templates/ folder on the four web servers.

All development work should be done on the DEV server:
http://dev.bnl.gov/common/templates/
and then published up to the common folder on the other three servers.

All template elements are stored in the common folder and do not require any files to be stored locally in the local website.

Common Folder Structure


Alternative Generic Banner

If your site is not going to have a navigation bar, then you do not have to create a customized bannerNav.inc file. This is especially useful for small sites and single web pages. There are two files
/common/templates/bannerNav/bannerNav_variable-asp.inc
/common/templates/bannerNav/bannerNav_variable-php.inc
that can be used in conjunction with local variables that you set on your site's pages.

Set the following local variables on your site pages:

For PHP pages:
$bannerTitle
$bannerSub

For ASP pages:
bannerTitle
bannerSub

Important: do not modify the contents of these two bannerNav.in files!

Fonts (Locally Hosted)

Template Sections

The BNL web template is broken down into the following sections:

Include File Break-Out

BNL Template Image

BNL Template HTML Structure


<body>

<div class="wrapper">
Mobile Anchors (Bookmarks)
Mobile Titles
Mobile Top Search/Menu Bar
Mobile Bottom Footer Bar
<div id="header">
<div class="container_12">
<div class="grid_7" id="globalLinksGridOuter">
<ul id="globalLinks">
Globalnavigation links are here.
</ul>
</div><!--grid_7-->
<div class="grid_5" id="searchGridOuter">
<form id="searchBox" class="searchBoxOuter" ... >
<a id="searchAnchor" name="search"></a>
<div id="search">
<div id="searchButtonsContainer">
Search radio buttons and labels are here.
</div><!--searchButtonsContainer-->
Search imput field is here.
</div><!--search-->
</form>
</div><!--grid_5-->
<div class="clear"></div>
</div><!--container_12-->
</div><!--header-->
<div id="stripe">
<div class="container_12" id="banner">
<div id="identifiers">
<div class="grid_10">
BNL logo (image id="BNLlogo") is here.
<div id="siteTitleContainer">BNL Webpage Templates<span class="small">BNL Web Services Group</span></div&ght;
</div><!--grid_10-->
<div class="grid_2">
DOE logo (image id="DOElogo") is here.
</div><!--grid_2-->
</div><!--identifiers-->
<div class="grid_12">
<div id="navcontainer">
<ul id="navlist">
Nav list items are here.
</ul>
</div><!--navcontainer-->
<div class="clear"></div>
</div><!--grid_12-->
</div><!--container_12-->
</div><!--stripe-->
Drop-Down menu pannel code
<div class="container_12">
All page content goes here.
<div class="clear"></div>
</div><!--container_12-->

<div class="push"></div>
</div><!--wrapper-->
<div class="footer" id="footer">
<div class="container_12">
<div class="grid_9">
Footer content goes here.
</div><!--grid_9-->
<div class="grid_3">
Site designed by BNL Web Services.
</div><!--grid_3-->
</div><!--container_12-->
</div><!--footer-->
</body>

Include Files

Button/common/templates/global/includes/header.inc

Button/common/templates/searchbox/search_generic.inc

Button/common/templates/bannerNav/bannerNav_template.inc

Button/common/templates/footer/zz-TEMPLATE.inc