InícioSistema de anúncio com slide
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Sistema de anúncio com slide
por ExtrimeCheats 07.01.12 21:02
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:
https://ajuda.forumeiros.com/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
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:
https://ajuda.forumeiros.com/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
ExtrimeCheats- **
- Membro desde : 23/12/2011
Mensagens : 76
Pontos : 139 -
Re: Sistema de anúncio com slide
por Jack Sparrow 07.01.12 21:56
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:
Slides em widgets
Espero ter ajudado.
Até mais
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:
Slides em widgetsEspero ter ajudado.
Até mais
Jack Sparrow- Super Membro
- Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801 -
Re: Sistema de anúncio com slide
por UsuarioX 08.01.12 3:02
Vá para :
GeralMensagen e EmailsAnunciosEspaço entre cada Anuncio ( em Pixels )
Configure ate Fica do seu gosto
GeralMensagen e EmailsAnunciosEspaço entre cada Anuncio ( em Pixels )Configure ate Fica do seu gosto
Última edição por juanf11 em 08.01.12 3:04, editado 1 vez(es) (Motivo da edição : Confirugaraçao)
UsuarioX- Membro
- Membro desde : 03/01/2012
Mensagens : 713
Pontos : 916 -
Re: Sistema de anúncio com slide
por Bluebell Kal EL 08.01.12 3:11
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
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
Bluebell Kal EL- ****
- Membro desde : 15/12/2011
Mensagens : 255
Pontos : 344 -
UsuarioX- Membro
- Membro desde : 03/01/2012
Mensagens : 713
Pontos : 916 -
Re: Sistema de anúncio com slide
por Dury 10.01.12 14:33
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:
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:
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
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:
Até mais!<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>
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Dury- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Tópicos semelhantesFórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
