- Home
- Departments
- Information Technology
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="https://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:
- Download the Smithfield VA Portal Widget Zip file.
- Upload css/smithfield-widget.css to your websites css folder
- Place the CSS link tag in your site head tag updating the href to reference the CSS file in your site CSS folder
- Upload the images to your site images folder
- Open portal-widget.html
- Update the image paths to where you stored the images.
- Place the HTML from the portal-widget.html after the opening of the body in your template.