Information Technology
Home » Department » Information Technology » Smithfield VA Portal Widget

Information Technology

Smithfield VA Portal Widget

To add a copy of the Smithfield VA Portal Widget to your website copy the code below and paste it after the opening of the body on your website.

<div class="top-bar fixed-bar gradient-bar">
	<ul class="top-bar-right pull-right tourism-section iplasma-dropdown sf-menu">
		<li id="top-link" class="right-link"> 
			<a href="javascript:;" title="Smithfield Websites."><img src='http://www.smithfieldva.gov/images/icons/open-in-new-window.png' title="Links will open in new window" alt="New Window icon"/><span class="hidden-mobile"> Smithfield Websites</span></a>
			<ul id="official-links">
				<li class="right-link" id="museum">
					<a href="http://www.historicisleofwight.com/" target="_blank" title="Isle of Wight County Museum"><img src="http://www.smithfieldva.gov/images/iow-museum.png" title="Isle of Wight County Museum" alt="Isle of Wight County Museum"/> Isle of Wight County Museum</a>
				</li>
				--><li class="right-link" id="center">
					<a href="http://www.smithfieldcenter.com/" target="_blank" title="Smithfield Center and Outdoor Venues"><img src="http://www.smithfieldva.gov/images/smithfield-center-logo.png" title="Smithfield Center Logo" alt="Smithfield Center Logo"/> Smithfield Center</a>
				</li>
				--><li class="right-link" id="genuine">
					<a href="http://www.genuinesmithfieldva.com/" target="_blank" title="Genuine Smithfield Virginia - Savor our Small-Town Southern Charm"><img src="http://www.smithfieldva.gov/images/genuine-smithfield.png" title="Genuine Smithfield Virginia logo" alt="Genuine Smithfield Virginia logo"/></a>
				</li>
				--><li class="right-link" id="castle">
					<a href="http://www.windsorcastlepark.com/" target="_blank" title="Windsor Castle Park"><img src="http://www.smithfieldva.gov/images/wp.jpg" title="Windsor Castle Park" alt="Windsor Castle Park Logo"/></a>
				</li>
			</ul>
		</li>
	</ul>
	<div class="top-bar-left pull-left">
		<div class="state-seal small-seal"><a href="http://virginia.gov/" target="_blank" title="Commonwealth of Virginia"><img src="http://www.smithfieldva.gov/images/virginia-flag.png" title="Virginia Flag" alt="Virginia Flag"/></a></div>
		--><span class="divider">»</span>
		--><div class="county-seal small-seal"><a href="http://www.co.isle-of-wight.va.us/" target="_blank" title="Isle of Wight County, Virginia"><img src="http://www.smithfieldva.gov/images/iow-seal.png" title="Isle of Wight County Seal" alt="Isle of Wight County Seal"/></a></div>
		--><span class="divider">»</span>
		--><div class="town-seal small-seal"><a href="/" title="Smithfield, VA - Town of Smithfield, Incorporated in 1752 - A Hampton Roads Community in Isle of Wight County, VA"><img src="http://www.smithfieldva.gov/images/smithfield-seal.png" title="Town of Smithfield Seal" alt="Town of Smithfield Seal"/> <span class="seal-text">Official Portal of the Town of Smithfield, Virginia</span><span class="seal-text-small">Town of Smithfield</span><span class="seal-text-tiny">SmithfieldVa.gov</span></a></div>
	</div>
</div>

After copying that code to the websites body paste the following in the head of your website

<link href="http://www.smithfieldva.gov/templates/default/css/smithfield-portal-widget.css" media="screen" rel="stylesheet" type="text/css" />

 

Or you can host a copy of the Smithfield VA Portal Widget on your website by following the directions below:

  1. Click here to download the Smithfield VA Portal Widget Zip file.
  2. Upload css/smithfield-widget.css to your websites css folder
  3. Place the CSS link tag in your site head tag updating the href to reference the CSS file in your site CSS folder
  4. Upload the images to your site images folder
  5. Open portal-widget.html
  6. Update the image paths to where you stored the images.
  7. Place the HTML from the portal-widget.html after the opening of the body in your template.