Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosProblemas com Slide Code
2 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
Problemas com Slide Code
por luisdounacky 28.09.19 5:56
Detalhes da questão
Endereço do fórum: https://theblacklegion.directorioforuns.com/
Versão do fórum: phpBB3
Descrição
Boa noite, estou tendo um problema com um código que criei.
Fiz um slide básico para colocar e visualizando no navegador ele está funcionando normalmente, porém, quando colocado no fórum ele não funciona.
Imagem dele funcionando normalmente como arquivo.html
http://prntscr.com/pc10a8
------
Imagem dele não funcionando no fórum
http://prntscr.com/pc0z5l
Sei que voces não dão suporta a codigos mas, queria saber o porque não esta funcionando, pois estou utilizando um code js simples também para bloquear o botão do mouse direito e esta funcionando normalmente. Somente o slide não funciona.
- Código:
<script type="text/javascript">
$(function(){
$("#slide").cycle({
Fx: 'scrollLeft',
Pause:'true',
speed: '1900',
});
});
</script>
<div id="slide1"><img src="#"></div>
<div id="slide2"><img src="#"></div>
#slide{
height: 400px;
width: 100%;
background-color: black;
}
#slide1{
height: 400px;
width: 100%;
display: flex;
}
#slide2{
height: 400px;
width: 100%;
display: flex;
}
luisdounacky- **
- Membro desde : 22/10/2013
Mensagens : 68
Pontos : 114 -
Re: Problemas com Slide Code
por RafaelS. 28.09.19 6:07
Olá @luisdounacky,
Entretanto já passou muito tempo, e o FdF atualmente dá suporte à códigos, por isso não se preocupe.
Quanto ao código, você gerou-o de algum sítio? Além disso o código js, não está aplicando aos slides, uma vez que não existe nenhum elemento com o ID #slide, mas sim #slide1 e #slide2
Poderia nos fornecer o código que está usando no arquivo html, que está funcionando?
Até breve!
Entretanto já passou muito tempo, e o FdF atualmente dá suporte à códigos, por isso não se preocupe.
Quanto ao código, você gerou-o de algum sítio? Além disso o código js, não está aplicando aos slides, uma vez que não existe nenhum elemento com o ID #slide, mas sim #slide1 e #slide2
Poderia nos fornecer o código que está usando no arquivo html, que está funcionando?
Até breve!
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Problemas com Slide Code
por luisdounacky 28.09.19 21:39
Nossa legal, sim ja faz um bom tempo que não peço suporte hahaha
Bom na verdade eu coloquei o codigo acima..
Um simples slide... com efeito fade....
Java Script
Divs - perdão, falha minha! Este é o codigo completo.
Css
Bom na verdade eu coloquei o codigo acima..
Um simples slide... com efeito fade....
Java Script
- Código:
<script type="text/javascript">
$(function(){
$("#slide").cycle({
Fx: 'scrollLeft',
Pause:'true',
speed: '1900',
});
});
</script>
Divs - perdão, falha minha! Este é o codigo completo.
- Código:
<div id="slide">
<div id="slide1"><img src="https://i.imgur.com/I72wgTp.png"></div>
<div id="slide2"><img src="https://i.imgur.com/e7nO7M0.png"></div>
<div id="slide3"><img src="https://i.imgur.com/I72wgTp.png"></div>
<div id="slide4"><img src="https://i.imgur.com/1ngq09o.png"></div>
</div>
Css
- Código:
#slide{
height: 400px;
width: 100%;
background-color: black;
}
#slide1{
height: 400px;
width: 100%;
display: flex;
}
#slide2{
height: 400px;
width: 100%;
display: flex;
}
#slide3{
height: 400px;
width: 100%;
display: flex;
}
#slide4{
height: 400px;
width: 100%;
display: flex;
}
luisdounacky- **
- Membro desde : 22/10/2013
Mensagens : 68
Pontos : 114 -
Re: Problemas com Slide Code
por RafaelS. 29.09.19 13:33
Olá!
Por algum motivo estranho o plugin não estava sendo carregado, e ele não reconhecia a função .cycle(...).
Aqui tem o código completo do slider:
Até mais.
Por algum motivo estranho o plugin não estava sendo carregado, e ele não reconhecia a função .cycle(...).
Aqui tem o código completo do slider:
- Código:
<script src="https://malsup.github.io/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(function(){
$("#slide").cycle({
Fx: 'scrollLeft',
Pause:'true',
speed: '1900',
});
});
</script>
<style>
#slide{
height: 400px;
width: 100%;
background-color: black;
}
#slide1{
height: 400px;
width: 100%;
display: flex;
}
#slide2{
height: 400px;
width: 100%;
display: flex;
}
#slide3{
height: 400px;
width: 100%;
display: flex;
}
#slide4{
height: 400px;
width: 100%;
display: flex;
}
</style>
<div id="slide">
<div id="slide1"><img src="https://i.imgur.com/I72wgTp.png"></div>
<div id="slide2"><img src="https://i.imgur.com/e7nO7M0.png"></div>
<div id="slide3"><img src="https://i.imgur.com/I72wgTp.png"></div>
<div id="slide4"><img src="https://i.imgur.com/1ngq09o.png"></div>
</div>
Até mais.
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Problemas com Slide Code
por luisdounacky 29.09.19 19:09
Infelizmente não resolveu, continua a mesma coisa.
No arquivo.html está funcionando normalmente, já no fórum não.
No arquivo.html está funcionando normalmente, já no fórum não.
luisdounacky- **
- Membro desde : 22/10/2013
Mensagens : 68
Pontos : 114 -
Re: Problemas com Slide Code
por RafaelS. 29.09.19 19:23
Olá!
Há um erro no que toca à ordem dos scripts no <head>.
Sinta-se à vontade para postar a sua página HTML, para que possamos corrigir para você.
Até breve!
Há um erro no que toca à ordem dos scripts no <head>.
Sinta-se à vontade para postar a sua página HTML, para que possamos corrigir para você.
Até breve!
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Problemas com Slide Code
por luisdounacky 29.09.19 20:23
Aqui está:
- Código:
<!-- toctype html --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script src="http://malsup.github.io/jquery.cycle.all.js" type="text/javascript"></script> <link href="//db.onlinewebfonts.com/c/cb8d4d30de89efdc96a98761ede26d3d?family=Mongolian+Baiti" rel="stylesheet" type="text/css"/>
<link rel="icon" type="image/png" href="https://i.imgur.com/L2NZ0Rl.png" /> <title>The Black Legion</title> <meta charset="utf-8" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="https://malsup.github.io/jquery.cycle.all.js"></script>
<!-- CSS---------------------------------------------------------------------------------------------------------- -->
<style type="text/css">
*{
margin:0 auto;
padding:0 0 0 0;
list-style:none;
vertical-align:baseline;
background-color: #2d2d2d;
font-family: 'Montserrat', sans-serif;
text-align: center;
text-decoration: none; color: #ffffff;
}
#bg-principal{
height: 100%;
background: url(https://i.imgur.com/fQtO5SJ.png) no-repeat;
background-size: 100%;
padding: 5px;
}
.midia-sociais{
height: 24px;
width: 260px;
display: flex;
margin-top: 25px;
margin-left: 65.5%;
background-color: transparent;
border-color: #404040;
border-style: solid;
border-width: 1px 1px 1px 1px;
padding: 5px;
}
.teamspeak-botao{
height: 24px;
width: 100px;
margin-right: 100%;
}
.teamspeak-botao:hover{
opacity: 0.7;
}
.icons-midias{
height: 24px;
width: 150px;
display: flex;
justify-content: space-around;
margin-left: -97%;
background-color: transparent;
}
.logos-social{
height: 20px;
width: 20px;
}
#facebook{
background-size: 20px;
}
#facebook:hover{
opacity: 0.7;
}
#Twitter{
background-size: 20px;
}
#Twitter:hover{
opacity: 0.7;
}
#Instagram{
background-size: 20px;
}
#Instagram:hover{
opacity: 0.7;
}
#Twitch{
background-size: 20px;
}
#Twitch:hover{
opacity: 0.7;
}
#Youtube{
background-size: 20px;
}
#Youtube:hover{
opacity: 0.7;
}
.li, a, button{
font-size: 16px;
font-weight: 500;
background-color: transparent;
}
#box-menu{
height: 50px;
width: 65%;
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 20px;
background-color: transparent;
}
.logo-navbar{
cursor: pointer;
background-color: transparent;
}
.nav-links{
list-style: none;
}
.nav-links li{
display: inline-block;
padding: 0px 20px;
}
.nav-links li a {
transition: all;0.3s ease 0s;
}
.nav-links li a:hover{
color: #898989;
font-weight: 500;
}
button{
padding: 9px 20px;
background-color: rgba(0,136,169,0.8);
border: none;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease 0s;
}
button:hover{
background-color: #328DBF;
}
#slide{
height: 400px;
width: 100%;
background-color: black;
}
#slide1{
height: 400px;
width: 100%;
display: flex;
}
#slide2{
height: 400px;
width: 100%;
display: flex;
}
#slide3{
height: 400px;
width: 100%;
display: flex;
}
#slide4{
height: 400px;
width: 100%;
display: flex;
}
#box-noticias{
height: 50%;
width: 100%;
}
.noticia{
height: 600px;
width: 100%;
background: #252525;
display: flex;
flex-direction: row;
justify-content: space-around;
flex-flow: wrap;
}
.box{
margin-top: 100px;
margin-right: 0px;
margin-left: 0px;
height: 270px;
width: 400px;
background: transparent;
}
.img-noticia{
height: 140px;
width: 350px;
background-color: transparent;
margin-top: 20px;
}
.info-noticia{
height: 69px;
width: 350px;
background-color: #121212;
padding-top: 7%;
text-align: center;
}
.e-sports{
height: 400px;
width: 100%;
background-color: orange;
display: flex;
justify-content: space-around;
}
.streamers{
height: 400px;
width: 100%;
background-color: gold;
display: flex;
justify-content: space-around;
}
.texto-projetos{
margin-top: 50px;
font-size: 30px;
font-stretch: expanded;
background-color: #252525;
}
.projetos-1{
height: 250px;
width: 70%;
background-color: #252525;
padding-top: 20px;
display: flex;
justify-content: space-around;
}
.projetos-2{
height: 250px;
width: 70%;
background-color: #252525;
display: flex;
justify-content: space-around;
}
.box-projeto1{
height: 200px;
width: 575px;
background-color: black;
margin-top: 25px;
}
.box-projeto2{
height: 200px;
width: 575px;
background-color: black;
margin-bottom: 50px;
}
#gtastancebrasil:hover{ opacity: 0.7; }
#novacityrp:hover{ opacity: 0.7; }
#racewars:hover{ opacity: 0.7; }
#projeto4vazio:hover{ }
#patrocinadores{
height: 250px;
width: 100%;
background-color: brown;
display: flex;
justify-content: space-around;
}
#footer{
height: 350px;
width: 100%;
background-color: #101010;
}
.base-footer{
height: 350px;
width: 70%;
background-color: #101010;
display: flex;
justify-content: space-around;
}
.logos-irmandade{
height: 210px;
width: 400px;
background-image: url(https://i.imgur.com/UUBW9T2.png);
margin-top: 6%;
}
.frase{
height: 210px;
width: 400px;
background-image: url(https://i.imgur.com/XhrfCG6.png);
margin-top: 6%;
}
.login-footer{
height: 210px;
width: 400px;
background-color: #101010;
margin-top: 6%;
}
#login-rodape{
position: absolute;
margin-top: 3.6%;
margin-left: 2.7%;
}
#entrar-sociedade{
background-color: transparent;
position: absolute;
margin-top: 4.1%;
margin-left: 4.3%;
}
.midia-sociais-footer{
height: 24px;
width: 260px;
position: absolute;
display: flex;
margin-top: 6%;
margin-left: 3.8%;
background-color: transparent;
border-color: #252525;
border-style: solid;
border-width: 1px 1px 1px 1px;
padding: 5px;
}
.teamspeak-botao-footer{
height: 24px;
width: 100px;
margin-right: 100%;
background-color: transparent;
}
.teamspeak-botao-footer:hover{
opacity: 0.7;
}
.icons-midias-footer{
height: 24px;
width: 150px;
display: flex;
justify-content: space-around;
margin-left: -97%;
background-color: transparent;
}
.logos-social-footer{
height: 20px;
width: 20px;
}
#facebook{
background-size: 20px;
}
#facebook:hover{
opacity: 0.7;
}
#Twitter{
background-size: 20px;
}
#Twitter:hover{
opacity: 0.7;
}
#Instagram{
background-size: 20px;
}
#Instagram:hover{
opacity: 0.7;
}
#Twitch{
background-size: 20px;
}
#Twitch:hover{
opacity: 0.7;
}
#Youtube{
background-size: 20px;
}
#Youtube:hover{
opacity: 0.7;
}
.direitos{
height: 50px;
width: 100%;
background-color: #080808;
}
#texto-direitos{
margin-top: 20px;
margin-left: 10%;
position: absolute;
background-color: transparent;
}
#texto-forumeiros{
margin-top: 20px;
margin-left: 80%;
position: absolute;
background-color: transparent;
}
@media screen and (max-width: 1200px){
.box{ width: 40%; }
#bg-principal{ background-image: url(https://i.imgur.com/lL4Uap7.png); width: 60%; }
}
@media screen and (max-width: 600px){
.box{ width: 90%; }
#bg-principal{ background-image: url(https://i.imgur.com/lL4Uap7.png); }
</style>
<!-- CSS---------------------------------------------------------------------------------------------------------- -->
<html>
<head>
<div id="bg-principal">
<div class="midia-sociais">
<div class="teamspeak-botao" title="Acessar nosso Teamspeak 3"><a href="ts3server://147.135.83.11:9988"> <img src="https://i.imgur.com/6rdfmRM.png"></a></div>
<div class="icons-midias">
<div class="logos-social" id="facebook"><a href="https://www.facebook.com/IrmandadeTBL/"><img src="https://i.imgur.com/lMFjmD0.png"></a></div>
<div class="logos-social" id="Twitter"><a href="https://twitter.com/IrmandadeTBL"><img src="https://i.imgur.com/b8qKFPU.png"></a></div>
<div class="logos-social" id="Instagram"><a href="#"><img src="https://i.imgur.com/e5gRfXz.png"></a></div>
<div class="logos-social" id="Twitch"><a href="https://www.twitch.tv/irmandadetbl"><img src="https://i.imgur.com/pyCnc3h.png"></a></div>
<div class="logos-social" id="Youtube"><a href="#"><img src="https://i.imgur.com/YmKf3SU.png"></a></div>
</div>
</div>
<div id="box-menu">
<div class="logo-navbar"><img src="https://i.imgur.com/x73sj5M.png"><a href="#"></a></div>
<nav>
<ul class="nav-links">
<li><a href="http://theblacklegion.directorioforuns.com/">Home</a></li>
<li><a href="http://theblacklegion.directorioforuns.com/forum">Sociedade</a></li>
<li><a href="#" title="Em Breve">e-Sports</a></li>
<li><a href="#patrocinadores">Patrocinadores</a></li>
<li><a href="#" title="Em Breve">Streamers</a></li>
<li><a href="#" title="Em Breve">História</a></li>
</ul>
</nav>
<a class="cta" href="http://theblacklegion.directorioforuns.com/login"><button>Login</button></a>
</div>
</div>
<script language="javascript">
function validateKey (evt)
{if (evt.keyCode == '17')
{alert("Comando Desativado")
return false}
return true}
</script>
<script language='JavaScript'>
function bloquear(e){return false}
function desbloquear(){return true}
document.onselectstart=new Function ("return false")
if (window.sidebar){document.onmousedown=bloquear
document.onclick=desbloquear}
</script>
<script language='JavaScript'>
function bloquear(e){return false}
function desbloquear(){return true}
document.onselectstart=new Function ("return false")
if (window.sidebar){document.onmousedown=bloquear
document.onclick=desbloquear}
</script>
<script type="text/javascript">
$(function(){
$("#slide").cycle({
Fx: 'scrollLeft',
Pause:'true',
speed: '1900',
});
});
</script>
</head>
<body class="body" onkeydown='return validateKey(event)' onselectstart='return false' oncontextmenu='return false' ondragstart='return false'>
<div id="slide">
<div id="slide1"><img src="https://i.imgur.com/I72wgTp.png"></div>
<div id="slide2"><img src="https://i.imgur.com/e7nO7M0.png"></div>
<div id="slide3"><img src="https://i.imgur.com/I72wgTp.png"></div>
<div id="slide4"><img src="https://i.imgur.com/1ngq09o.png"></div>
</div>
<div id="box-noticias">
<div class="noticia">
<div class="box">
<div class="img-noticia"><img src="https://i.imgur.com/4FANBFn.png"></div>
<div class="info-noticia">Vagas para Coach<br>Rainbow Six</div>
</div>
<div class="box">
<div class="img-noticia"><img src="https://i.imgur.com/4FANBFn.png"></div>
<div class="info-noticia">Em breve Sorteios</div>
</div>
<div class="box">
<div class="img-noticia"><img src="https://i.imgur.com/4FANBFn.png"></div>
<div class="info-noticia">Acompanhe nosso Calendário<br>Competitivo</div>
</div>
<div class="box">
<div class="img-noticia"><img src="https://i.imgur.com/4FANBFn.png"></div>
<div class="info-noticia">Novos Mantos<br>Disponível em breve!</div>
</div>
</div>
</div>
<div class="e-sports"><img src="https://www.gamesprout.co.uk/wp-content/uploads/2015/07/gtav1.jpg"></div>
<div class="streamers"><img src="https://www.gamesprout.co.uk/wp-content/uploads/2015/07/gtav1.jpg"></div>
<div class="projetos-1">
<div class="box-projeto1" id="gtastancebrasil" title="Acessar Grupo"><a href="https://www.facebook.com/GTAstanceBrasil"><img src="https://i.imgur.com/eKAEZwS.png"></a></div>
<div class="box-projeto1" id="novacityrp" title="Acessar site"><a href="https://novacityroleplay.wixsite.com/servidor"><img src="https://i.imgur.com/N1rqmwD.png"></a></div>
</div>
<div class="projetos-2">
<div class="box-projeto2" id="racewars" title="Em Breve Racewars"><a href="https://novacityroleplay.wixsite.com/servidor"><img src="https://i.imgur.com/lizut0K.png"></a></div>
<div class="box-projeto2" id="projeto4vazio" title="Em Breve"><a href="#"><img src="https://i.imgur.com/hOMQX2W.png"></a></div>
</div>
<div id="patrocinadores"><img src="https://i.imgur.com/nuQe3UZ.png"></div>
</body>
<footer id="footer">
<div class="base-footer">
<div class="logos-irmandade"></div>
<div class="frase"></div>
<div class="login-footer">
<a class="cta" id="login-rodape" href="http://theblacklegion.directorioforuns.com/login"><button>Login</button></a>
<p id="entrar-sociedade">Acessar Sociedade:</p>
<div class="midia-sociais-footer">
<div class="teamspeak-botao-footer" title="Acessar nosso Teamspeak 3"><a href="ts3server://147.135.83.11:9988"> <img src="https://i.imgur.com/6rdfmRM.png"></a></div>
<div class="icons-midias-footer">
<div class="logos-social-footer" id="facebook"><a href="https://www.facebook.com/IrmandadeTBL/"><img src="https://i.imgur.com/lMFjmD0.png"></a></div>
<div class="logos-social-footer" id="Twitter"><a href="https://twitter.com/IrmandadeTBL"><img src="https://i.imgur.com/b8qKFPU.png"></a></div>
<div class="logos-social-footer" id="Instagram"><a href="#"><img src="https://i.imgur.com/e5gRfXz.png"></a></div>
<div class="logos-social-footer" id="Twitch"><a href="https://www.twitch.tv/irmandadetbl"><img src="https://i.imgur.com/pyCnc3h.png"></a></div>
<div class="logos-social-footer" id="Youtube"><a href="#"><img src="https://i.imgur.com/YmKf3SU.png"></a></div>
</div>
</div>
</div>
</div>
<div class="direitos">
<p id="texto-direitos">
THE BLACK LEGION | Direitos Reservados 2019</p>
<div id="texto-forumeiros"><a href="https://www.forumeiros.com" target="_blank">Webhost Forumeiros</a></div>
</div>
</footer>
</html>
luisdounacky- **
- Membro desde : 22/10/2013
Mensagens : 68
Pontos : 114 -
Re: Problemas com Slide Code
por RafaelS. 29.09.19 20:55
Olá!
Troque o código por este:
Até breve!
Troque o código por este:
- Código:
<!-- toctype html -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<link href="//db.onlinewebfonts.com/c/cb8d4d30de89efdc96a98761ede26d3d?family=Mongolian+Baiti" rel="stylesheet" type="text/css"/>
<link rel="icon" type="image/png" href="https://i.imgur.com/L2NZ0Rl.png" /> <title>The Black Legion</title> <meta charset="utf-8" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://malsup.github.io/jquery.cycle.all.js"></script>
<!-- CSS---------------------------------------------------------------------------------------------------------- -->
<style type="text/css">
*{
margin:0 auto;
padding:0 0 0 0;
list-style:none;
vertical-align:baseline;
background-color: #2d2d2d;
font-family: 'Montserrat', sans-serif;
text-align: center;
text-decoration: none; color: #ffffff;
}
#bg-principal{
height: 100%;
background: url(https://i.imgur.com/fQtO5SJ.png) no-repeat;
background-size: 100%;
padding: 5px;
}
.midia-sociais{
height: 24px;
width: 260px;
display: flex;
margin-top: 25px;
margin-left: 65.5%;
background-color: transparent;
border-color: #404040;
border-style: solid;
border-width: 1px 1px 1px 1px;
padding: 5px;
}
.teamspeak-botao{
height: 24px;
width: 100px;
margin-right: 100%;
}
.teamspeak-botao:hover{
opacity: 0.7;
}
.icons-midias{
height: 24px;
width: 150px;
display: flex;
justify-content: space-around;
margin-left: -97%;
background-color: transparent;
}
.logos-social{
height: 20px;
width: 20px;
}
#facebook{
background-size: 20px;
}
#facebook:hover{
opacity: 0.7;
}
#Twitter{
background-size: 20px;
}
#Twitter:hover{
opacity: 0.7;
}
#Instagram{
background-size: 20px;
}
#Instagram:hover{
opacity: 0.7;
}
#Twitch{
background-size: 20px;
}
#Twitch:hover{
opacity: 0.7;
}
#Youtube{
background-size: 20px;
}
#Youtube:hover{
opacity: 0.7;
}
.li, a, button{
font-size: 16px;
font-weight: 500;
background-color: transparent;
}
#box-menu{
height: 50px;
width: 65%;
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 20px;
background-color: transparent;
}
.logo-navbar{
cursor: pointer;
background-color: transparent;
}
.nav-links{
list-style: none;
}
.nav-links li{
display: inline-block;
padding: 0px 20px;
}
.nav-links li a {
transition: all;0.3s ease 0s;
}
.nav-links li a:hover{
color: #898989;
font-weight: 500;
}
button{
padding: 9px 20px;
background-color: rgba(0,136,169,0.8);
border: none;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease 0s;
}
button:hover{
background-color: #328DBF;
}
#slide{
height: 400px;
width: 100%;
background-color: black;
}
#slide1{
height: 400px;
width: 100%;
display: flex;
}
#slide2{
height: 400px;
width: 100%;
display: flex;
}
#slide3{
height: 400px;
width: 100%;
display: flex;
}
#slide4{
height: 400px;
width: 100%;
display: flex;
}
#box-noticias{
height: 50%;
width: 100%;
}
.noticia{
height: 600px;
width: 100%;
background: #252525;
display: flex;
flex-direction: row;
justify-content: space-around;
flex-flow: wrap;
}
.box{
margin-top: 100px;
margin-right: 0px;
margin-left: 0px;
height: 270px;
width: 400px;
background: transparent;
}
.img-noticia{
height: 140px;
width: 350px;
background-color: transparent;
margin-top: 20px;
}
.info-noticia{
height: 69px;
width: 350px;
background-color: #121212;
padding-top: 7%;
text-align: center;
}
.e-sports{
height: 400px;
width: 100%;
background-color: orange;
display: flex;
justify-content: space-around;
}
.streamers{
height: 400px;
width: 100%;
background-color: gold;
display: flex;
justify-content: space-around;
}
.texto-projetos{
margin-top: 50px;
font-size: 30px;
font-stretch: expanded;
background-color: #252525;
}
.projetos-1{
height: 250px;
width: 70%;
background-color: #252525;
padding-top: 20px;
display: flex;
justify-content: space-around;
}
.projetos-2{
height: 250px;
width: 70%;
background-color: #252525;
display: flex;
justify-content: space-around;
}
.box-projeto1{
height: 200px;
width: 575px;
background-color: black;
margin-top: 25px;
}
.box-projeto2{
height: 200px;
width: 575px;
background-color: black;
margin-bottom: 50px;
}
#gtastancebrasil:hover{ opacity: 0.7; }
#novacityrp:hover{ opacity: 0.7; }
#racewars:hover{ opacity: 0.7; }
#projeto4vazio:hover{ }
#patrocinadores{
height: 250px;
width: 100%;
background-color: brown;
display: flex;
justify-content: space-around;
}
#footer{
height: 350px;
width: 100%;
background-color: #101010;
}
.base-footer{
height: 350px;
width: 70%;
background-color: #101010;
display: flex;
justify-content: space-around;
}
.logos-irmandade{
height: 210px;
width: 400px;
background-image: url(https://i.imgur.com/UUBW9T2.png);
margin-top: 6%;
}
.frase{
height: 210px;
width: 400px;
background-image: url(https://i.imgur.com/XhrfCG6.png);
margin-top: 6%;
}
.login-footer{
height: 210px;
width: 400px;
background-color: #101010;
margin-top: 6%;
}
#login-rodape{
position: absolute;
margin-top: 3.6%;
margin-left: 2.7%;
}
#entrar-sociedade{
background-color: transparent;
position: absolute;
margin-top: 4.1%;
margin-left: 4.3%;
}
.midia-sociais-footer{
height: 24px;
width: 260px;
position: absolute;
display: flex;
margin-top: 6%;
margin-left: 3.8%;
background-color: transparent;
border-color: #252525;
border-style: solid;
border-width: 1px 1px 1px 1px;
padding: 5px;
}
.teamspeak-botao-footer{
height: 24px;
width: 100px;
margin-right: 100%;
background-color: transparent;
}
.teamspeak-botao-footer:hover{
opacity: 0.7;
}
.icons-midias-footer{
height: 24px;
width: 150px;
display: flex;
justify-content: space-around;
margin-left: -97%;
background-color: transparent;
}
.logos-social-footer{
height: 20px;
width: 20px;
}
#facebook{
background-size: 20px;
}
#facebook:hover{
opacity: 0.7;
}
#Twitter{
background-size: 20px;
}
#Twitter:hover{
opacity: 0.7;
}
#Instagram{
background-size: 20px;
}
#Instagram:hover{
opacity: 0.7;
}
#Twitch{
background-size: 20px;
}
#Twitch:hover{
opacity: 0.7;
}
#Youtube{
background-size: 20px;
}
#Youtube:hover{
opacity: 0.7;
}
.direitos{
height: 50px;
width: 100%;
background-color: #080808;
}
#texto-direitos{
margin-top: 20px;
margin-left: 10%;
position: absolute;
background-color: transparent;
}
#texto-forumeiros{
margin-top: 20px;
margin-left: 80%;
position: absolute;
background-color: transparent;
}
@media screen and (max-width: 1200px){
.box{ width: 40%; }
#bg-principal{ background-image: url(https://i.imgur.com/lL4Uap7.png); width: 60%; }
}
@media screen and (max-width: 600px){
.box{ width: 90%; }
#bg-principal{ background-image: url(https://i.imgur.com/lL4Uap7.png); }
</style>
<!-- CSS---------------------------------------------------------------------------------------------------------- -->
<html>
<head>
<div id="bg-principal">
<div class="midia-sociais">
<div class="teamspeak-botao" title="Acessar nosso Teamspeak 3"><a href="ts3server://147.135.83.11:9988"> <img src="https://i.imgur.com/6rdfmRM.png"></a></div>
<div class="icons-midias">
<div class="logos-social" id="facebook"><a href="https://www.facebook.com/IrmandadeTBL/"><img src="https://i.imgur.com/lMFjmD0.png"></a></div>
<div class="logos-social" id="Twitter"><a href="https://twitter.com/IrmandadeTBL"><img src="https://i.imgur.com/b8qKFPU.png"></a></div>
<div class="logos-social" id="Instagram"><a href="#"><img src="https://i.imgur.com/e5gRfXz.png"></a></div>
<div class="logos-social" id="Twitch"><a href="https://www.twitch.tv/irmandadetbl"><img src="https://i.imgur.com/pyCnc3h.png"></a></div>
<div class="logos-social" id="Youtube"><a href="#"><img src="https://i.imgur.com/YmKf3SU.png"></a></div>
</div>
</div>
<div id="box-menu">
<div class="logo-navbar"><img src="https://i.imgur.com/x73sj5M.png"><a href="#"></a></div>
<nav>
<ul class="nav-links">
<li><a href="http://theblacklegion.directorioforuns.com/">Home</a></li>
<li><a href="http://theblacklegion.directorioforuns.com/forum">Sociedade</a></li>
<li><a href="#" title="Em Breve">e-Sports</a></li>
<li><a href="#patrocinadores">Patrocinadores</a></li>
<li><a href="#" title="Em Breve">Streamers</a></li>
<li><a href="#" title="Em Breve">História</a></li>
</ul>
</nav>
<a class="cta" href="http://theblacklegion.directorioforuns.com/login"><button>Login</button></a>
</div>
</div>
<script language="javascript">
function validateKey (evt)
{if (evt.keyCode == '17')
{alert("Comando Desativado")
return false}
return true}
</script>
<script language='JavaScript'>
function bloquear(e){return false}
function desbloquear(){return true}
document.onselectstart=new Function ("return false")
if (window.sidebar){document.onmousedown=bloquear
document.onclick=desbloquear}
</script>
<script language='JavaScript'>
function bloquear(e){return false}
function desbloquear(){return true}
document.onselectstart=new Function ("return false")
if (window.sidebar){document.onmousedown=bloquear
document.onclick=desbloquear}
</script>
<script type="text/javascript">
$(function(){
$("#slide").cycle({
Fx: 'scrollLeft',
Pause:'true',
speed: '1900',
});
});
</script>
</head>
<body class="body" onkeydown='return validateKey(event)' onselectstart='return false' oncontextmenu='return false' ondragstart='return false'>
<div id="slide">
<div id="slide1"><img src="https://i.imgur.com/I72wgTp.png"></div>
<div id="slide2"><img src="https://i.imgur.com/e7nO7M0.png"></div>
<div id="slide3"><img src="https://i.imgur.com/I72wgTp.png"></div>
<div id="slide4"><img src="https://i.imgur.com/1ngq09o.png"></div>
</div>
<div id="box-noticias">
<div class="noticia">
<div class="box">
<div class="img-noticia"><img src="https://i.imgur.com/4FANBFn.png"></div>
<div class="info-noticia">Vagas para Coach<br>Rainbow Six</div>
</div>
<div class="box">
<div class="img-noticia"><img src="https://i.imgur.com/4FANBFn.png"></div>
<div class="info-noticia">Em breve Sorteios</div>
</div>
<div class="box">
<div class="img-noticia"><img src="https://i.imgur.com/4FANBFn.png"></div>
<div class="info-noticia">Acompanhe nosso Calendário<br>Competitivo</div>
</div>
<div class="box">
<div class="img-noticia"><img src="https://i.imgur.com/4FANBFn.png"></div>
<div class="info-noticia">Novos Mantos<br>Disponível em breve!</div>
</div>
</div>
</div>
<div class="e-sports"><img src="https://www.gamesprout.co.uk/wp-content/uploads/2015/07/gtav1.jpg"></div>
<div class="streamers"><img src="https://www.gamesprout.co.uk/wp-content/uploads/2015/07/gtav1.jpg"></div>
<div class="projetos-1">
<div class="box-projeto1" id="gtastancebrasil" title="Acessar Grupo"><a href="https://www.facebook.com/GTAstanceBrasil"><img src="https://i.imgur.com/eKAEZwS.png"></a></div>
<div class="box-projeto1" id="novacityrp" title="Acessar site"><a href="https://novacityroleplay.wixsite.com/servidor"><img src="https://i.imgur.com/N1rqmwD.png"></a></div>
</div>
<div class="projetos-2">
<div class="box-projeto2" id="racewars" title="Em Breve Racewars"><a href="https://novacityroleplay.wixsite.com/servidor"><img src="https://i.imgur.com/lizut0K.png"></a></div>
<div class="box-projeto2" id="projeto4vazio" title="Em Breve"><a href="#"><img src="https://i.imgur.com/hOMQX2W.png"></a></div>
</div>
<div id="patrocinadores"><img src="https://i.imgur.com/nuQe3UZ.png"></div>
</body>
<footer id="footer">
<div class="base-footer">
<div class="logos-irmandade"></div>
<div class="frase"></div>
<div class="login-footer">
<a class="cta" id="login-rodape" href="http://theblacklegion.directorioforuns.com/login"><button>Login</button></a>
<p id="entrar-sociedade">Acessar Sociedade:</p>
<div class="midia-sociais-footer">
<div class="teamspeak-botao-footer" title="Acessar nosso Teamspeak 3"><a href="ts3server://147.135.83.11:9988"> <img src="https://i.imgur.com/6rdfmRM.png"></a></div>
<div class="icons-midias-footer">
<div class="logos-social-footer" id="facebook"><a href="https://www.facebook.com/IrmandadeTBL/"><img src="https://i.imgur.com/lMFjmD0.png"></a></div>
<div class="logos-social-footer" id="Twitter"><a href="https://twitter.com/IrmandadeTBL"><img src="https://i.imgur.com/b8qKFPU.png"></a></div>
<div class="logos-social-footer" id="Instagram"><a href="#"><img src="https://i.imgur.com/e5gRfXz.png"></a></div>
<div class="logos-social-footer" id="Twitch"><a href="https://www.twitch.tv/irmandadetbl"><img src="https://i.imgur.com/pyCnc3h.png"></a></div>
<div class="logos-social-footer" id="Youtube"><a href="#"><img src="https://i.imgur.com/YmKf3SU.png"></a></div>
</div>
</div>
</div>
</div>
<div class="direitos">
<p id="texto-direitos"> THE BLACK LEGION | Direitos Reservados 2019</p>
<div id="texto-forumeiros"><a href="https://www.forumeiros.com" target="_blank">Webhost Forumeiros</a></div>
</div>
</footer>
</html>
Até breve!
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Problemas com Slide Code
por luisdounacky 29.09.19 22:28
Maravilhoso!
Qual era o problema, algo que fiz errado e não vi? kkkkk
Só uma duvida, nada com relação ao code mas, porque estou com 75% na barrinha sendo que nunca cometi nada de errado?!
Sobre o codigo, perfeito!
Qual era o problema, algo que fiz errado e não vi? kkkkk
Só uma duvida, nada com relação ao code mas, porque estou com 75% na barrinha sendo que nunca cometi nada de errado?!
Sobre o codigo, perfeito!
luisdounacky- **
- Membro desde : 22/10/2013
Mensagens : 68
Pontos : 114 -
Re: Problemas com Slide Code
por RafaelS. 29.09.19 23:05
@luisdounacky,
Troquei o link da livraria jQuery de http para https, pois estava dando erro, assim como a remoção de alguns outros elementos superficiais.
Quanto à barra, vejo no registo que enviou UP antes das 24 horas, por duas vezes, em 2016. Vou ver se é possível ser restituída a 100%.
Até mais.
Troquei o link da livraria jQuery de http para https, pois estava dando erro, assim como a remoção de alguns outros elementos superficiais.
Quanto à barra, vejo no registo que enviou UP antes das 24 horas, por duas vezes, em 2016. Vou ver se é possível ser restituída a 100%.
Até mais.
Questão resolvidaEsta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área. |
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Tópicos semelhantes» Code html slide de imagens
» Problemas com botão "curtir" do facebook & função selecionar tudo na tag code
» Slide criado no gerador de Slide não centraliza
» Slide
» Slide top 5
» Problemas com botão "curtir" do facebook & função selecionar tudo na tag code
» Slide criado no gerador de Slide não centraliza
» Slide
» Slide top 5
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