Sistema de anúncio com slide

ExtrimeCheats às 22h02
07
Jan
2012
Qual é minha questão:
Galera eu já fiz um tópico a respeito disso mas não ajudou muito eu queria fazer um sistema de anuncios igual a esse:


Mas sempre q tento fzer fica assim:


Ajuda ai por favor agradeço desde já!

OBS: segui o tutorial desse tópico:
/t50817-sistema-de-anuncio

Medidas que eu tomei para corrigir o problema:
Vim Aqui

Imagens do meu problema:


Endereço do meu fórum:
http://extrime-cheats.forumais.com/

Versão do meu fórum:
PHPBB3
Responder
1 Jack Sparrow, em 07/01/2012 às 22h56
Olá;
Se você fez igual no tutorial e não deu certo, deve ter algum código coincidindo.
Mas o FdF fez um tutorial muito bom e semelhante a respeito:
Seta Slides em widgets
Espero ter ajudado.
Até mais Positivo
2 UsuarioX, em 08/01/2012 às 04h02
Vá para :GeralMensagen e EmailsAnunciosEspaço entre cada Anuncio ( em Pixels )

Configure ate Fica do seu gosto Muito feliz
3 Bluebell Kal EL, em 08/01/2012 às 04h11
Vá para :GeralMensagen e EmailsAnunciosEspaço entre cada Anuncio ( em Pixels )

coloque

Ativar os anúncios :Sim
Scrolling :PARA O ALTO
Velocidade do scrolling :100
Tempo de pausa :2
Espaço entre cada anúncio (em pixels) : 0
Altura do bloco de anúncios (em pixels) : 0


4 UsuarioX, em 10/01/2012 às 14h26
Nao é a mesma coisa , Best game Pipoca
5 Coleman, em 10/01/2012 às 15h33
Olá!

Se seguir as informações abaixo não há como errar. Primeiro você vai em Painel de controle ->> Módulos ->> HTML e Javascript ->> Gestão das páginas HTML ->> e cria uma nova página HTML. Dentro dessa página cole o código abaixo:
Código:
<html>
<body>
<style>.main_view {
  float: left;
  position: relative;
}
.window {
  height:237px;  width: 462px;
  overflow: hidden;
  position: relative;
}
.image_reel {
  position: absolute;
  top: 0; left: 0;
}
.image_reel img {float: left;}

.paging {
  position: absolute;
  bottom: 40px; right: 0px;
  width: 178px; height: 0px;
  z-index: 999; /*--Assures the paging stays on the top layer--*/
  text-align: right;
  line-height: 40px;
  background: url(paging_bg2.png) no-repeat;
  display: none;
}
.paging a {
  padding: 5px;
  text-decoration: none;
  color: #fff;
}
.paging a.active {
  font-weight: bold;
  background: #920000;
  border: 1px solid #610000;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}</style>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script>$(document).ready(function() {

$(".paging").show();
$(".paging a:first").addClass("active");

var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

$(".image_reel").css({'width' : imageReelWidth});

rotate = function(){
var triggerID = $active.attr("rel") - 1;
var image_reelPosition = triggerID * imageWidth;

$(".paging a").removeClass('active');
$active.addClass('active');

$(".image_reel").animate({
left: -image_reelPosition
}, 500 );

};

rotateSwitch = function(){
play = setInterval(function(){
$active = $('.paging a.active').next();
if ( $active.length === 0) {
$active = $('.paging a:first');
}
rotate();
}, 7000);
};

rotateSwitch();

$(".image_reel a").hover(function() {
clearInterval(play);
}, function() {
rotateSwitch();
});

//On Click
$(".paging a").click(function() {
$active = $(this);

clearInterval(play);
rotate();
rotateSwitch();
return false;
});

});
</script><div class="main_view">
<div class="window">
<div class="image_reel">
<a href="http://www.elitejogos.com/"><img src="http://pagead2.googlesyndication.com/pagead/imgad?id=CICAgICQ7r-XGhDOAxjIATIIjmV8zZbPyCM" alt="" /></a>
<a href="http://maconariaguild.forumeiros.com/t199-ganhe-mais-moedas-e-drops-com-o-ano-novo-bonificado#729"><img src="http://pagead2.googlesyndication.com/pagead/imgad?id=CICAgICQ3sGI4wEQzgMYyAEyCCMNLMTnZt79" alt="" /></a>
<a href="http://maconariaguild.forumeiros.com/t200-participe-do-concurso-de-quadrinhos-ferias#730"><img src="http://pagead2.googlesyndication.com/pagead/imgad?id=CICAgICQ3sGUnAEQzgMYyAEyCL4tpKU6b0-f" alt="" /></a>
</div>
</div>
<div class="paging">
<a href="#" rel="1">1</a>

<a href="#" rel="2">2</a>
<a href="#" rel="3">3</a>
</div>
</div>
</body>
</html>


Depois que salvar a página HTML, você vai em Painel de controle ->> Visualização ->> Página inicial ->> Geral ->> e no campo da mensagem da home page coloque o iframe que mostrei:
<iframe frameborder="0" marginwidth="0" marginheight="0" scrolling="No" width="100%" height="100" style= " top: 0%; left: 0%;height: 235px;width: 100%;" src="ENDEREÇO_DA_PAGINA_HTML"></iframe>
Até mais!
Piscada

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Temas similares
banners em forma de slide
gente eu queria saber como coloco os banners dos meus parceiro em forma de slde horizontal de preferencia da esquerda pra direita (banners com link dos parceiros) obrigado
Widget com slide
Qual é minha questão: eu peguei um código de Slide aqui, e adicionei ele em um widget, só que não consigo ajusta-lo,e acabou bagunçando o fórum, deixando ele de canto, ao invez de estar centralizado. aqui o link do tópico onde eu peguei o
Slide de novidades
Qual é sua questão: eu fiz um codigo pra passar tipo slides que nem esses: http://i64.servimg.com/u/f64/15/94/19/20/imagem20.png e quando eu adicionei no meu forum, ele ficou assim: http://i64.servimg.com/u/f64/15/94/19/20/imagem22.png porque ele fico
Respostas 1 até 5 em 5 por "Sistema de anúncio com slide"
Responder
Veja também
more_less
Informaciones

5 Respostas Para el tema :
"Sistema de anúncio com slide"

Este tema a sido visto 378 veces.

Último mensaje escrito :
07/01/2012 às 22h02 por "ExtrimeCheats"