Problema com o redirecionamento de um botão

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

Atendido / Resolvido Problema com o redirecionamento de um botão

Mensagem por Leo_Pereira12 12.07.20 1:53

Detalhes da questão


Endereço do fórum: https://gameforeverrpg.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Olá galera, eu utilizo uma pagina inicial em HTML, criei um botão escrito "Jogue Agora" porém não consigo dar a função a ele, eu quero que quando alguém clicar nele abra automaticamente o SA-MP na tela de adicionar o IP do meu servidor aos favoritos como mostra a imagem https://imgur.com/a/UDwoQ6N note que ja tenho esse botao no canto direito da pagina, porém quero ele verde centralizado igual ta na imagem, também já tenho ele, porem quando clico no botao verde de nome "Jose agora" nada acontece. Eu quero passar a função do botão direito da pagina para o botão verde centralizado. Sem precisar clicar no botão direito da pagina.

Código:
<html lang="en" class="no-js"><head>
    <meta charset="UTF-8">
    <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Brasil GameForever RPG</title>
    <meta name="keywords" content="SA:MP - RPG">
    <meta name="author" content="Codrops">
    <link rel="shortcut icon" href="https://i.servimg.com/u/f28/11/40/02/06/1570.png">
              <link rel="stylesheet" href="https://asusgames.esy.es/MyCSS.css" type="text/css" media="screen">
    <script src="https://asusgames.esy.es/CSS/modernizr.custom.js"></script>
 <style>
 /* General styles for all menus */
.cbp-spmenu {
 background: #104e8b;
 position: fixed;
}
 
.cbp-spmenu h3 {
 color: #afdefa;
 font-size: 1.9em;
 padding: 20px;
 margin: 0;
 font-weight: 300;
 background: #0d77b6;
}
 
.cbp-spmenu a {
 display: block;
 color: #fff;
 font-size: 1.1em;
 font-weight: 300;
}
 
.cbp-spmenu a:hover {
 background: #104e8b;
}
 
.cbp-spmenu a:active {
 background: #afdefa;
 color: #104e8b;
}
 
/* Orientation-dependent styles for the content of the menu */
 
.cbp-spmenu-vertical {
 width: 240px;
 height: 100%;
 top: 0;
 z-index: 1000;
}
 
.cbp-spmenu-vertical a {
 border-bottom: 1px solid #1c5f85;
 padding: 1em;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}
 
.cbp-spmenu-horizontal {
 width: 100%;
 height: 85px;
 left: 0;
 z-index: 1000;
 overflow: hidden;
}
 
.cbp-spmenu-horizontal h3 {
 height: 100%;
 width: 20%;
 float: left;
}
 
.cbp-spmenu-horizontal a {
 float: left;
 width: 20%;
 padding: 1.8em;
 border-left: 1px solid #1c5f85;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}
 
/* Vertical menu that slides from the left or right */
 
.cbp-spmenu-left {
 left: -240px;
}
 
.cbp-spmenu-right {
 right: -240px;
}
 
.cbp-spmenu-left.cbp-spmenu-open {
 left: 0px;
}
 
.cbp-spmenu-right.cbp-spmenu-open {
 right: 0px;
}
 
/* Horizontal menu that slides from the top or bottom */
 
.cbp-spmenu-top {
 top: -150px;
}
 
.cbp-spmenu-bottom {
 bottom: -150px;
}
 
.cbp-spmenu-top.cbp-spmenu-open {
 top: 0px;
}
 
.cbp-spmenu-bottom.cbp-spmenu-open {
 bottom: 0px;
}
 
/* Push classes applied to the body */
 
.cbp-spmenu-push {
 overflow-x: hidden;
 position: relative;
 left: 0;
}
 
.cbp-spmenu-push-toright {
 left: 240px;
}
 
.cbp-spmenu-push-toleft {
 left: -240px;
}
 .cbp-spmenu-push-down {
    top: 100px;
 }
/* Transitions */
 
.cbp-spmenu,
.cbp-spmenu-push {
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
 
/* Example media queries */
 
@media screen and (max-width: 55.1875em){
 
 .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
 }
 
 .cbp-spmenu-top {
    top: -110px;
 }
 
 .cbp-spmenu-bottom {
    bottom: -110px;
 }
 
}
 
@media screen and (max-height: 26.375em){
 
 .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
 }
 
 .cbp-spmenu-left,
 .cbp-spmenu-push-toleft {
    left: -190px;
 }
 .cbp-spmenu-right {
    right: -190px;
 }
 
 .cbp-spmenu-push-toright {
    left: 190px;
 }
}
 /* General Demo Style */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
 
@font-face {
 font-family: 'fontawesome';
 src:url('../fonts/fontawesome.eot');
 src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
 url('https://asusgames.esy.es/CSS/fontawesome.svg#fontawesome') format('svg'),
    url('https://asusgames.esy.es/CSS/fontawesome.woff') format('woff'),
    url('https://asusgames.esy.es/CSS/fontawesome.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
 
body, html { font-size: 100%;    padding: 0; margin: 0;}
 
/* Reset */
*,
*:after,
*:before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
 
/* Clearfix hack by Nicolas Gallagher: https://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
 content: " ";
 display: table;
}
 
.clearfix:after {
 clear: both;
}
#lixo {
display:none;
}
body {
  font-family: 'Sigmar One', Calibri, Arial, sans-serif;
  color: #104e8b;
  background: #104e8b url("https://3.bp.blogspot.com/-8JN0uohP9Fo/Wjg4GxO_c0I/AAAAAAAAG_s/9qfilnsupsMSHmTJb898iRxRQMZLb34NACLcBGAs/s2560/papel-de-parede-grand-theft-auto-v-los-santos-sunset-.jpg") no-repeat;
  background-size: 100% 100%;
}
 
a {
 color: #f0f0f0;
 text-decoration: none;
}
 
 
.main,
.container > header {
 width: 90%;
 max-width: 69em;
 margin: 0 auto;
 padding: 0 1.875em 3.125em 1.875em;
}
 
.container > header {
 padding: 2.875em 1.875em 1.875em;
}
 
.container > header h1 {
 font-size: 2.125em;
 line-height: 1.3;
 margin: 0;
 float: left;
 font-weight: 400;
}
 
.container > header span {
 display: block;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.5em;
 padding: 0 0 0.6em 0.1em;
}
 
.container > header nav {
 float: right;
}
 
.container > header nav a {
 display: block;
 float: left;
 position: relative;
 width: 2.5em;
 height: 2.5em;
 background: #fff;
 border-radius: 50%;
 color: transparent;
 margin: 0 0.1em;
 border: 4px solid #104e8b;
 text-indent: -8000px;
}
 
.container > header nav a:after {
 content: attr(data-info);
 color: #104e8b;
 position: absolute;
 width: 600%;
 top: 120%;
 text-align: right;
 right: 0;
 opacity: 0;
 pointer-events: none;
}
 
.container > header nav a:hover:after {
 opacity: 1;
}
 
.container > header nav a:hover {
 background: #104e8b;
}
 
.main > section {
 max-width: 260px;
 width: 90%;
 margin: 0 auto;
}
 
.main > section h2 {
 font-weight: 300;
 color: #ccc;
}
 
.main > section button {
 border: none;
 background: #84c754;
 color: #fff;
 padding: 1.5em;
 display: block;
 width: 100%;
 cursor: pointer;
 margin: 10px 0;
 font-size: 0.8em;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}
 
.main > section button:hover {
 background: #1c5f85;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}
 
.main > section button.active {
 background: #FF0000;
}
 
.main > section button.disabled {
 background: #aaa;
 pointer-events: none;
}
 
.icon-drop:before,
.icon-arrow-left:before {
 font-family: 'fontawesome';
 position: absolute;
 top: 0;
 width: 100%;
 height: 100%;
 speak: none;
 font-style: normal;
 font-weight: normal;
 line-height: 2;
 text-align: center;
 color: #104e8b;
 -webkit-font-smoothing: antialiased;
 text-indent: 8000px;
 padding-left: 8px;
}
 
.container > header nav a:hover:before {
 color: #fff;
}
 
.icon-drop:before {
 content: "\e000";
}
 
.icon-arrow-left:before {
 content: "\f060";
}
span.eddyeowna{
          background: #FF0000;
                              position:fixed;
          right:0px;
          bottom:30px;
          font-size:12px;
            -webkit-animation-name: bounceInDown;
                animation-name: bounceInDown;
}
      span.eddyeowna a{
          color:#fff;
          text-transform:uppercase;
          text-decoration:none;
          margin-right:30px;
}
      span.eddyeowna a:hover{
          color:#000;
}
                </style></head>
 
      <body class="cbp-spmenu-push"><embed src="https://3.bp.blogspot.com/-8JN0uohP9Fo/Wjg4GxO_c0I/AAAAAAAAG_s/9qfilnsupsMSHmTJb898iRxRQMZLb34NACLcBGAs/s2560/papel-de-parede-grand-theft-auto-v-los-santos-sunset-.jpg" style="width: 1px; height: 1px;">
 
    <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
      <h3>Fórum</h3>
                <a href="/forum">Acessar</a>
                <a href="/login">Logar</a>
                <a href="/register">Registra-se</a>              
    </nav>
    <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
      <h3>Servidores</h3>
      <a href="https://files.sa-mp.com/sa-mp-0.3.7-install.exe">SA-MP 0.3.7 Client</a>
      <a href="https://mega.nz/file/i8xmlKSB#ETXcc1fS-jF3S47KrahCXZNpBRkF01BH81pSLxrtqaI">Download GTA SA</a>
      <a href="samp://177.54.146.169:7777" class="btn_2 animated infinite pulse">Jogue Agora</a>
      
    </nav>
        <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top" id="cbp-spmenu-s3
            <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s4">
      <h3>Informações GTA</h3>
                <a href="https://files.sa-mp.com/sa-mp-0.3.7-R4-install.exe">SA-MP 0.3.7 Client</a>
                <a href="https://www.gtasa.com.br/2008/11/gta-san-andreas-pc-portugues-rip.html">Download GTA SA</a>
                <a href="samp://177.54.146.169:7777" class="btn_2 animated infinite pulse">Jogue Agora</a>
    </nav>
    <div class="container">
      <header class="clearfix">
        <center><h3><span class="animated BounceInUp"><font color="#FFF">BEM-VINDO(a) a Brasil GameForever RPG</font> <font color=#FFF">tm</font></span></h3></center>
      </header>
      <div class="main">
          <section class="buttonset">
                                <center><h3><span class="animated BounceInUp"><font color="#22b3a7">ACESSO RÁPIDO</span></h3></center>
            <!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
            <button id="showLeftPush" class="animated bounceInDown">Ir ao Fórum</button>
            <button id="showRightPush" class="animated bounceInDown">Baixar o SA-MP</button>  
            <button id="showRightPush" class="animated bounceInDown">Jogue Agora</a>

          </section>
      </div>
    </div>
          <span class="eddyeowna">
 
    <!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
    <script>/*!
 * classie - class helper functions
 * from bonzo https://github.com/ded/bonzo
 *
 * classie.has( elem, 'my-class' ) -> true/false
 * classie.add( elem, 'my-new-class' )
 * classie.remove( elem, 'my-unwanted-class' )
 * classie.toggle( elem, 'my-class' )
 */
 
/*jshint browser: true, strict: true, undef: true */
 
( function( window ) {
 
'use strict';
 
// class helper functions from bonzo https://github.com/ded/bonzo
 
function classReg( className ) {
  return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
}
 
// classList support for class management
// altho to be fair, the api sucks because it won't accept multiple classes at once
var hasClass, addClass, removeClass;
 
if ( 'classList' in document.documentElement ) {
  hasClass = function( elem, c ) {
    return elem.classList.contains( c );
  };
  addClass = function( elem, c ) {
    elem.classList.add( c );
  };
  removeClass = function( elem, c ) {
    elem.classList.remove( c );
  };
}
else {
  hasClass = function( elem, c ) {
    return classReg( c ).test( elem.className );
  };
  addClass = function( elem, c ) {
    if ( !hasClass( elem, c ) ) {
      elem.className = elem.className + ' ' + c;
    }
  };
  removeClass = function( elem, c ) {
    elem.className = elem.className.replace( classReg( c ), ' ' );
  };
}
 
function toggleClass( elem, c ) {
  var fn = hasClass( elem, c ) ? removeClass : addClass;
  fn( elem, c );
}
 
window.classie = {
  // full names
  hasClass: hasClass,
  addClass: addClass,
  removeClass: removeClass,
  toggleClass: toggleClass,
  // short names
  has: hasClass,
  add: addClass,
  remove: removeClass,
  toggle: toggleClass
};
 
})( window );</script>
            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script>
      var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
          menuRight = document.getElementById( 'cbp-spmenu-s2' ),
          menuTop = document.getElementById( 'cbp-spmenu-s3' ),
          menuBottom = document.getElementById( 'cbp-spmenu-s4' ),
          showLeft = document.getElementById( 'showLeft' ),
          showRight = document.getElementById( 'showRight' ),
          showTop = document.getElementById( 'showTop' ),
          showBottom = document.getElementById( 'showBottom' ),
          showLeftPush = document.getElementById( 'showLeftPush' ),
          showRightPush = document.getElementById( 'showRightPush' ),
          body = document.body;
      showLeftPush.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( body, 'cbp-spmenu-push-toright' );
          classie.toggle( menuLeft, 'cbp-spmenu-open' );
          disableOther( 'showLeftPush' );
      };
      showRightPush.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( body, 'cbp-spmenu-push-toleft' );
          classie.toggle( menuRight, 'cbp-spmenu-open' );
          disableOther( 'showRightPush' );
      };
      showTop.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( body, 'cbp-spmenu-push-down' );
          classie.toggle( menuTop, 'cbp-spmenu-open' );
          disableOther( 'showBottom' );
      };
              showBottom.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( menuBottom, 'cbp-spmenu-open' );
          disableOther( 'showTop' );
      };
      function disableOther( button ) {
          if( button !== 'showLeft' ) {
            classie.toggle( showLeft, 'disabled' );
          }
          if( button !== 'showRight' ) {
            classie.toggle( showRight, 'disabled' );
          }
          if( button !== 'showTop' ) {
            classie.toggle( showTop, 'disabled' );
          }
          if( button !== 'showBottom' ) {
            classie.toggle( showBottom, 'disabled' );
          }
          if( button !== 'showLeftPush' ) {
            classie.toggle( showLeftPush, 'disabled' );
          }
          if( button !== 'showRightPush' ) {
            classie.toggle( showRightPush, 'disabled' );
          }
      }
      $('#stopMusic').click(function() { $(this).fadeOut(); $('embed').remove(); });
    </script>
        <div id="lixo">
    <a href="https://www.forumeiros.com" target="_blank">forumeiros.com</a>
    </div>
 
</span>
<style type="text/css">
  button {
    background-color: #FF0000;
  }
 
  button:hover {
    background-color: #FF0000!important;
  }
</style>
<center><a href="https://forumeiros.com"></a></center>
</body></html>
Leo_Pereira12

Leo_Pereira12
Nível 7

Masculino
Inscrito dia : 03/06/2020
Mensagens : 80
Pontos ativos : 120

https://gameforeverrpg.forumeiros.com/

Atendido / Resolvido Re: Problema com o redirecionamento de um botão

Mensagem por Chanp 12.07.20 2:06

Olá @Leo_Pereira12,

Qual URL deve ser aberto ao clicar em "Jogue agora"?
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Problema com o redirecionamento de um botão

Mensagem por Leo_Pereira12 12.07.20 2:15

Ao clicar em jogue agora deve ser aberto a url automaticamente 
URL > samp://177.54.136.165:7777
Tem que abrir o programa SAMP automaticamente como mostra o print
Leo_Pereira12

Leo_Pereira12
Nível 7

Masculino
Inscrito dia : 03/06/2020
Mensagens : 80
Pontos ativos : 120

https://gameforeverrpg.forumeiros.com/

Atendido / Resolvido Re: Problema com o redirecionamento de um botão

Mensagem por Chanp 12.07.20 3:10

@Leo_Pereira12 escreveu:Ao clicar em jogue agora deve ser aberto a url automaticamente 
URL > samp://177.54.136.165:7777
Tem que abrir o programa SAMP automaticamente como mostra o print

Se você tentar acessar este URL que me passou, você não vai chegar em lugar algum. Portanto, poderia verificar ele, por favor? Acredito que este é o problema.
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Problema com o redirecionamento de um botão

Mensagem por Leo_Pereira12 12.07.20 3:11

@Chanp escreveu:
@Leo_Pereira12 escreveu:Ao clicar em jogue agora deve ser aberto a url automaticamente 
URL > samp://177.54.136.165:7777
Tem que abrir o programa SAMP automaticamente como mostra o print

Se você tentar acessar este URL que me passou, você não vai chegar em lugar algum. Portanto, poderia verificar ele, por favor? Acredito que este é o problema.
Aqui a URL funciona normalmente, é porque é preciso ter o programa SA-MP Multiplayer instalado no PC para que a URL funcione. Está normal.


Você pode fazer pra mim apenas a função do botao verde ? apenas dar a ele essa função de abrir uma URL e depois eu mesmo coloco a URL que eu desejo.
Leo_Pereira12

Leo_Pereira12
Nível 7

Masculino
Inscrito dia : 03/06/2020
Mensagens : 80
Pontos ativos : 120

https://gameforeverrpg.forumeiros.com/

Atendido / Resolvido Re: Problema com o redirecionamento de um botão

Mensagem por Chanp 12.07.20 4:02

Claro.

O erro se encontrava nesta linha:

Código:
<button id="showRightPush" class="animated bounceInDown">Jogue Agora</a>

Como você pode notar, você inicia com o atributo <button> e finaliza com o atributo </a>. Portanto, o navegador não conseguiu interpretar o que você queria. Substitua o seu código completo por este:

Código:
<html lang="en" class="no-js"><head>
    <meta charset="UTF-8">
    <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Brasil GameForever RPG</title>
    <meta name="keywords" content="SA:MP - RPG">
    <meta name="author" content="Codrops">
    <link rel="shortcut icon" href="https://i.servimg.com/u/f28/11/40/02/06/1570.png">
              <link rel="stylesheet" href="https://asusgames.esy.es/MyCSS.css" type="text/css" media="screen">
    <script src="https://asusgames.esy.es/CSS/modernizr.custom.js"></script>
 <style>
 /* General styles for all menus */
.cbp-spmenu {
 background: #104e8b;
 position: fixed;
}
 
.cbp-spmenu h3 {
 color: #afdefa;
 font-size: 1.9em;
 padding: 20px;
 margin: 0;
 font-weight: 300;
 background: #0d77b6;
}
 
.cbp-spmenu a {
 display: block;
 color: #fff;
 font-size: 1.1em;
 font-weight: 300;
}
 
.cbp-spmenu a:hover {
 background: #104e8b;
}
 
.cbp-spmenu a:active {
 background: #afdefa;
 color: #104e8b;
}
 
/* Orientation-dependent styles for the content of the menu */
 
.cbp-spmenu-vertical {
 width: 240px;
 height: 100%;
 top: 0;
 z-index: 1000;
}
 
.cbp-spmenu-vertical a {
 border-bottom: 1px solid #1c5f85;
 padding: 1em;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}
 
.cbp-spmenu-horizontal {
 width: 100%;
 height: 85px;
 left: 0;
 z-index: 1000;
 overflow: hidden;
}
 
.cbp-spmenu-horizontal h3 {
 height: 100%;
 width: 20%;
 float: left;
}
 
.cbp-spmenu-horizontal a {
 float: left;
 width: 20%;
 padding: 1.8em;
 border-left: 1px solid #1c5f85;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}
 
/* Vertical menu that slides from the left or right */
 
.cbp-spmenu-left {
 left: -240px;
}
 
.cbp-spmenu-right {
 right: -240px;
}
 
.cbp-spmenu-left.cbp-spmenu-open {
 left: 0px;
}
 
.cbp-spmenu-right.cbp-spmenu-open {
 right: 0px;
}
 
/* Horizontal menu that slides from the top or bottom */
 
.cbp-spmenu-top {
 top: -150px;
}
 
.cbp-spmenu-bottom {
 bottom: -150px;
}
 
.cbp-spmenu-top.cbp-spmenu-open {
 top: 0px;
}
 
.cbp-spmenu-bottom.cbp-spmenu-open {
 bottom: 0px;
}
 
/* Push classes applied to the body */
 
.cbp-spmenu-push {
 overflow-x: hidden;
 position: relative;
 left: 0;
}
 
.cbp-spmenu-push-toright {
 left: 240px;
}
 
.cbp-spmenu-push-toleft {
 left: -240px;
}
 .cbp-spmenu-push-down {
    top: 100px;
 }
/* Transitions */
 
.cbp-spmenu,
.cbp-spmenu-push {
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
 
/* Example media queries */
 
@media screen and (max-width: 55.1875em){
 
 .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
 }
 
 .cbp-spmenu-top {
    top: -110px;
 }
 
 .cbp-spmenu-bottom {
    bottom: -110px;
 }
 
}
 
@media screen and (max-height: 26.375em){
 
 .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
 }
 
 .cbp-spmenu-left,
 .cbp-spmenu-push-toleft {
    left: -190px;
 }
 .cbp-spmenu-right {
    right: -190px;
 }
 
 .cbp-spmenu-push-toright {
    left: 190px;
 }
}
 /* General Demo Style */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
 
@font-face {
 font-family: 'fontawesome';
 src:url('../fonts/fontawesome.eot');
 src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
 url('https://asusgames.esy.es/CSS/fontawesome.svg#fontawesome') format('svg'),
    url('https://asusgames.esy.es/CSS/fontawesome.woff') format('woff'),
    url('https://asusgames.esy.es/CSS/fontawesome.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
 
body, html { font-size: 100%;    padding: 0; margin: 0;}
 
/* Reset */
*,
*:after,
*:before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
 
/* Clearfix hack by Nicolas Gallagher: https://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
 content: " ";
 display: table;
}
 
.clearfix:after {
 clear: both;
}
#lixo {
display:none;
}
body {
  font-family: 'Sigmar One', Calibri, Arial, sans-serif;
  color: #104e8b;
  background: #104e8b url("https://3.bp.blogspot.com/-8JN0uohP9Fo/Wjg4GxO_c0I/AAAAAAAAG_s/9qfilnsupsMSHmTJb898iRxRQMZLb34NACLcBGAs/s2560/papel-de-parede-grand-theft-auto-v-los-santos-sunset-.jpg") no-repeat;
  background-size: 100% 100%;
}
 
a {
 color: #f0f0f0;
 text-decoration: none;
}
 
 
.main,
.container > header {
 width: 90%;
 max-width: 69em;
 margin: 0 auto;
 padding: 0 1.875em 3.125em 1.875em;
}
 
.container > header {
 padding: 2.875em 1.875em 1.875em;
}
 
.container > header h1 {
 font-size: 2.125em;
 line-height: 1.3;
 margin: 0;
 float: left;
 font-weight: 400;
}
 
.container > header span {
 display: block;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.5em;
 padding: 0 0 0.6em 0.1em;
}
 
.container > header nav {
 float: right;
}
 
.container > header nav a {
 display: block;
 float: left;
 position: relative;
 width: 2.5em;
 height: 2.5em;
 background: #fff;
 border-radius: 50%;
 color: transparent;
 margin: 0 0.1em;
 border: 4px solid #104e8b;
 text-indent: -8000px;
}
 
.container > header nav a:after {
 content: attr(data-info);
 color: #104e8b;
 position: absolute;
 width: 600%;
 top: 120%;
 text-align: right;
 right: 0;
 opacity: 0;
 pointer-events: none;
}
 
.container > header nav a:hover:after {
 opacity: 1;
}
 
.container > header nav a:hover {
 background: #104e8b;
}
 
.main > section {
 max-width: 260px;
 width: 90%;
 margin: 0 auto;
}
 
.main > section h2 {
 font-weight: 300;
 color: #ccc;
}
 
.main > section button {
 border: none;
 background: #84c754;
 color: #fff;
 padding: 1.5em;
 display: block;
 width: 100%;
 cursor: pointer;
 margin: 10px 0;
 font-size: 0.8em;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}
 
.main > section button:hover {
 background: #1c5f85;
  -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}
 
.main > section button.active {
 background: #FF0000;
}
 
.main > section button.disabled {
 background: #aaa;
 pointer-events: none;
}
 
.icon-drop:before,
.icon-arrow-left:before {
 font-family: 'fontawesome';
 position: absolute;
 top: 0;
 width: 100%;
 height: 100%;
 speak: none;
 font-style: normal;
 font-weight: normal;
 line-height: 2;
 text-align: center;
 color: #104e8b;
 -webkit-font-smoothing: antialiased;
 text-indent: 8000px;
 padding-left: 8px;
}
 
.container > header nav a:hover:before {
 color: #fff;
}
 
.icon-drop:before {
 content: "\e000";
}
 
.icon-arrow-left:before {
 content: "\f060";
}
span.eddyeowna{
          background: #FF0000;
                              position:fixed;
          right:0px;
          bottom:30px;
          font-size:12px;
            -webkit-animation-name: bounceInDown;
                animation-name: bounceInDown;
}
      span.eddyeowna a{
          color:#fff;
          text-transform:uppercase;
          text-decoration:none;
          margin-right:30px;
}
      span.eddyeowna a:hover{
          color:#000;
}
                </style></head>
 
      <body class="cbp-spmenu-push"><embed src="https://3.bp.blogspot.com/-8JN0uohP9Fo/Wjg4GxO_c0I/AAAAAAAAG_s/9qfilnsupsMSHmTJb898iRxRQMZLb34NACLcBGAs/s2560/papel-de-parede-grand-theft-auto-v-los-santos-sunset-.jpg" style="width: 1px; height: 1px;">
 
    <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
      <h3>Fórum</h3>
                <a href="/forum">Acessar</a>
                <a href="/login">Logar</a>
                <a href="/register">Registra-se</a>              
    </nav>
    <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
      <h3>Servidores</h3>
      <a href="https://files.sa-mp.com/sa-mp-0.3.7-install.exe">SA-MP 0.3.7 Client</a>
      <a href="https://mega.nz/file/i8xmlKSB#ETXcc1fS-jF3S47KrahCXZNpBRkF01BH81pSLxrtqaI">Download GTA SA</a>
      
      
    </nav>
        <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top" id="cbp-spmenu-s3
            <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s4">
      <h3>Informações GTA</h3>
                <a href="https://files.sa-mp.com/sa-mp-0.3.7-R4-install.exe">SA-MP 0.3.7 Client</a>
                <a href="https://www.gtasa.com.br/2008/11/gta-san-andreas-pc-portugues-rip.html">Download GTA SA</a>
    </nav>
    <div class="container">
      <header class="clearfix">
        <center><h3><span class="animated BounceInUp"><font color="#FFF">BEM-VINDO(a) a Brasil GameForever RPG</font> <font color=#FFF">tm</font></span></h3></center>
      </header>
      <div class="main">
          <section class="buttonset">
                                <center><h3><span class="animated BounceInUp"><font color="#22b3a7">ACESSO RÁPIDO</span></h3></center>
            <!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
            <button id="showLeftPush" class="animated bounceInDown">Ir ao Fórum</button>
            <button id="showRightPush" class="animated bounceInDown">Baixar o SA-MP</button>  
            <a href="samp://177.54.136.165:7777" target="_blank"><button id="showRightPush" class="animated bounceInDown">Jogue Agora</button></a>
 
          </section>
      </div>
    </div>
          <span class="eddyeowna">
 
    <!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
    <script>/*!
 * classie - class helper functions
 * from bonzo https://github.com/ded/bonzo
 *
 * classie.has( elem, 'my-class' ) -> true/false
 * classie.add( elem, 'my-new-class' )
 * classie.remove( elem, 'my-unwanted-class' )
 * classie.toggle( elem, 'my-class' )
 */
 
/*jshint browser: true, strict: true, undef: true */
 
( function( window ) {
 
'use strict';
 
// class helper functions from bonzo https://github.com/ded/bonzo
 
function classReg( className ) {
  return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
}
 
// classList support for class management
// altho to be fair, the api sucks because it won't accept multiple classes at once
var hasClass, addClass, removeClass;
 
if ( 'classList' in document.documentElement ) {
  hasClass = function( elem, c ) {
    return elem.classList.contains( c );
  };
  addClass = function( elem, c ) {
    elem.classList.add( c );
  };
  removeClass = function( elem, c ) {
    elem.classList.remove( c );
  };
}
else {
  hasClass = function( elem, c ) {
    return classReg( c ).test( elem.className );
  };
  addClass = function( elem, c ) {
    if ( !hasClass( elem, c ) ) {
      elem.className = elem.className + ' ' + c;
    }
  };
  removeClass = function( elem, c ) {
    elem.className = elem.className.replace( classReg( c ), ' ' );
  };
}
 
function toggleClass( elem, c ) {
  var fn = hasClass( elem, c ) ? removeClass : addClass;
  fn( elem, c );
}
 
window.classie = {
  // full names
  hasClass: hasClass,
  addClass: addClass,
  removeClass: removeClass,
  toggleClass: toggleClass,
  // short names
  has: hasClass,
  add: addClass,
  remove: removeClass,
  toggle: toggleClass
};
 
})( window );</script>
            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script>
      var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
          menuRight = document.getElementById( 'cbp-spmenu-s2' ),
          menuTop = document.getElementById( 'cbp-spmenu-s3' ),
          menuBottom = document.getElementById( 'cbp-spmenu-s4' ),
          showLeft = document.getElementById( 'showLeft' ),
          showRight = document.getElementById( 'showRight' ),
          showTop = document.getElementById( 'showTop' ),
          showBottom = document.getElementById( 'showBottom' ),
          showLeftPush = document.getElementById( 'showLeftPush' ),
          showRightPush = document.getElementById( 'showRightPush' ),
          body = document.body;
      showLeftPush.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( body, 'cbp-spmenu-push-toright' );
          classie.toggle( menuLeft, 'cbp-spmenu-open' );
          disableOther( 'showLeftPush' );
      };
      showRightPush.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( body, 'cbp-spmenu-push-toleft' );
          classie.toggle( menuRight, 'cbp-spmenu-open' );
          disableOther( 'showRightPush' );
      };
      showTop.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( body, 'cbp-spmenu-push-down' );
          classie.toggle( menuTop, 'cbp-spmenu-open' );
          disableOther( 'showBottom' );
      };
              showBottom.onclick = function() {
          classie.toggle( this, 'active' );
          classie.toggle( menuBottom, 'cbp-spmenu-open' );
          disableOther( 'showTop' );
      };
      function disableOther( button ) {
          if( button !== 'showLeft' ) {
            classie.toggle( showLeft, 'disabled' );
          }
          if( button !== 'showRight' ) {
            classie.toggle( showRight, 'disabled' );
          }
          if( button !== 'showTop' ) {
            classie.toggle( showTop, 'disabled' );
          }
          if( button !== 'showBottom' ) {
            classie.toggle( showBottom, 'disabled' );
          }
          if( button !== 'showLeftPush' ) {
            classie.toggle( showLeftPush, 'disabled' );
          }
          if( button !== 'showRightPush' ) {
            classie.toggle( showRightPush, 'disabled' );
          }
      }
      $('#stopMusic').click(function() { $(this).fadeOut(); $('embed').remove(); });
    </script>
        <div id="lixo">
    <a href="https://www.forumeiros.com" target="_blank">forumeiros.com</a>
    </div>
 
</span>
<style type="text/css">
  button {
    background-color: #FF0000;
  }
 
  button:hover {
    background-color: #FF0000!important;
  }
</style>
<center><a href="https://forumeiros.com"></a></center>
</body></html>

Resolve sua questão?
Chanp King


Última edição por Chanp em 12.07.20 4:13, editado 1 vez(es)
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Problema com o redirecionamento de um botão

Mensagem por Leo_Pereira12 12.07.20 4:12

Isso mesmo, muito obrigado!!!
Leo_Pereira12

Leo_Pereira12
Nível 7

Masculino
Inscrito dia : 03/06/2020
Mensagens : 80
Pontos ativos : 120

https://gameforeverrpg.forumeiros.com/

Atendido / Resolvido Re: Problema com o redirecionamento de um botão

Mensagem por Chanp 12.07.20 4:13

Tópico resolvido


Movido para "Questões resolvidas".
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

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


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