problemas com a posição de um script

rodrigo feroldi · Novembro 22, 2009

olá pessoal sou novato nesse esquema de programação, começei pela necessidade de uns trampos como ja sou técnico em informatica, enfim... consegui achar na net um script para fazer um banner aleatorio de imagens com hyperlink em cada foto independente, só que acontece o seguinte consegui linkar as fotus, mudar tamanhos e proporções etc.... mas o banner qdo colocado na pagina ele fica no topo da pagina do lado esquedo cobrindo o logo do site e td mais, não consigo fazer ele ficar onde desejo colocalo, poderiam me dar uma força.... vou postar o script abaixo

<!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>AK 928 x 244 XNXX (Variant 1b - without custom first slide)</title>

<script type="text/javascript" src="http://cachend.fling.com/projectmimages/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="http://cachend.fling.com/projectmimages/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://cachend.fling.com/projectm/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="http://cachend.fling.com/js/jquery-fonteffect-1.0.0.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {
					 
 $('.slide:not(:first-child)').hide();

	initializeSlides(1);
	initializeSlides(2);
	initializeSlides(3);
	initializeSlides(4);

	function initializeSlides(id){
 $('#s'+id).cycle({
			fx: 'scrollDown', 
			easing: 'easeOutBounce',
			timeout: 6000,
			delay: (id-1)*1000,
			speed: 1500,
			pause: 1
 });
	}

	$('.slide').css('visibility','visible');
	
});




</script>

<style>

// body{
	border:0px none; 
	margin:0;
	background-color:#ccc
}

// #container{
	width: 700px; 
	height: 100px;
	background-color: #009;
	overflow: hidden;
}

.thumbs ul, .thumbs ul li{
	list-style: none;
	padding:0 0 0 0;
	margin:0;
}

#s1{
	position: absolute;
	left: 0px;
	top: 0px;
	list-style:none;
	overflow: hidden;
}

#s2{
	position: absolute;
	left: 175px;
	top: 0px;
	list-style:none;
	overflow: hidden;
}

#s3{
	position: absolute;
	left: 350px;
	top: 0px;
	list-style:none;
	overflow: hidden;
}

#s4{
	position: absolute;
	left: 525px;
	top: 0px;
	list-style:none;
	overflow: hidden;
}

.thumbs ul li img{
	width: 175px;
	height: 100px; 
	border: 0px;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

.slide{
	width: 175px;
	height: 118px; 
	padding: 0px; 
	margin: 0px;
	visibility: hidden;
	overflow: hidden;
}

.thumbs ul li img:hover{
	border: 0px;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.thumbs ul li img:hover, a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

a:hover img{
	border: 0px;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

a:link img {
	border: 0px;
	margin-bottom: 0px;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
}

a:hover img {
	border: 0px;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#sliderContentBG {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 175px !important;
	height: 20px;
	background-image:url('http://cachend.fling.com/images/232x20_xnxx_footer.jpg');
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	z-index: 50000
}


#sliderContent {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 175px !important;
	height: 20px;
	text-align: center;
	padding-top: 2px;
	z-index: 60000;
}

#sliderContent a {
	font-family: Arial, Impact, sans-serif;
	color: #CCC;
	font-size: 12px;
	text-decoration: none;
}

#sliderContent a:hover {
	color: #FFF;
	text-decoration: underline;
}

.clear{clear:both;}

</style>


<!--[if IE 6]>
<style>


</style>
<![endif]-->


</head>

<body>

<div id="container">


	<div class="thumbs">
		<ul id="s3sliderContent">
		
			<li id="s1">
									<div id="0" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/filtro-externo-hf-0400-atman.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_6_1.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							
						<a target="_blank" href="http://www.aquariomaniashop.com.br/filtro-externo-hf-0400-atman.html">
								Filtro Externo HF-0400							</a>
						</div>
					</div>
									<div id="1" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/ista-co2-diffuser-set-kit-de-co2.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_13_113.jpg" />
						</a>

						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/ista-co2-diffuser-set-kit-de-co2.html">
								Ista CO2 Diffuser Set							</a>
						</div>
					</div>
									<div id="2" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/filtro-de-bacterias-fbm-50-zanclus.html">

							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_11_95.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/filtro-de-bacterias-fbm-50-zanclus.html">
								Filtro de Bactérias							</a>
						</div>
					</div>

									<div id="3" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/skimmer-reatores/escuma-skimmer-std-800.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_16_31.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/skimmer-reatores/escuma-skimmer-std-800.html">
								Escuma Skimmer STD 800							</a>

						</div>
					</div>
									<div id="4" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/acessorios/sif-o-gc-102-boyu.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/thumbnail/70x70/5e06319eda06f020e43594a9c230972d/f/i/file_11_58.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/acessorios/sif-o-gc-102-boyu.html">
								Sifão GC-102 Boyu							</a>
						</div>
					</div>
							</li>
			
			<li id="s2">
									<div id="5" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/acessorios/boyu-multi-criadeira-de-tela-modelo-nb-3202.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_11_66.jpg" />

						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/acessorios/boyu-multi-criadeira-de-tela-modelo-nb-3202.html">
								Boyu Multi Criadeira							</a>
						</div>
					</div>
									<div id="6" class="slide">

						<a target="_blank" href="http://www.aquariomaniashop.com.br/alimentos-e-racoes/tetra-veggie-flakes-20g.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_12_28.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/alimentos-e-racoes/tetra-veggie-flakes-20g.html">
								Tetra Veggie Flakes 20g							</a>
						</div>

					</div>
									<div id="7" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/acessorios/ista-hose-holder-presilhas-para-prender-mangueiras-no-aquario-ista.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_17_106.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/acessorios/ista-hose-holder-presilhas-para-prender-mangueiras-no-aquario-ista.html">
								Ista Hose Holder							</a>

						</div>
					</div>
									<div id="8" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/acessorios/boyu-rede-fish-net-08.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_11_84.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/acessorios/boyu-rede-fish-net-08.html">
								Boyu Rede Fish Net 08"							</a>
						</div>
					</div>
									<div id="9" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/alimentos-e-racoes/tetra-marine-color-flakes-20g.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_12_36.jpg" />
						</a>
						<div id="sliderContentBG"></div>

						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/alimentos-e-racoes/tetra-marine-color-flakes-20g.html">
								Tetra Marine Color Flakes 20g							</a>
						</div>
					</div>
							</li>
	
			<li id="s3">
									<div id="10" class="slide">

						<a target="_blank" href="http://www.aquariomaniashop.com.br/acessorios/boyu-limpador-magnetico-b-1022.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_11_71.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/acessorios/boyu-limpador-magnetico-b-1022.html">
								Boyu Limpador Magnético B-1022							</a>
						</div>

					</div>
									<div id="11" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/alimentos-e-racoes/alcon-reptolife-75g.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_14_7.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/alimentos-e-racoes/alcon-reptolife-75g.html">
								Alcon Reptolife 75g					</a>

						</div>
					</div>
									<div id="12" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/refis-midias-e-filtrantes/seachem-matrix-1-litro.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_12_11.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/refis-midias-e-filtrantes/seachem-matrix-1-litro.html">
								Seachem Matrix 1 Litro							</a>
						</div>
					</div>
									<div id="13" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/refis-midias-e-filtrantes/boyu-carv-o-ativado-500grs.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_13_30.jpg" />
						</a>
						<div id="sliderContentBG"></div>

						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/refis-midias-e-filtrantes/boyu-carv-o-ativado-500grs.html">
								Boyu Carvão Ativado 500g						</a>
						</div>
					</div>
									<div id="14" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/decoracoes-artificiais/barco-pirata-grande.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_16_49.jpg" />

						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/decoracoes-artificiais/barco-pirata-grande.html">
								Barco Pirata Grande							</a>
						</div>
					</div>
							</li>

	
			<li id="s4">
									<div id="15" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/suplementos/flourish-excel-100ml-seachem.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_5_7.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/suplementos/flourish-excel-100ml-seachem.html">
								Flourish Excel 100ml							</a>

						</div>
					</div>
									<div id="16" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/iluminacao/luminaria-dymax-t5-35w-x-4-150cm.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_11_108.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/iluminacao/luminaria-dymax-t5-35w-x-4-150cm.html">
								Luminária Dymax T5							</a>
						</div>
					</div>
									<div id="17" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/alimentos-e-racoes/tetra-pond-koi-vibrance-sticks-1100g.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_13_6.jpg" />
						</a>
						<div id="sliderContentBG"></div>

						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/alimentos-e-racoes/tetra-pond-koi-vibrance-sticks-1100g.html">
								Tetra Pond Koi Vibrance 1100kg						</a>
						</div>
					</div>
									<div id="18" class="slide">
						<a target="_blank" href="http://www.aquariomaniashop.com.br/suplementos/discus-buffer-250-g.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_13_101.jpg" />

						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/suplementos/discus-buffer-250-g.html">
								Discus Buffer 250g							</a>
						</div>
					</div>
									<div id="19" class="slide">

						<a target="_blank" href="http://www.aquariomaniashop.com.br/sistemas-co2/aluminium-co2-cylinder.html">
							<img src="http://www.aquariomaniashop.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/f/i/file_11_104.jpg" />
						</a>
						<div id="sliderContentBG"></div>
						<div id="sliderContent">
							<a href="http://www.aquariomaniashop.com.br/sistemas-co2/aluminium-co2-cylinder.html">
								Aluminium CO2 Cylinder 1kg							</a>
						</div>

					</div>
							</li>
	
		</ul> 
	</div>
	
</div>

<div id="beacon_556_27581" style="position: absolute; left: 0px; top: 0px; visibility: hidden;"><img src="http://thumb.brandreachsys.com/www/delivery/lg.php?bannerid=27581&campaignid=1337&zoneid=556&cb=83ef8ece05" alt="" style="width: 0px; height: 0px;" width="0" height="0"></div><div id="beacon_556_27592" style="position: absolute; left: 0px; top: 0px; visibility: hidden;"><img src="http://thumb.brandreachsys.com/www/delivery/lg.php?bannerid=27592&campaignid=1338&zoneid=556&cb=83ef8ece05" alt="" style="width: 0px; height: 0px;" width="0" height="0"></div><div id="beacon_556_27560" style="position: absolute; left: 0px; top: 0px; visibility: hidden;"><img src="http://thumb.brandreachsys.com/www/delivery/lg.php?bannerid=27560&campaignid=1338&zoneid=556&cb=83ef8ece05" alt="" style="width: 0px; height: 0px;" width="0" height="0"></div></body>
</html>

klonder · Novembro 23, 2009

Abaixo, o link para o sistema se banner rotativo que também aceita iframes:

http://forum.imasters.com.br/index.php?/topic/324406-sistema-banner-rotativo/

Entrar

Arquivado

problemas com a posição de um script

Recommended Posts

rodrigo feroldi 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

klonder 14

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante