7 Weight Website Designs :: Chattanooga, Tennessee
Chattanooga, Tennessee based company that offers full service website design, web marketing and website maintenance services.
http://www.7weight.com/index.php
2010-09-06T17:14:00Z
Joomla! 1.5 - Open Source Content Management
Home v2
2010-02-19T22:42:51Z
2010-02-19T22:42:51Z
http://www.7weight.com/index.php?option=com_content&view=article&id=29:home&catid=2:general
Grant Summerlin
grant@7weight.com
<style>
table,td,tr,th{border-collapse:collapse;}
#p-select{background:none repeat scroll 0 0 transparent;
display:block;
position:absolute;
right:0;
text-align:center;
top:0;
width:30px;
z-index:201;}
.slider_container{position:relative;}
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 986px;
height: 331px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #687C98;
overflow: hidden;
}
/*
Total wrapper width: 350px+5px+5px=360px
Or width of wrapper div itself plus any left and right CSS border and padding
Adjust related containers below according to comments
*/
.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 0px;
visibility: hidden;
width: 986px;
}
/*
Total glidecontent width: 330px+10px+10px=350px
Or width of wrapper div itself (not counting wrapper border/padding)
*/
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 986px;
background: black;
margin-top: 0px;
border: 0px solid #687C98;
padding: 0px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
Total contenttoggler width: 350px+5px+5px=360px
Or total width of wrapper div (counting wrapper border/padding)
*/
.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid #777777;
//color: #2e6ab1;
color: #ccc;
padding: 1px 3px;
margin-right: 3px;
margin-bottom:4px;
font-weight: bold;
text-decoration: none;
}
.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: #666;
}
.glidecontenttoggler a:hover{
background: #E4EFFA;
color: #666;
}
.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #ccc;
color: #666;
}</style>
<script type="text/javascript" src="/js/jquery-1.2.2.pack.js"></script>
<script type="text/javascript" src="/js/contentglider.js">
/***********************************************
* Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<div class="slider_container">
<script type="text/javascript">
featuredcontentglider.init
(
{
gliderid: "canadaprovinces", //ID of main glider container
contentclass: "glidecontent", //Shared CSS class name of each glider content
togglerid: "p-select", //ID of toggler container
remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
selected: 0, //Default selected content index (0=1st)
persiststate: true, //Remember last content shown within browser session (true/false)?
speed: 700, //Glide animation duration (in milliseconds)
direction: "rightleft", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [5000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
}
)
</script>
<div id="canadaprovinces" class="glidecontentwrapper">
<div class="glidecontent">
<a href="/index.php?option=com_content&view=article&id=3&Itemid=5"><img src="/images/banners/web_design.jpg" class="full" align="left" height="331px" width="986px" border="0" /></a>
</div>
<div class="glidecontent">
<a href="/index.php?option=com_content&view=article&id=3&Itemid=5"><img src="/images/banners/online_mkt.jpg" class="full" align="left" height="331px" width="986px" border="0" /></a>
</div>
<div class="glidecontent">
<a href="/index.php?option=com_content&view=article&id=3&Itemid=5"><img src="/images/banners/promotion02.jpg" class="full" align="left" height="331px" width="986px" border="0" /></a>
</div>
</div>
<div id="p-select" style="right:0; top:166px; width:30px;" class="glidecontenttoggler">
<a href="#" class="prev">«</a>
<a href="#" class="toc">1</a>
<a href="#" class="toc">2</a>
<a href="#" class="toc">3</a>
<a href="#" class="next">»</a>
</div>
</div>
<style>
table,td,tr,th{border-collapse:collapse;}
#p-select{background:none repeat scroll 0 0 transparent;
display:block;
position:absolute;
right:0;
text-align:center;
top:0;
width:30px;
z-index:201;}
.slider_container{position:relative;}
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 986px;
height: 331px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #687C98;
overflow: hidden;
}
/*
Total wrapper width: 350px+5px+5px=360px
Or width of wrapper div itself plus any left and right CSS border and padding
Adjust related containers below according to comments
*/
.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 0px;
visibility: hidden;
width: 986px;
}
/*
Total glidecontent width: 330px+10px+10px=350px
Or width of wrapper div itself (not counting wrapper border/padding)
*/
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 986px;
background: black;
margin-top: 0px;
border: 0px solid #687C98;
padding: 0px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
Total contenttoggler width: 350px+5px+5px=360px
Or total width of wrapper div (counting wrapper border/padding)
*/
.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid #777777;
//color: #2e6ab1;
color: #ccc;
padding: 1px 3px;
margin-right: 3px;
margin-bottom:4px;
font-weight: bold;
text-decoration: none;
}
.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: #666;
}
.glidecontenttoggler a:hover{
background: #E4EFFA;
color: #666;
}
.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #ccc;
color: #666;
}</style>
<script type="text/javascript" src="/js/jquery-1.2.2.pack.js"></script>
<script type="text/javascript" src="/js/contentglider.js">
/***********************************************
* Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<div class="slider_container">
<script type="text/javascript">
featuredcontentglider.init
(
{
gliderid: "canadaprovinces", //ID of main glider container
contentclass: "glidecontent", //Shared CSS class name of each glider content
togglerid: "p-select", //ID of toggler container
remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
selected: 0, //Default selected content index (0=1st)
persiststate: true, //Remember last content shown within browser session (true/false)?
speed: 700, //Glide animation duration (in milliseconds)
direction: "rightleft", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [5000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
}
)
</script>
<div id="canadaprovinces" class="glidecontentwrapper">
<div class="glidecontent">
<a href="/index.php?option=com_content&view=article&id=3&Itemid=5"><img src="/images/banners/web_design.jpg" class="full" align="left" height="331px" width="986px" border="0" /></a>
</div>
<div class="glidecontent">
<a href="/index.php?option=com_content&view=article&id=3&Itemid=5"><img src="/images/banners/online_mkt.jpg" class="full" align="left" height="331px" width="986px" border="0" /></a>
</div>
<div class="glidecontent">
<a href="/index.php?option=com_content&view=article&id=3&Itemid=5"><img src="/images/banners/promotion02.jpg" class="full" align="left" height="331px" width="986px" border="0" /></a>
</div>
</div>
<div id="p-select" style="right:0; top:166px; width:30px;" class="glidecontenttoggler">
<a href="#" class="prev">«</a>
<a href="#" class="toc">1</a>
<a href="#" class="toc">2</a>
<a href="#" class="toc">3</a>
<a href="#" class="next">»</a>
</div>
</div>