Jump to content

Rockstar29

Members
  • Content Count

    10
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Rockstar29

  • Rank
    Newbie
  1. Hi everybody I'm not the designer but the Owner of the site,my HTML skill level is not very high, Volusion added that H1 tag into my site and did the wrap!! I thought supplying as much info would be best,I wasn't sure what code to supply so lets give everything for the best results So with the code above and all the JQuery plugins in my <Head> & <body> im just confused where I insert everything I honest thought everything was like this <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title> Google analytics Heading tags </head><body> Code for Design,JQuery files</body></html> Not the mess above I must figure out thanks Volusion Thank you
  2. Hi EverybodyMy question is regarding Heading tags for better SEO results.I Need help with implanting Heading tags into Volusion code.I did a scan with Nibbler and other then my code being dirty I need Heading tags. http://nibbler.silktide.com/reports/www.sos-boardz.comI'm just not sure where everything goes,also does it matter where my tags are located in the code? seems my H1 tag is at the bottom of the page. wrapped like this. <script type="text/javascript">$(document).ready(function () { jQuery('#v65-product-parent tbody tr td.vCSS_breadcrumb_td font.productnamecolorLARGE').wrap('<H1 />');});</script> I've included my code for hopes I can get pointed where everything goes,maybe highlight the areas. :Pleased:I was told it needs to look like this.<h1>Title</h1><p>Introduction to the first and second axis</p><h2>First axis</h2><h3>First point of the first axis</h3><h3>Second point of the first axis</h3><h2>Second axis</h2><h3>First point of the second axis</h3><h3>Second point of the second axis</h3><p>Conclusion</p>Thank you for your time. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url]<html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml">[/url]<head><meta name="google-site-verification" content="MiE-Dq_g991RteWZDvL2VmLxsrN9D3zAwsAOPOVKU0k" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!--DYNAMIC PAGE-SPECIFIC META TAGS WILL BE PLACED HEREDO NOT ADD YOUR OWN META TAGSONLY PUT CSS/JAVSCRIPT INCLUDES IN YOUR HEAD TAG--><link href="vspfiles/templates/winter_park/css/Imports.css" rel="stylesheet" type="text/css"/><link rel="stylesheet" href="[url=http://www.sos-boardz.com/v/vspfiles/nivo-slider/nivo_slider.css]http://www.sos-boardz.com/v/vspfiles/nivo-slider/nivo_slider.css"[/url] type="text/css" media="screen" /> <!-- jQuery --><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script><script src="[url=http://code.jquery.com/jquery-migrate-1.2.1.js]http://code.jquery.com/jquery-migrate-1.2.1.js" [/url] type="text/javascript"></script><script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script> <!-- fancyBox for Popup --> <link rel="stylesheet" href="[url=http://www.sos-boardz.com/v/vspfiles/files-for]http://www.sos-boardz.com/v/vspfiles/files-for[/url] popup-box/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> <script type="text/javascript" src="[url=http://www.sos-boardz.com/v/vspfiles/files-for]http://www.sos-boardz.com/v/vspfiles/files-for[/url] popup-box/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script> <!-- Cookies for Popup --> <script type="text/javascript" src="[url=http://www.sos-boardz.com/v/vspfiles/files-for]http://www.sos-boardz.com/v/vspfiles/files-for[/url] popup-box/cookie/jquery.cookie.js" ></script> <!-- Popup Initialization Script --><script type="text/javascript">(function($) {if($.cookie('popup-visited') == null) { $.get("[url=http://freegeoip.net/json/]http://freegeoip.net/json/"[/url], function(location) { var popup_id = "#default_popup"; if(location.country_code == "CA") { popup_id = "#ca_popup"; } $.cookie('popup-visited', 'yes', { expires: 1 }); $(popup_id).fancybox(); setTimeout( function() { $(popup_id).trigger('click'); },500); }, "jsonp");}})(jQuery);</script><!-- End Popup Initialization --> <!-- jQuery Plugins--><script src="[url=http://www.sos-boardz.com/v/vspfiles/images/jquery.zrssfeed.min.js]http://www.sos-boardz.com/v/vspfiles/images/jquery.zrssfeed.min.js"[/url] type="text/javascript"></script><!-- s<script src="[url=http://www.sos-boardz.com/v/vspfiles/nivo-slider/jquery_nivo_slider_pack.js]http://www.sos-boardz.com/v/vspfiles/nivo-slider/jquery_nivo_slider_pack.js"[/url] type="text/javascript"></script> --><script type="text/javascript" src="vspfiles/templates/winter_park/js/custom.js"></script><script type="text/javascript">jQuery(document).ready(function(){vCustomOnready();});</script><!-- <meta id="v65-layout-mode" data-cart="storedot" data-checkout="storedot" /> --> <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-41066926-1', 'sos-boardz.com'); ga('send', 'pageview'); </script><script type="text/javascript">function fgetAllDataTables(){ if (!document.getElementsByTagName) return false; var eleTables = document.getElementsByTagName("td"); for (var i=0; i < eleTables.length; i++) { if (eleTables[i].width == "33%") { eleTables[i].className = 'vak'; } }} function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldonload(); func(); } }}addLoadEvent(fgetAllDataTables);</script><style type="text/css">#sos_blog ul { list-style-type: none;}#sos_blog h1 { text-align: center;} /*SLIDER CSS*/ .theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none;}.theme-default .nivoSlider a { border:0; display:block;} .theme-default .nivo-controlNav { text-align: center; padding: 5px 0;}.theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url('[url=http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/bullets.png]http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/bullets.png[/url]') no-repeat; text-indent:-9999px; border:0; margin: 0 2px;}.theme-default .nivo-controlNav a.active { background-position:0 -22px;} .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url('[url=http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/arrows.png]http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/arrows.png[/url]')no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}.theme-default:hover .nivo-directionNav a { opacity: 1; }.theme-default a.nivo-nextNav { background-position:-30px 0; right:15px;}.theme-default a.nivo-prevNav { left:15px;} .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif;}.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff;}.theme-default .nivo-caption a:hover { color:#fff;} .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%;}.theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px;}.theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto;}.rim{ border:10px solid #dfd7cc;} /*/SLIDER CSS*/ #homeBanners { width:960px; height:400px; position:relative; overflow:hidden; }#homeBanners li { height:400px !important; width:960px; } #homeBanners #next, #homeBanners #prev{ display:none;}#homeBanners:hover #next ,#homeBanners:hover #prev{display : block; height:30px; width:40px; text-indent:-9999px; position:absolute; top:195px; z-index:9999; }#homeBanners:hover #next {background: url('[url=http://www.sos-boardz.com/v/vspfiles/script/btn_next.png]http://www.sos-boardz.com/v/vspfiles/script/btn_next.png[/url]')no-repeat; right:0px;}#homeBanners:hover #prev {background: url('[url=http://www.sos-boardz.com/v/vspfiles/script/btn_prev.png]http://www.sos-boardz.com/v/vspfiles/script/btn_prev.png[/url]')no-repeat; left:0px; text-indent:-9999px; display: block; } #rim #nav { position:relative; bottom:-20px; /*left:421px; margin-left:420px;*/ margin:0px auto; width:135px; z-index:99; }#rim #nav a { display: inline-block;width: 22px;height: 22px;background: url('[url=http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/bullets.png]http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/bullets.png[/url]') no-repeat;text-indent: -9999px;border: 0;margin: 0 2px; }#rim #nav a.activeSlide {background-position: 0 -22px; }#rim #nav a:focus { outline: none; }</style> </head><!-- ======================== FILE INFO ========================Premium template V-winter_parkDesigner: YuriCoder: J.H.Date: Feburary 2011======================== END INFO ======================== --><body id="body"><div id="page_wrapper"> <!-- ======================== HEADER ======================== --> <div id="sitetoolsbg"> <div id="site_tools_contain"> <div id="site_tools"> <a href="Config_FullStoreURLdefault.asp">Home</a> <a href="Config_FullStoreURLaboutus.asp">About Us</a> <a href="Config_FullStoreURLmyaccount.asp">My Account</a> <a href="Config_FullStoreURLhelp.asp" class="end">Help</a> </div> </div> </div> <div id="headerbg"> <div id="header"> <!--<div id="display_homepage_title"><a href="Config_FullStoreURL"></a></div>--> <a id="logo" href="Config_FullStoreURLdefault.asp"></a> <!-- ======================== SEARCH BOX ======================== --> <div id="display_search_wrapper"> <div id="display_search"> <form action="Config_FullStoreURLSearchResults.asp" method="get" name="SearchBoxForm"> <input type="text" name="Search" class="search_input" value="Search..." onblur="if (this.value==''){this.value='Search...';}" onfocus="if (this.value=='Search...'){this.value='';}" /> <input type="image" src="/v/vspfiles/templates/winter_park/images/template/search_btn.png" class="submit_button" onclick="document.forms['SearchBoxForm'].submit();" /> </form> </div> </div> <div id="topsocial"> <a href="[url=https://www.facebook.com/pages/SOS-Boardz/221929231178413]https://www.facebook.com/pages/SOS-Boardz/221929231178413"><img[/url] src="vspfiles/templates/winter_park/images/template/facebook.png" alt="facebook"/></a> <a href="[url=https://www.twitter.com/SOSBoardz]https://www.twitter.com/SOSBoardz"><img[/url] src="vspfiles/templates/winter_park/images/template/twitter.png" alt="twitter"/></a> <a href="[url=http://sos-boardz.blogspot.com/]http://sos-boardz.blogspot.com/"><img[/url] src="vspfiles/templates/winter_park/images/template/blogger.png" alt="blogger" class="spacer"/></a> </div> </div> <div id="top_nav"> <!-- ======================== UL LAYOUT ======================== --> <div id="display_menu_1"> </div> </div></div> <!--<a href="[url=http://s2.photobucket.com/user/1cavy/media/main_graphic_zps854e0514.jpg.html]http://s2.photobucket.com/user/1cavy/media/main_graphic_zps854e0514.jpg.html"[/url] target="_blank"><img src="[url=http://i2.photobucket.com/albums/y12/1cavy/main_graphic_zps854e0514.jpg]http://i2.photobucket.com/albums/y12/1cavy/main_graphic_zps854e0514.jpg"[/url] border="100" alt=" photo main_graphic_zps854e0514.jpg"/></a>--></div> <!-- ======================== CONTENT ======================== --> <!-- Popup Lightbox Begin --> <div style="display:none;"> <div id="ca_popup" style="padding:6px;"> <!-- Canadian content goes here --> <img src="[url=http://www.sos-boardz.com/v/vspfiles/sos-ad-coupon.jpg]http://www.sos-boardz.com/v/vspfiles/sos-ad-coupon.jpg"[/url] alt="" /> </div> </div> <div style="display:none;"><div id="default_popup" style="padding:6px;"> <!-- US/Default content goes here --> <img src="[url=http://www.sos-boardz.com/v/vspfiles/sos-ad-coupon.jpg]http://www.sos-boardz.com/v/vspfiles/sos-ad-coupon.jpg"[/url] alt="" /> </div> </div> <!-- End Popup Lightbox --> <div id="content"> <div id="boxtop"> </div> <div id="if_homepage"> <div class="rim" id="rim" style="width:960px; height:400px;" > <div id="homeBanners"> <a href="[url=http://www.sos-boardz.com/#]http://www.sos-boardz.com/#"[/url] id="prev">Prev</a> <a href="[url=http://www.sos-boardz.com/#]http://www.sos-boardz.com/#"[/url] id="next">Next</a> <ul style="position: relative; width: 960px; height: 400px; overflow: hidden; margin:0px; padding:0px;"> <li><a href="#"><img src="[url=http://www.sos-boardz.com/v/vspfiles/sos-boardz-online-slide-960-400.jpg]http://www.sos-boardz.com/v/vspfiles/sos-boardz-online-slide-960-400.jpg"[/url] alt="sos-boardz" style="width:960px; height:400px;" /></a></li> <li><a href=" [url=http://www.sos-boardz.com/Supra_Footwear_s/1879.htm]http://www.sos-boardz.com/Supra_Footwear_s/1879.htm[/url] "><img src="[url=http://www.sos-boardz.com/v/vspfiles/supra]http://www.sos-boardz.com/v/vspfiles/supra[/url] ad.jpg" alt="sos-boardz" style="width:960px; height:400px;" /></a></li> <a href="[url=http://www.sos-boardz.com/Thirty_two_Snowboard_Boots_s/1972.htm]http://www.sos-boardz.com/Thirty_two_Snowboard_Boots_s/1972.htm[/url] "><img src="[url=http://www.sos-boardz.com/v/vspfiles/Thirtytwo-banner-ad.jpg]http://www.sos-boardz.com/v/vspfiles/Thirtytwo-banner-ad.jpg"[/url] alt="sos-boardz" style="width:960px; height:400px;" /></a></li> <a href="#"><img src="[url=http://www.sos-boardz.com/v/vspfiles/SOS-Snowboard-Sale.jpg]http://www.sos-boardz.com/v/vspfiles/SOS-Snowboard-Sale.jpg"[/url] alt="sos-boardz" style="width:960px; height:400px;" /></a></li> <li><a href=" [url=http://www.sos-boardz.com/category_s/1868.htm]http://www.sos-boardz.com/category_s/1868.htm[/url] "><img src="[url=http://www.sos-boardz.com/v/vspfiles/Sector%209%20slide%20960%20400.jpg]http://www.sos-boardz.com/v/vspfiles/Sector%209%20slide%20960%20400.jpg"[/url] alt="shop online" title="#htmlcaption" style="width:960px; height:400px;" /></a> </li><li> <a href=" [url=http://www.sos-boardz.com/category_s/1998.htm]http://www.sos-boardz.com/category_s/1998.htm[/url]'>http://www.sos-boardz.com/category_s/1998.htm[/url] "><img src="[url=http://www.sos-boardz.com/v/vspfiles/hundreds-965-400.jpg]http://www.sos-boardz.com/v/vspfiles/hundreds-965-400.jpg"[/url] alt="shop now" title="#" style="width:960px; height:400px;" /></a></li> <li><a href="[url=http://www.sos-boardz.com/category_s/1999.htm]http://www.sos-boardz.com/category_s/1999.htm"><img[/url] src="[url=http://www.sos-boardz.com/v/vspfiles/LRG%20slide.jpg]http://www.sos-boardz.com/v/vspfiles/LRG%20slide.jpg"[/url] alt="shop" title="#" style="width:960px; height:400px;" /></a><li><a href="[url=http://www.sos-boardz.com/category_s/2051.htm]http://www.sos-boardz.com/category_s/2051.htm[/url] "><img src="[url=http://www.sos-boardz.com/v/vspfiles/LRG]http://www.sos-boardz.com/v/vspfiles/LRG[/url] 960x400.jpg" alt="sos-boardz" style="width:960px; height:400px;" /></a></li><a href="[url=http://www.sos-boardz.com/category_s/2093.htm]http://www.sos-boardz.com/category_s/2093.htm[/url] "><img src="[url=http://www.sos-boardz.com/v/vspfiles/Thrasher%20Huf%20Collab%20banner.jpg]http://www.sos-boardz.com/v/vspfiles/Thrasher%20Huf%20Collab%20banner.jpg"[/url] alt="sos-boardz" style="width:960px; height:400px;" /></a></li> </div> <div id="nav"></div> <script type="text/javascript" src="[url=http://www.sos-boardz.com/v/vspfiles/script/jquery.min.js]http://www.sos-boardz.com/v/vspfiles/script/jquery.min.js"></script>[/url]<script type="text/javascript" src="[url=http://www.sos-boardz.com/v/vspfiles/script/jquery-ui.min.js]http://www.sos-boardz.com/v/vspfiles/script/jquery-ui.min.js"></script>[/url] <script type="text/javascript" src="[url=http://www.sos-boardz.com/v/vspfiles/script/jquery-1.4.2.min.js]http://www.sos-boardz.com/v/vspfiles/script/jquery-1.4.2.min.js"[/url] language="javascript"></script><script type="text/javascript" src="[url=http://www.sos-boardz.com/v/vspfiles/script/jquery.cycle.all.2.72.js]http://www.sos-boardz.com/v/vspfiles/script/jquery.cycle.all.2.72.js"></script>[/url]<script type="text/javascript"> $(document).ready(function() { $('#homeBanners ul').cycle({ fx: 'scrollHorz', // name of transition effect (or comma separated names, ex: fade,scrollUp,shuffle) //timeout: 0, pause: 10000, speed: 5000, // speed of the transition (any valid fx speed value) speedIn: 500, // speed of the 'in' transition random: 0, timeout:4000, // milliseconds between slide transitions (0 to disable auto advance) prev: '#prev', next: '#next', pager: '#nav' //pagerAnchorBuilder: pagerFactory }); });</script> <!-- <div class="slider-wrapper theme-default "> <div id="slider" class="nivoSlider"> <a href="#"><img src="[url=http://www.sos-boardz.com/v/vspfiles/sos-boardz-online-slide-960-400.jpg]http://www.sos-boardz.com/v/vspfiles/sos-boardz-online-slide-960-400.jpg"[/url] alt="sos-boardz" style="width:960px; height:400px;" /></a><a href=" [url=http://www.sos-boardz.com/Supra_Footwear_s/1879.htm]http://www.sos-boardz.com/Supra_Footwear_s/1879.htm[/url] "><img src="[url=http://www.sos-boardz.com/v/vspfiles/supra]http://www.sos-boardz.com/v/vspfiles/supra[/url] ad.jpg" alt="sos-boardz" style="width:960px; height:400px;" /></a><a href=" [url=http://www.sos-boardz.com/category_s/1868.htm]http://www.sos-boardz.com/category_s/1868.htm[/url] "><img src="[url=http://www.sos-boardz.com/v/vspfiles/Sector%209%20slide%20960%20400.jpg]http://www.sos-boardz.com/v/vspfiles/Sector%209%20slide%20960%20400.jpg"[/url] alt="shop online" title="#htmlcaption" style="width:960px; height:400px;" /></a> <a href=" [url=http://www.sos-boardz.com/category_s/1998.htm]http://www.sos-boardz.com/category_s/1998.htm[/url]'>http://www.sos-boardz.com/category_s/1998.htm[/url] "><img src="[url=http://www.sos-boardz.com/v/vspfiles/hundreds-965-400.jpg]http://www.sos-boardz.com/v/vspfiles/hundreds-965-400.jpg"[/url] alt="shop now" title="#" style="width:960px; height:400px;" /></a><a href="[url=http://www.sos-boardz.com/category_s/1999.htm]http://www.sos-boardz.com/category_s/1999.htm"><img[/url] src="[url=http://www.sos-boardz.com/v/vspfiles/LRG%20slide.jpg]http://www.sos-boardz.com/v/vspfiles/LRG%20slide.jpg"[/url] alt="shop" title="#" style="width:960px; height:400px;" /></a> </div></div><script type="text/javascript" src="[url=http://www.sos-boardz.com/v/vspfiles/nivo-slider/demo/scripts/jquery-1.9.0.min.js]http://www.sos-boardz.com/v/vspfiles/nivo-slider/demo/scripts/jquery-1.9.0.min.js"></script>[/url] <script type="text/javascript" src="[url=http://www.sos-boardz.com/v/vspfiles/nivo-slider/jquery_nivo_slider.js]http://www.sos-boardz.com/v/vspfiles/nivo-slider/jquery_nivo_slider.js"></script>[/url] <script type="text/javascript">[url=http://www.sos-boardz.com/v/vspfiles/nivo-slider/]http://www.sos-boardz.com/v/vspfiles/nivo-slider/[/url] $(document).ready(function(){ $('#slider').nivoSlider({ controlNav: true, // navigation effect: 'random', // transition animSpeed: 500, // transition speed pauseTime: 8000, // time slide will show randomStart: true // start on a random slide }); }); </script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script>--> </div> </div> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td id="content_area" valign="top"></td> </tr> </table> <div id="boxbottom"> </div> <div class="clear"> </div></div><div id="if_homepage"> <div id="bottompromo"> <a href="#"><img src="[url=http://i2.photobucket.com/albums/y12/1cavy/SHOPNOWFOOTERIMAGE_zps11ffc91b.jpg]http://i2.photobucket.com/albums/y12/1cavy/SHOPNOWFOOTERIMAGE_zps11ffc91b.jpg"[/url] border="0" alt=" photo SHOPNOWFOOTERIMAGE_zps11ffc91b.jpg"/></a> <a href="[url=http://www.sos-boardz.com/category_s/1999.htm]http://www.sos-boardz.com/category_s/1999.htm"><img[/url] src="[url=http://i2.photobucket.com/albums/y12/1cavy/LRGFOOTER_zps2dd255f8.jpg]http://i2.photobucket.com/albums/y12/1cavy/LRGFOOTER_zps2dd255f8.jpg"[/url] style="margin:0 9px;" alt=" photo LRGFOOTER_zps2dd255f8.jpg"/></a> <a href="[url=http://www.sos-boardz.com/category_s/1998.htm]http://www.sos-boardz.com/category_s/1998.htm"><img[/url] src="[url=http://i2.photobucket.com/albums/y12/1cavy/thehundreds_zpsbfbda466.jpg]http://i2.photobucket.com/albums/y12/1cavy/thehundreds_zpsbfbda466.jpg"[/url] border="0" alt=" photo thehundreds_zpsbfbda466.jpg"/></a> </div></div><!-- ======================== FOOTER ======================== --><div id="footer"> <div id="sos_blog"></div> <script src="[url=http://www.sos-boardz.com/v/vspfiles/images/jquery.zrssfeed.min.js]http://www.sos-boardz.com/v/vspfiles/images/jquery.zrssfeed.min.js"[/url] type="text/javascript"></script><script type="text/javascript"> $(document).ready(function () { $('#sos_blog').rssfeed('[url=http://www.sos-boardz.blogspot.com/feeds/posts/default]http://www.sos-boardz.blogspot.com/feeds/posts/default[/url]' { limit: 1, header: false, date: false, titletag: "h1", linktarget: "_blank", snippet: false }); }); </script> <!-- ======================== Mailing List Section ======================== --><div id="newsletteroutter"> <div id="newslettercontainer"> <div id="newsletterimg"></div> <div id="eList"> <form name="MailingList" method="post" action="Config_FullStoreURLMailingList_subscribe.asp"> <input id="elist_field" name="emailaddress" type="text" value="Your Email Address" onfocus="if (this.value == 'Your Email Address') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Your Email Address';}"/> <input name="Submit" type="image" id="elist_btn" value="" src="vspfiles/templates/winter_park/images/template/mail_btn.gif" alt="Submit"/> </form> </div> </div></div><div id="footer_top"> <ul style="width:170px;"> <li></li> </ul> <div id="fontent"> <ul> <li class="title">About Us</li> <li><a href="Config_FullStoreURLaboutus.asp">Company Information</a></li> <li><a href="Config_FullStoreURLArticles.asp?ID=251">Contact Us</a></li> <li><a href="/Articles.asp?ID=250">Shipping & Returns</a></li> <li><a href="Config_FullStoreURLterms_privacy.asp">Privacy Policy</a></li> <li><a href="Config_FullStoreURLterms.asp">Terms & Conditions</a></li> </ul> <ul> <li class="title">My Account</li> <li><a href="Config_FullStoreURLshoppingcart.asp">View Cart</a></li> <li><a href="Config_FullStoreURLmyaccount.asp">Sign-In</a></li> <li><a href="Config_FullStoreURLOrders.asp">Order Status</a></li> <li><a href="Config_FullStoreURLcindex.asp">Category Index</a></li> <li><a href="Config_FullStoreURLpindex.asp">Product Index</a></li> </ul> <ul> <li class="title">Helpful Information</li> <li><a href="Config_FullStoreURLArticles.asp?ID=251">Contact Us</a></li> <li><a href="Config_FullStoreURLhelp.asp">Help</a></li> </ul> <ul> <li class="title2">We Accept</li> <li><img src="vspfiles/templates/winter_park/images/template/visa.gif" alt="visa"/><img src="vspfiles/templates/winter_park/images/template/master.gif" alt="master"/><img src="vspfiles/templates/winter_park/images/template/american.gif" alt="american"/><img src="vspfiles/templates/winter_park/images/template/discover.gif" alt="discover"/><img src="vspfiles/templates/winter_park/images/template/paypal.gif" alt="paypal"/></li> <li style="margin-top:20px;><a href="void(0); onclick="window.open('[url=https://www.volusion.com/ssl.asp?url=www.YourDomain.com]https://www.volusion.com/ssl.asp?url=www.YourDomain.com[/url]' 'volusionssl', 'top=10,left=10,menubar=0,resizable=0,scrollbars=0,width=450,height=410')"><img src="vspfiles/templates/winter_park/images/template/vsecure.gif" alt="Volusion Secured"/></a></li> </ul> </div></div><div id="footer_bottom"> <p><a href="/terms.asp">Copyright © <script type="text/javascript">document.write((new Date()).getFullYear());</script> Config_CompanyNameLegal. All Rights Reserved.</a> <!-- =========================================================================================== VOLUSION LINK - BEGIN===============================================================================================Customer has agreed per Volusion's Terms of Service ([url=http://www.volusion.com/agreement_monthtomonth.asp]http://www.volusion.com/agreement_monthtomonth.asp[/url]'>http://www.volusion.com/agreement_monthtomonth.asp[/url]) to maintain a text hyperlink to "[url=http://www.volusion.com]http://www.volusion.com"[/url] in the footer of the website. The link must be standard html, contain no javascript, and be approved by Volusion. Removing this link breaches the Volusion agreement. --> Powered by<a href="[url=http://www.volusion.com]http://www.volusion.com"[/url] title="Shopping Cart Software" target="_blank">Volusion</a>.</p> <!-- =========================================================================================== VOLUSION LINK - END============================================================================================ --></div></div> <!-- ======================== BOOKMARK JS FILE<script src="vspfiles/templates/custom/js/bookmark.js" type="text/javascript"></script> ======================== --><!-- ======================== SHOPPING CART DISPLAY JS FILE<script src="v/vspfiles/templates/custom/js/shopping_cart_summary.js" type="text/javascript"></script><script src="v/vspfiles/templates/custom/js/header_cart_summary.js" type="text/javascript"></script> ======================== --><!-- ======================== REMOVE BREAD CRUMB<script src="vspfiles/templates/custom/js/removebreadcrumb.js" type="text/javascript"></script> ======================== --><!-- ======================== ACTIVE TAB<script src="vspfiles/templates/custom/js/activetab.js" type="text/javascript"></script> ======================== --><!-- ======================== RANDOM IMAGE<script src="vspfiles/templates/custom/js/activetab.js" type="text/javascript"></script> ======================== --> <script type="text/javascript">$(document).ready(function () { jQuery('#v65-product-parent tbody tr td.vCSS_breadcrumb_td font.productnamecolorLARGE').wrap('<H1 />');});</script> </body></html>
  3. Last Part the chages are marked in `red` <div id="content"><div id="boxtop"></div><table border="0" cellspacing="0" cellpadding="0"><tr><td id="content_area" valign="top"></td></tr></table><div id="boxbottom"></div><div class="clear"></div></div><div id="if_homepage"><div id="bottompromo"><a href="#"><img src="http://i2.photobucket.com/albums/y12/1cavy/SHOPNOWFOOTERIMAGE_zps11ffc91b.jpg" border="0" alt=" photo SHOPNOWFOOTERIMAGE_zps11ffc91b.jpg"/></a><a href="http://www.sos-boardz.com/category_s/1999.htm"><img src="http://i2.photobucket.com/albums/y12/1cavy/LRGFOOTER_zps2dd255f8.jpg" style="margin:0 9px;" alt=" photo LRGFOOTER_zps2dd255f8.jpg"/></a><a href="http://www.sos-boardz.com/category_s/1998.htm"><img src="http://i2.photobucket.com/albums/y12/1cavy/thehundreds_zpsbfbda466.jpg" border="0" alt=" photo thehundreds_zpsbfbda466.jpg"/></a> </div> </div><!-- ======================== FOOTER ======================== --><div id="footer"> <!DOCTYPE html><html><head><title>RSS Feed Test</title></head><body> <div id="sos_blog"></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script src="http://www.sos-boardz.com/v/vspfiles/images/jquery.zrssfeed.min.js"></script> <script type="text/javascript">$(document).ready(function () {$('#sos_blog').rssfeed('http://www.sos-boardz.blogspot.com/feeds/posts/default', {limit: 1,header: false,date: false,titletag: "h1",linktarget: "_blank",snippet: false});}); </script><style>#sos_blog ul {list-style-type: none;}#sos_blog h1 {text-align: center;} </body></style></html><!-- ======================== Mailing List Section ======================== --> <div id="newslettercontainer"> <div id="newsletterimg"> </div> <div id="eList"> <form name="MailingList" method="post" action="Config_FullStoreURLMailingList_subscribe.asp"> <input id="elist_field" name="emailaddress" type="text" value="Your Email Address" onfocus="if (this.value == 'Your Email Address') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Your Email Address';}"/> <input name="Submit" type="image" id="elist_btn" value="" src="vspfiles/templates/winter_park/images/template/mail_btn.gif" alt="Submit"/> </form> </div> </div> <div id="footer_top"> <ul style="width:85px;"> </ul> <div id="fontent"> <ul> <li class="title">About Us</li> <li><a href="Config_FullStoreURLaboutus.asp">Company Information</a></li> <li><a href="Config_FullStoreURLArticles.asp?ID=251">Contact Us</a></li> <li><a href="/Articles.asp?ID=250">Shipping & Returns</a></li> <li><a href="Config_FullStoreURLterms_privacy.asp">Privacy Policy</a></li> <li><a href="Config_FullStoreURLterms.asp">Terms & Conditions</a></li> </ul> <ul> <li class="title">My Account</li> <li><a href="Config_FullStoreURLshoppingcart.asp">View Cart</a></li> <li><a href="Config_FullStoreURLmyaccount.asp">Sign-In</a></li> <li><a href="Config_FullStoreURLOrders.asp">Order Status</a></li> <li><a href="Config_FullStoreURLcindex.asp">Category Index</a></li> <li><a href="Config_FullStoreURLpindex.asp">Product Index</a></li> </ul> <ul> <li class="title">Helpful Information</li> <li><a href="Config_FullStoreURLArticles.asp?ID=251">Contact Us</a></li> <li><a href="Config_FullStoreURLhelp.asp">Help</a></li> </ul> <ul> <li class="title2">We Accept</li> <li><img src="vspfiles/templates/winter_park/images/template/visa.gif" alt="visa"/><img src="vspfiles/templates/winter_park/images/template/master.gif" alt="master"/><img src="vspfiles/templates/winter_park/images/template/american.gif" alt="american"/><img src="vspfiles/templates/winter_park/images/template/discover.gif" alt="discover"/><img src="vspfiles/templates/winter_park/images/template/paypal.gif" alt="paypal"/> </li> <li style="margin-top:20px;><a href="javascript:void(0); onclick="window.open('https://www.volusion.com/ssl.asp?url=www.YourDomain.com', 'volusionssl', 'top=10,left=10,menubar=0,resizable=0,scrollbars=0,width=450,height=410')"><img src="vspfiles/templates/winter_park/images/template/vsecure.gif" alt="Volusion Secured"/></a></li> </ul> </div> </div> <div id="footer_bottom"> <p> <a href="/terms.asp">Copyright © <script type="text/javascript">document.write((new Date()).getFullYear());</script> Config_CompanyNameLegal. All Rights Reserved.</a> <!-- =========================================================================================== VOLUSION LINK - BEGIN===============================================================================================Customer has agreed per Volusion's Terms of Service (http://www.volusion....onthtomonth.asp) to maintain a text hyperlink to "http://www.volusion.com" in the footer of the website. The link must be standard html, contain no javascript, and be approved by Volusion. Removing this link breaches the Volusion agreement. --> Powered by <a href="http://www.volusion.com" title="Shopping Cart Software" target="_blank">Volusion</a>. </p> <!-- =========================================================================================== VOLUSION LINK - END============================================================================================ --> </div> </div> </div></div><!-- ======================== BOOKMARK JS FILE<script src="vspfiles/templates/custom/js/bookmark.js" type="text/javascript"></script> ======================== --><!-- ======================== SHOPPING CART DISPLAY JS FILE<script src="v/vspfiles/templates/custom/js/shopping_cart_summary.js" type="text/javascript"></script><script src="v/vspfiles/templates/custom/js/header_cart_summary.js" type="text/javascript"></script> ======================== --><!-- ======================== REMOVE BREAD CRUMB<script src="vspfiles/templates/custom/js/removebreadcrumb.js" type="text/javascript"></script> ======================== --><!-- ======================== ACTIVE TAB<script src="vspfiles/templates/custom/js/activetab.js" type="text/javascript"></script> ======================== --><!-- ======================== RANDOM IMAGE<script src="vspfiles/templates/custom/js/activetab.js" type="text/javascript"></script> ======================== --><!-- jQuery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <!-- RSS Feed jQuery Plug-in --> <script src="http://www.sos-boardz.com/v/vspfiles/images/jquery.zrssfeed.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#sos_blog').rssfeed('http://www.sos-boardz.blogspot.com/feeds/posts/default', { limit: 1, header: false, date: false, titletag: "h1", linktarget: "_blank", snippet: false }); }); </script> <!-- Nivo Slider jQuery Plug-in --> <script src="http://www.sos-boardz.com/v/vspfiles/nivo-slider/jquery_nivo_slider_pack.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('#slider').nivoSlider({ controlNav: true, // navigation effect: 'random', // transition animSpeed: 500, // transition speed pauseTime: 5000, // time slide will show randomStart: true // start on a random slide }); }); </script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> <!-- End jQuery --> </body></html>
  4. Here`s the Code inserted into my template marked in red <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta name="google-site-verification" content="MiE-Dq_g991RteWZDvL2VmLxsrN9D3zAwsAOPOVKU0k" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><!--DYNAMIC PAGE-SPECIFIC META TAGS WILL BE PLACED HEREDO NOT ADD YOUR OWN META TAGSONLY PUT CSS/JAVSCRIPT INCLUDES IN YOUR HEAD TAG--><link href="vspfiles/templates/winter_park/css/Imports.css" rel="stylesheet" type="text/css"/> <link rel="stylesheet" href="http://www.sos-boardz.com/v/vspfiles/nivo-slider/nivo_slider.css" type="text/css" media="screen"> <link rel="stylesheet" href="http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/default.css" type="text/css" media="screen"> <style> /* RSS Feed */ #sos_blog ul { list-style-type: none; } #sos_blog h1 { text-align: center; } </style><script type="text/javascript" src="vspfiles/templates/winter_park/js/custom.js"></script>[/color]<script type="text/javascript">jQuery(document).ready(function(){vCustomOnready();});</script><!--<meta id="v65-layout-mode" data-cart="storedot" data-checkout="storedot" />--><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-41066926-1', 'sos-boardz.com');ga('send', 'pageview'); </script></head><!-- ======================== FILE INFO ========================Premium template V-winter_parkDesigner: YuriCoder: J.H.Date: Feburary 2011======================== END INFO ======================== --><body id="body"><div id="page_wrapper"><!-- ======================== HEADER ======================== --><div id="sitetoolsbg"><div id="site_tools_contain"><div id="site_tools"><a href="Config_FullStoreURLdefault.asp">Home</a><a href="Config_FullStoreURLaboutus.asp">About Us</a><a href="Config_FullStoreURLmyaccount.asp">My Account</a><a href="Config_FullStoreURLhelp.asp" class="end">Help</a></div></div></div><div id="headerbg"><div id="header"><!--<div id="display_homepage_title"><a href="Config_FullStoreURL"></a></div>--><a id="logo" href="#"></a> <!-- ======================== SEARCH BOX ======================== --><div id="display_search_wrapper"><div id="display_search"><form action="Config_FullStoreURLSearchResults.asp" method="get" name="SearchBoxForm"><input type="text" value="Search" name="Search" class="txtbox" id="search_box" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"/><img src="vspfiles/templates/winter_park/images/template/search_btn.png" border="0" align="top" style="cursor: pointer;" onclick="document.forms['SearchBoxForm'].submit();" alt="Submit"/></form></div></div><div id="topsocial"><a href="https://www.facebook.com/pages/SOS-Boardz/221929231178413"><img src="vspfiles/templates/winter_park/images/template/facebook.png"/></a><a href="https://www.twitter.com/SOSBoardz"><img src="vspfiles/templates/winter_park/images/template/twitter.png"/></a><a href="http://sos-boardz.blogspot.com/"><img src="vspfiles/templates/winter_park/images/template/blogger.png" class="spacer"/></a></div></div><div id="top_nav"> <!-- ======================== UL LAYOUT ======================== --><div id="display_menu_1"></div></div>id<!-- Slider HTML --> <div class="slider-wrapper theme-default "> <div id="slider" class="nivoSlider"> <a href="#"><img src="http://www.sos-boardz.com/v/vspfiles/images/sos-boardz-slide-show-online-store-now-open-image-one.jpg" alt="shop now"></a> <a href="http://dev7studios.com"><img src="http://www.sos-boardz.com/v/vspfiles/images/sos-boards-slide-show-sector-9-Image-two.jpg" alt="shop online" title="#htmlcaption"></a> <a href="#"><img src="http://www.sos-boardz.com/v/vspfiles/images/sos-boardz-slide-show-the-hundreds-image-three.jpg" alt="shop now" title="online store"></a> </div> </div> <!-- Slider HTML --> <!-- ======================== CONTENT ======================== -->
  5. This is my Code for the Slider <!DOCTYPE html>[/color][color=#222222]<html>[/color][color=#222222][/color][color=#222222]<head>[/color][color=#222222][/color][color=#222222] <meta charset="utf-8">[/color][color=#222222] <title>sos-slider</title>[/color][color=#222222][/color][color=#222222] <link rel="stylesheet" href="http://www.sos-boardz.com/v/vspfiles/nivo-slider/nivo_slider.css" type="text/css" media="screen">[/color][color=#222222] <style>[/color][color=#222222] .theme-default .nivoSlider {[/color][color=#222222] position:relative;[/color][color=#222222] background:#fff url(loading.gif) no-repeat 50% 50%;[/color][color=#222222] margin-bottom:10px;[/color][color=#222222] -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;[/color][color=#222222] -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;[/color][color=#222222] box-shadow: 0px 1px 5px 0px #4a4a4a;[/color][color=#222222]}[/color][color=#222222].theme-default .nivoSlider img {[/color][color=#222222] position:absolute;[/color][color=#222222] top:0px;[/color][color=#222222] left:0px;[/color][color=#222222] display:none;[/color][color=#222222]}[/color][color=#222222].theme-default .nivoSlider a {[/color][color=#222222] border:0;[/color][color=#222222] display:block;[/color][color=#222222]}[/color][color=#222222][/color][color=#222222].theme-default .nivo-controlNav {[/color][color=#222222] text-align: center;[/color][color=#222222] padding: 20px 0;[/color][color=#222222]}[/color][color=#222222].theme-default .nivo-controlNav a {[/color][color=#222222] display:inline-block;[/color][color=#222222] width:22px;[/color][color=#222222] height:22px;[/color][color=#222222] background:url('http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/bullets.png') no-repeat;[/color][color=#222222] text-indent:-9999px;[/color][color=#222222] border:0;[/color][color=#222222] margin: 0 2px;[/color][color=#222222]}[/color][color=#222222].theme-default .nivo-controlNav a.active {[/color][color=#222222] background-position:0 -22px;[/color][color=#222222]}[/color][color=#222222][/color][color=#222222].theme-default .nivo-directionNav a {[/color][color=#222222] display:block;[/color][color=#222222] width:30px;[/color][color=#222222] height:30px;[/color][color=#222222] background:url('http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/arrows.png')no-repeat;[/color][color=#222222] text-indent:-9999px;[/color][color=#222222] border:0;[/color][color=#222222] opacity: 0;[/color][color=#222222] -webkit-transition: all 200ms ease-in-out;[/color][color=#222222] -moz-transition: all 200ms ease-in-out;[/color][color=#222222] -o-transition: all 200ms ease-in-out;[/color][color=#222222] transition: all 200ms ease-in-out;[/color][color=#222222]}[/color][color=#222222].theme-default:hover .nivo-directionNav a { opacity: 1; }[/color][color=#222222].theme-default a.nivo-nextNav {[/color][color=#222222] background-position:-30px 0;[/color][color=#222222] right:15px;[/color][color=#222222]}[/color][color=#222222].theme-default a.nivo-prevNav {[/color][color=#222222] left:15px;[/color][color=#222222]}[/color][color=#222222][/color][color=#222222].theme-default .nivo-caption {[/color][color=#222222] font-family: Helvetica, Arial, sans-serif;[/color][color=#222222]}[/color][color=#222222].theme-default .nivo-caption a {[/color][color=#222222] color:#fff;[/color][color=#222222] border-bottom:1px dotted #fff;[/color][color=#222222]}[/color][color=#222222].theme-default .nivo-caption a:hover {[/color][color=#222222] color:#fff;[/color][color=#222222]}[/color][color=#222222][/color][color=#222222].theme-default .nivo-controlNav.nivo-thumbs-enabled {[/color][color=#222222] width: 100%;[/color][color=#222222]}[/color][color=#222222].theme-default .nivo-controlNav.nivo-thumbs-enabled a {[/color][color=#222222] width: auto;[/color][color=#222222] height: auto;[/color][color=#222222] background: none;[/color][color=#222222] margin-bottom: 5px;[/color][color=#222222]}[/color][color=#222222].theme-default .nivo-controlNav.nivo-thumbs-enabled img {[/color][color=#222222] display: block;[/color][color=#222222] width: 120px;[/color][color=#222222] height: auto;[/color][color=#222222]}[/color][color=#222222] [/color][color=#222222] </style>[/color][color=#222222][/color][color=#222222]</head>[/color][color=#222222][/color][color=#222222]<body>[/color][color=#222222][/color][color=#222222][/color][color=#222222] <div class="slider-wrapper theme-default ">[/color][color=#222222] <div id="slider" class="nivoSlider">[/color][color=#222222] <img src="http://www.sos-boardz.com/v/vspfiles/images/sos-boardz-slide-show-online-store-now-open-image-one.jpg"alt="shop now">[/color][color=#222222] <a href="http://dev7studios.com"><img src="http://www.sos-boardz.com/v/vspfiles/images/sos-boards-slide-show-sector-9-Image-two.jpg" alt="shop online" title="#htmlcaption"></a>[/color][color=#222222] <img src="http://www.sos-boardz.com/v/vspfiles/images/sos-boardz-slide-show-the-hundreds-image-three.jpg" alt="shop now" title="online store">[/color][color=#222222] </div>[/color][color=#222222] </div>[/color][color=#222222][/color][color=#222222][/color][color=#222222] <!-- jQuery -->[/color][color=#222222] <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>[/color][color=#222222] [/color][color=#222222] <!-- jQuery Plug-ins -->[/color][color=#222222] <script src="http://www.sos-boardz.com/v/vspfiles/images/jquery.zrssfeed.min.js" type="text/javascript"></script>[/color][color=#222222] <script src="http://www.sos-boardz.com/v/vspfiles/nivo-slider/jquery_nivo_slider_pack.js" type="text/javascript"></script>[/color][color=#222222] <script type="text/javascript">[/color][color=#222222] $(document).ready(function(){[/color][color=#222222] $('#slider').nivoSlider({[/color][color=#222222] controlNav: false, // navigation[/color][color=#222222] effect: 'random', // transition[/color][color=#222222] animSpeed: 500, // transition speed[/color][color=#222222] pauseTime: 5000, // time slide will show[/color][color=#222222] randomStart: true // start on a random slide[/color][color=#222222] });[/color][color=#222222] });[/color][color=#222222] </script>[/color][color=#222222] <script type="text/javascript">[/color][color=#222222] $(window).load(function() {[/color][color=#222222] $('#slider').nivoSlider();[/color][color=#222222] });[/color][color=#222222] </script>[/color][color=#222222][/color][color=#222222][/color][color=#222222]</body>[/color][color=#222222]</html>[/color][color=#222222]
  6. Hi, The slider is going into my E commerce store <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>sos-slider</title> <link rel="stylesheet" href="http://www.sos-boardz.com/v/vspfiles/nivo-slider/nivo_slider.css" type="text/css" media="screen"> <style> .theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none;}.theme-default .nivoSlider a { border:0; display:block;} .theme-default .nivo-controlNav { text-align: center; padding: 20px 0;}.theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url('http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/bullets.png') no-repeat; text-indent:-9999px; border:0; margin: 0 2px;}.theme-default .nivo-controlNav a.active { background-position:0 -22px;} .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url('http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/arrows.png')no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}.theme-default:hover .nivo-directionNav a { opacity: 1; }.theme-default a.nivo-nextNav { background-position:-30px 0; right:15px;}.theme-default a.nivo-prevNav { left:15px;} .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif;}.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff;}.theme-default .nivo-caption a:hover { color:#fff;} .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%;}.theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px;}.theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto;} <style> img { max-width: 100% !important; height: auto !important;} </style> </head> <body> <div class="slider-wrapper theme-default "> <div id="slider" class="nivoSlider"> <img src="http://www.sos-boardz.com/v/vspfiles/nivo-slider/demo/images/nemo.jpg" alt="shop now"> <a href="http://www.sos-boardz.com/category_s/1868.htm"><img src="http://www.sos-boardz.com/ax4UcX9AyvbK/vspfiles/nivo-slider/demo/images/toystory.jpg" alt="shop online" title="#htmlcaption"></a> <a href="http://www.sos-boardz.com/category_s/1998.htm"><img src="http://www.sos-boardz.com/v/vspfiles/nivo-slider/demo/images/up.jpg" alt="shop now" title="online store"></a> </div> </div> <!-- jQuery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <!-- jQuery Plug-ins --> <script src="http://www.sos-boardz.com/v/vspfiles/images/jquery.zrssfeed.min.js" type="text/javascript"></script> <script src="http://www.sos-boardz.com/v/vspfiles/nivo-slider/jquery_nivo_slider_pack.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('#slider').nivoSlider({ controlNav: true, // navigation effect: 'random', // transition animSpeed: 500, // transition speed pauseTime: 5000, // time slide will show randomStart: true // start on a random slide }); }); </script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> </body></html>
  7. Hi I need help with writing code for imputing my slider into my website, everything is built but don't really understand how everything should be written for placing my slider. Also I'm not sure if this is the right place Thanks
  8. Hi A very nice member from the HTML fourms help with my code for a Nivo slider. I'm now stuck again and don't fully understand the CSS for my (Arrows/Buttons). In my Nivo Folder I have these files under default Do I take the files from my FTP program? Where are these files/scripts coming from? I'm using Dreamweaver CS6 to help wright the code. Now I've watched many tutorials and when writing the code it's just bam! and the arrow.png file appears in there project. They don't really explain anything in these videos or Tutorials I've read or watched. This is the Slider I'm using http://dev7studios.com/nivo-slider/ This is my working code right now,"yes" this is the only way to access my files in my FTP program from volusion. http://www.sos-board...n-image-one.jpg The member thats helping is baffled about my root file,and finding absloute path being "v" makes everything work. I must add I'm brand new to HTML,CSS, I jumped both feet into the water to get my project finished Hoping a few mad css members can help me out with everything or writing the finishing code. thank you This is the orignal CSS code .theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none;}.theme-default .nivoSlider a { border:0; display:block;} .theme-default .nivo-controlNav { text-align: center; padding: 20px 0;}.theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px;}.theme-default .nivo-controlNav a.active { background-position:0 -22px;} .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}.theme-default:hover .nivo-directionNav a { opacity: 1; }.theme-default a.nivo-nextNav { background-position:-30px 0; right:15px;}.theme-default a.nivo-prevNav { left:15px;} .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif;}.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff;}.theme-default .nivo-caption a:hover { color:#fff;} .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%;}.theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px;}.theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto;} ****This is how far me and the other member from the HTML forums have completed everything.**** <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>sos-slider</title> <link rel="stylesheet" href="http://www.sos-boardz.com/v/vspfiles/nivo-slider/nivo_slider.css" type="text/css" media="screen"> <style> .theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none;}.theme-default .nivoSlider a { border:0; display:block;} .theme-default .nivo-controlNav { text-align: center; padding: 20px 0;}.theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url('http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/bullets.png') no-repeat; text-indent:-9999px; border:0; margin: 0 2px;}.theme-default .nivo-controlNav a.active { background-position:0 -22px;} .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url('http://www.sos-boardz.com/v/vspfiles/nivo-slider/themes/default/arrows.png')no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}.theme-default:hover .nivo-directionNav a { opacity: 1; }.theme-default a.nivo-nextNav { background-position:-30px 0; right:15px;}.theme-default a.nivo-prevNav { left:15px;} .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif;}.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff;}.theme-default .nivo-caption a:hover { color:#fff;} .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%;}.theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px;}.theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto;} </style> </head> <body> <div class="slider-wrapper theme-default "> <div id="slider" class="nivoSlider"> <img src="http://www.sos-boardz.com/v/vspfiles/images/sos-boardz-slide-show-online-store-now-open-image-one.jpg"alt="shop now"> <a href="http://dev7studios.com"><img src="http://www.sos-boardz.com/v/vspfiles/images/sos-boards-slide-show-sector-9-Image-two.jpg" alt="shop online" title="#htmlcaption"></a> <img src="http://www.sos-boardz.com/v/vspfiles/images/sos-boardz-slide-show-the-hundreds-image-three.jpg" alt="shop now" title="online store"> </div> </div> <!-- jQuery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <!-- jQuery Plug-ins --> <script src="http://www.sos-boardz.com/v/vspfiles/images/jquery.zrssfeed.min.js" type="text/javascript"></script> <script src="http://www.sos-boardz.com/v/vspfiles/nivo-slider/jquery_nivo_slider_pack.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('#slider').nivoSlider({ controlNav: false, // navigation effect: 'random', // transition animSpeed: 500, // transition speed pauseTime: 5000, // time slide will show randomStart: true // start on a random slide }); }); </script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> </body></html> For my FTP program to work with Vousion the root file(ax4ucx9ayvbk) needs to be removed. The other person helping me was shocked about this. http://www.sos-board...ult/bullets.png http://www.sos-board...ult/bullets.png It seems I can only get one Arrow to show in the slider? and My bullets don't seem to exist either.
×
×
  • Create New...