Atualizado em 06/06/2011
Trago aqui um codigo em html para colocar um slide de anuncios no seu blog. Se quiser, pode usar como slide de parceiros tmb, bom, indo direto ao assunto, ai vai o codigo:
(para quem nao sabe, use este codigo em um gadget html/javascript)
OBS: Faça isto em todos os elementos de <a à </a>
OBS2: Se quiser adicionar mais elementos, copie o codigo desde <a à </a>, fazendo da mesma forma do que os anteriores, e como citado no termo 4.
</a></a></a></a></a></a></a></a></a></a></marquee>
</div>
</div>
Trago aqui um codigo em html para colocar um slide de anuncios no seu blog. Se quiser, pode usar como slide de parceiros tmb, bom, indo direto ao assunto, ai vai o codigo:
(para quem nao sabe, use este codigo em um gadget html/javascript)
OBS: Faça isto em todos os elementos de <a à </a>
OBS2: Se quiser adicionar mais elementos, copie o codigo desde <a à </a>, fazendo da mesma forma do que os anteriores, e como citado no termo 4.
<style type="text/css">
#slidecblogger {
background:#000;
padding:5px;
border:3px double #fff;
box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 7px 7px 8px #818181;
-moz-box-shadow: 7px 7px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}
.slidecblogger a:link {
opacity:0.4;
filter:alpha(opacity=40);
}
.slidecblogger a:hover {
opacity:1;
filter:alpha(opacity=100);
}
</style>
<div id="slidecblogger">
<div class="slidecblogger">
<marquee scrollamount="6" onmouseout="this.start();" onmouseover="this.stop();" direction="left">
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
#slidecblogger {
background:#000;
padding:5px;
border:3px double #fff;
box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 7px 7px 8px #818181;
-moz-box-shadow: 7px 7px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}
.slidecblogger a:link {
opacity:0.4;
filter:alpha(opacity=40);
}
.slidecblogger a:hover {
opacity:1;
filter:alpha(opacity=100);
}
</style>
<div id="slidecblogger">
<div class="slidecblogger">
<marquee scrollamount="6" onmouseout="this.start();" onmouseover="this.stop();" direction="left">
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
<a href="http://www.google.com" target="_blank"><img src="http://pedro-files.webs.com/pcdowns/anuncie.png"/>
</a></a></a></a></a></a></a></a></a></a></marquee>
</div>
</div>
1 comentários:
Adorei! fiz e ficou super legal. Fica um espaço entre os slides até ele retornar isso me incomoda mas fica bom. dê uma olhada no meu anúncio. Abraços, gisele
Postar um comentário
Os leitores são responsáveis pelos seus comentários postados neste site.
O Connect - Technology não se responsabiliza pelo conteúdo colaborativo apresentado e ainda se reserva ao direito de deletar, sem aviso ou consulta prévia, comentários com conteúdo ofensivo, palavras de baixo calão, spams ou, ainda, que não sejam relacionados ao tema proposto pelo post do blog ou notícia.