Colocar Slider na Home Page do fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Colocar Slider na Home Page do fórum

Mensagem por jefferson023 em 22/08/13, 10:27 am

Qual é minha questão:
Olá gostaria de colocar no topo da minha pagina incial um slide frameborder 
qual codigo utilizo ?

Endereço do meu fórum:
http://theworld.forumeiros.com

Versão do fórum:
PHPBB2
avatar

jefferson023
Nível 8

Masculino
Inscrito dia : 21/06/2013
Mensagens : 129
Pontos Ativos : 218

Ver perfil do usuário http://theworld.forumeiros.com/

Resolvido Re: Colocar Slider na Home Page do fórum

Mensagem por MateusA em 22/08/13, 10:55 am

Olá!

Qual slide? informe uma imagem sempre que possível.

Até!
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Colocar Slider na Home Page do fórum

Mensagem por jefferson023 em 22/08/13, 11:33 am

olá, gostaria do codigo para fazer um slider igual a este



até mais
avatar

jefferson023
Nível 8

Masculino
Inscrito dia : 21/06/2013
Mensagens : 129
Pontos Ativos : 218

Ver perfil do usuário http://theworld.forumeiros.com/

Resolvido Re: Colocar Slider na Home Page do fórum

Mensagem por Sennior em 22/08/13, 01:36 pm

Boa tarde!

Vá em teu painel administrativo:
Painel de Controle Seta Visualização Seta Home Page Seta Geral

Código:
Código:
<html>
<body>
<style>.main_view {
  float: left;
  position: relative;
}
.window {
  height:228px;  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>
Obs:. Altere os links contidos no código e as imagens.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar Slider na Home Page do fórum

Mensagem por jefferson023 em 22/08/13, 02:04 pm

olá coloquei o codigo passado a cima mais o slider ficou parrado
avatar

jefferson023
Nível 8

Masculino
Inscrito dia : 21/06/2013
Mensagens : 129
Pontos Ativos : 218

Ver perfil do usuário http://theworld.forumeiros.com/

Resolvido Re: Colocar Slider na Home Page do fórum

Mensagem por Sennior em 22/08/13, 02:12 pm

Olá,

O mesmo deve-se clicar sobre os números para passarem. No mais mande-nos um link de algum fórum em que viu este efeito.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar Slider na Home Page do fórum

Mensagem por jefferson023 em 22/08/13, 02:19 pm

olá não esta aparecendo os numeros so uma imagen que mesmo assim fica parada

vi o efeito nesse forum http://rpgadventure.umforum.net/

até mais
avatar

jefferson023
Nível 8

Masculino
Inscrito dia : 21/06/2013
Mensagens : 129
Pontos Ativos : 218

Ver perfil do usuário http://theworld.forumeiros.com/

Resolvido Re: Colocar Slider na Home Page do fórum

Mensagem por Sennior em 22/08/13, 02:21 pm

Olá!

Aqui está, troque pelo código que eu lhe passei:

Código:
<div id="pun-announcement"><p></p><center><section class="cr-container"><div align="center"><iframe frameborder="0" marginwidth="0" marginheight="0" scrolling="No" width="100%" height="100" style=" top: 0%; left: 0%;height: 300px;width: 100%;" src="http://rpgadventure.umforum.net/h1-slide"></iframe></div></section></center>



<center><div style="width: 720px; height: 200px; background: #000000; border-radius: 50px 0px 50px 0px; margin-bottom: -4px;"><table id="Frozen"><tbody><tr><td><div style="overflow: auto; width: 240px; height: 200px; background: #000000; margin-bottom: -20px;"><br><div style="background-color: #000000; text-align: center; width: 200px; font-size: 16px; font-family: Macondo; color: #FFFFFF; margin-right: -4px; text-shadow: 1px 1px 2px #000000; padding-bottom: -5px;">Saga Atual:</div><div style="margin: auto; width: 210px; padding: 10px; color: #7A7676; font-size: 11px; text-align: justify; font-family: arial; line-height: 120%;"><center><img src=""></center><br><center><b>Em Construção... </b></center>
<br><div style="border-bottom: 3px double rgb(42, 29, 20);"></div><br>

Em Construção...</div></div></td>


<td rowspan="3"> <div style="overflow: auto; width: 235px; height: 200px; background: #000000; margin: auto;"><br><div style="background-color: #000000; text-align: center; font-size: 16px; font-family: Macondo; color: #FFFFFF; text-shadow: 1px 1px 2px #000000; padding-bottom: -5px; ">Lua Atual</div><div class="ciss" style="margin: auto; padding: 10px; color: #7A7676; font-size: 11px; text-align: justify; font-family: arial; line-height: 120%;">
<center><img src="http://i.imgur.com/XqAoMH5.png">
Saiba mais clicando <a href="http://rpgadventure.umforum.net/t28-tutorial-narracao#42" class="postlink"><strong><font color="blue">Aqui</font></strong></a></center>
<br>

</div>
<br><br>


</div> </td>

<td><div style="overflow: auto; width: 240px; height: 200px; background: #000000; margin-bottom: -20px;"><br><div style="background-color: #000000; text-align: center; width: 200px; font-size: 16px; font-family: Macondo; color: #FFFFFF; margin-right: -4px; text-shadow: 1px 1px 2px #000000; padding-bottom: -5px;">Staff RPGA</div><div style="margin: auto; width: 210px; padding: 10px; color: #7A7676; font-size: 11px; text-align: justify; font-family: Macondo; line-height: 120%;"><center><img src=""></center><br><center><b> Administradores </b></center>
<br><div style="border-bottom: 3px double rgb(42, 29, 20);"></div><br>
<center><a href="http://rpgadventure.umforum.net/u1" class="postlink"><img src="http://i.imgur.com/KZwz43S.png" border="0" alt=""></a><br>
<a href="http://rpgadventure.umforum.net/u9" class="postlink"><img src="http://i.imgur.com/vR51FZG.png" border="0" alt=""></a></center>


<center><b> Moderadores </b></center>
<br><div style="border-bottom: 3px double rgb(42, 29, 20);"></div><br>

</div></div></td></tr><tr>


</tr></tbody></table>
</div></center></div>
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colocar Slider na Home Page do fórum

Mensagem por jefferson023 em 22/08/13, 03:31 pm

wlw Sheldon queria so o slider mesmo mais vou usar assim
avatar

jefferson023
Nível 8

Masculino
Inscrito dia : 21/06/2013
Mensagens : 129
Pontos Ativos : 218

Ver perfil do usuário http://theworld.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum