Problemas com Slide Code Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Problemas com Slide Code

2 participantes

Ir para baixo

Tópico resolvido Problemas com Slide Code

Mensagem 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
luisdounacky
**

Membro desde : 22/10/2013
Mensagens : 68
Pontos : 114

http://theblacklegion.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problemas com Slide Code

Mensagem 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. zen

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!
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problemas com Slide Code

Mensagem 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
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
luisdounacky
**

Membro desde : 22/10/2013
Mensagens : 68
Pontos : 114

http://theblacklegion.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problemas com Slide Code

Mensagem 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:

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. Feliz
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problemas com Slide Code

Mensagem 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.



luisdounacky
luisdounacky
**

Membro desde : 22/10/2013
Mensagens : 68
Pontos : 114

http://theblacklegion.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problemas com Slide Code

Mensagem 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!
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problemas com Slide Code

Mensagem 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
luisdounacky
**

Membro desde : 22/10/2013
Mensagens : 68
Pontos : 114

http://theblacklegion.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problemas com Slide Code

Mensagem por RafaelS. 29.09.19 20:55

Olá!

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!
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problemas com Slide Code

Mensagem 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!
luisdounacky
luisdounacky
**

Membro desde : 22/10/2013
Mensagens : 68
Pontos : 114

http://theblacklegion.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Problemas com Slide Code

Mensagem 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.




Questão resolvida

Esta 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.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos