Ciao,
per creare una pagina di introduzione ho utilizzato uno script, il tutto funziona, ho solo un problema.
Il testo del sito in alcune pagine può essere molto lungo, in queste pagine non compare la batta laterale del browser, il testo viene tagliato e non c'è nessuna possibilità si scorrere la pagina.
Vi posto il codice, c'è un modo per farla comparire ?
codice:<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script src="js/effects.core.js"></script> <script src="js/effects.slide.js"></script> <script type="text/javascript" src="js/supersized.2.0.js"></script> <script type="text/javascript"> $(function(){ $.fn.supersized.options = { startwidth: 640, startheight: 480, vertical_center: 1, slideshow: 1, navigation: 1, transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left pause_hover: 0, slide_counter: 1, slide_captions: 1, slide_interval: 3000 }; $('#supersize').supersized(); }); </script> <style type="text/css"> *{ margin:0; padding:0; } a{ color:#8FC2FF; text-decoration: none; outline: none; } a:hover{ text-decoration: underline; } img{ border:none; } body { overflow:hidden;/*Needed to eliminate scrollbars*/ background:#000; } #content{ margin:0px auto; height:100%; width:720px; bottom:5%; z-index: 3; background: #8b0000 no-repeat 90%; border-top: 1px solid white; border-bottom: 1px solid white; position:absolute; } #contentframe{ overflow: hidden; border-top:solid 1px #4F4F4F; border-bottom:1px solid #000; height: 100%; text-align:left; z-index: 3; } #slidecounter{ float:left; color:#4F4F4F; font:12px "Helvetica Neue", Arial, sans-serif; font-weight:bold; margin:18px 20px; } #slidecaption{ overflow: hidden; float:left; color:#FFF; font:26px "Helvetica Neue", Arial, sans-serif; margin:33px 0; } /*Supersized Stamp*/ .stamp{ float: right; margin: 8px 20px 0 0; } /*Supersize Plugin Styles*/ #navigation{ background: url('images/navbg.gif') no-repeat; float: right; margin:22px 20px 0 0; } #loading { position: absolute; top: 49.5%; left: 49.5%; z-index: 3; width: 24px; height: 24px; text-indent: -999em; background-image: url(images/progress.gif); } #supersize{ position:fixed; } #supersize img, #supersize a{ height:100%; width:100%; position:absolute; z-index: 0; } #supersize .prevslide, #supersize .prevslide img{ z-index: 1; } #supersize .activeslide, #supersize .activeslide img{ z-index: 2; } </style> <link rel="stylesheet" href="css/bsa.css" type="text/css" media="screen" /> </head> <body> <script type="text/javascript"> (function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//s3.buysellads.com/ac/bsa.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); })(); </script> <div id="supersize"> [img]imagesg[/img] [img]images/[/img] [img]images/[/img] </div> <div id="content"> <div id="contentframe"> TESTO SITO <div id="navigation"> </div> </div> </div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-6444047-1"); pageTracker._trackPageview(); } catch(err) {}</script> </body>
Rispondi quotando
