InícioColocar Slider na Home Page do fórum
3 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
Colocar Slider na Home Page do fórum
por jefferson023 22.08.13 14:27
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
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
jefferson023- ***
- Membro desde : 21/06/2013
Mensagens : 129
Pontos : 218 -
Re: Colocar Slider na Home Page do fórum
por MateusA 22.08.13 14:55
Olá!
Qual slide? informe uma imagem sempre que possível.
Até!
Qual slide? informe uma imagem sempre que possível.
Até!
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
Re: Colocar Slider na Home Page do fórum
por jefferson023 22.08.13 15:33
olá, gostaria do codigo para fazer um slider igual a este
até mais
até mais
jefferson023- ***
- Membro desde : 21/06/2013
Mensagens : 129
Pontos : 218 -
Re: Colocar Slider na Home Page do fórum
por Sennior 22.08.13 17:36
Boa tarde!
Vá em teu painel administrativo:
Painel de Controle
Visualização Home Page Geral
Código:
Até mais.
Vá em teu painel administrativo:
Painel de Controle
Visualização Home Page GeralCó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>
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Colocar Slider na Home Page do fórum
por jefferson023 22.08.13 18:04
olá coloquei o codigo passado a cima mais o slider ficou parrado
jefferson023- ***
- Membro desde : 21/06/2013
Mensagens : 129
Pontos : 218 -
Re: Colocar Slider na Home Page do fórum
por Sennior 22.08.13 18:12
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.
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.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Colocar Slider na Home Page do fórum
por jefferson023 22.08.13 18:19
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
vi o efeito nesse forum http://rpgadventure.umforum.net/
até mais
jefferson023- ***
- Membro desde : 21/06/2013
Mensagens : 129
Pontos : 218 -
Re: Colocar Slider na Home Page do fórum
por Sennior 22.08.13 18:21
Olá!
Aqui está, troque pelo código que eu lhe passei:
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>
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Colocar Slider na Home Page do fórum
por jefferson023 22.08.13 19:31
wlw Sheldon queria so o slider mesmo mais vou usar assim
jefferson023- ***
- Membro desde : 21/06/2013
Mensagens : 129
Pontos : 218 -
Tópicos semelhantes» Colocar mensagem na Home Page
» Como colocar isso na home page do meu fórum
» Colocar efeito de abas na Home Page
» Colocar informações na mensagem da Home Page
» Colocar icone face na home page -
» Como colocar isso na home page do meu fórum
» Colocar efeito de abas na Home Page
» Colocar informações na mensagem da Home Page
» Colocar icone face na home page -
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
Permissões neste sub-fórum
Não podes responder a tópicos