Personalizar página HTML

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

Atendido / Resolvido Personalizar página HTML

Mensagem por CR7 Oliveira em 10/11/18, 02:28 pm

Detalhes da questão


Endereço do fórum: http://lsr-nwd.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá,

Gostaria de editar uma cor da página, Queria onde está verde quando passa o mouse antes de clicar nas 3 opção/botão, ficasse da cor #3AD1D1

Apenas isso.

Código:
<html lang="pt-br" class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"><!--<![endif]--><head>
    <meta charset="UTF-8">
    <title>Bem Vindo(a)
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Light Speed Racing">
    <meta name="keywords" content="Light Speed Racing">
    <meta name="author" content="EMICI">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="https://www.arpade.com.br/config/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://www.arpade.com.br/config/css/style.css">
    <link rel="stylesheet" type="text/css" href="https://www.arpade.com.br/config/css/idangerous.swiper.min.css">
    <link rel="stylesheet" type="text/css" href="https://www.arpade.com.br/config/css/font-awesome.min.css">
    <link href="http://fonts.googleapis.com/css?family=Raleway:400,300,900" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,300" rel="stylesheet" type="text/css">
    <link rel="icon" type="image/png" sizes="96x96" href="https://i.servimg.com/u/f58/19/60/65/31/hnujvd10.png">
  </head>
<body background="https://www.universoxperience.com/wp-content/uploads/2017/02/downloadfiles-wallpapers-1920_1080-forza_horizon_3_hd_xbox_one_17493.jpg" class="" style="position: relative;">

  <div id="preload" style="display: none;">
      <div id="preload-content">
        <div class="preload-bounce">
            <span class="bounce1">
            </span>
            <span class="bounce2">
            </span>
            <span class="bounce3">
            </span>
        </div>
      </div>
  </div>
  <div id="kenburns-bg" class="kenburnsy fullscreen"><img src="images/bg1.jpg"><img src="images/bg2.jpg"><img src="images/bg3.jpg"></div>
  <div id="canvas" class="bg-overlay" style="background: url("images/pattern-dark.png") repeat rgba(0, 0, 0, 0.3);">
    <canvas id="star-canvas" width="150" height="650"></canvas>
  </div>
  <div class="wrapper" tabindex="5000" style="overflow-y: hidden; outline: none;">
      <header>
        <div class="header-bar">
            <div class="logo">
              <a href="#">
             
              </a>
            </div>
        </div>
        <div class="header-bar header-bottom" style="height: 70px;">
            <div class="clearfix footer-part">
              <center>
                  <p class="copyright uppercase">
                    Light Speed Racing | Hospedado por <a href="https://www.forumeiros.com" target="_blank">forumeiros.com</a>.
                  </p>
              </center>
            </div>
        </div>
      </header>
      <div class="swiper-container" style="height: 650px;">
        <div class="swiper-wrapper" style="width: 150px; height: 650px; transform: translate3d(0px, 0px, 0px); transition-duration: 1.4s;">
          <div class="swiper-slide home swiper-slide-visible swiper-slide-active" style="width: 150px; height: 650px; opacity: 1; transform: rotateY(0deg) translate3d(0px, 0px, 0px); transition-duration: 1400ms;">
              <div class="top-slide slide-content">
                  <div class="intro">
                    <div class="main" style="height: 650px;">
                        <div class="herotext valign clearfix">
                          <div class="top animated fadeInDown" style="opacity: 0;">
                              <h4 class="uppercase">Light Speed Racing ®️️</h4>
                              <div id="rotate"> <img src="">
                              </div>
                              <a class="btn btn-outline-info" href="http://lsr-nwd.forumeiros.com/register"><span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>REGISTRAR-SE</a>
                              <a class="btn btn-outline-info" href="http://lsr-nwd.forumeiros.com/forum"><span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>
                              ENTRAR NO FÓRUM</a>
                              <a class="btn btn-outline-info" href="http://lsr-nwd.forumeiros.com/portal"><span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>ACESSAR PORTAL</a>
                          </div>
                        </div>

                    </div>
                  </div>
              </div>
            </div>>
        </div>
      </div>
  </div>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/jquery.min.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/plugins.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/idangerous.swiper.min.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/jquery.appear.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/star.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/gmap-settings.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/jquery.velocity.min.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/jquery.kenburnsy.min.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/init.js"></script>

<div id="ascrail2000" class="nicescroll-rails" style="width: 10px; z-index: 100; background: transparent; cursor: default; position: absolute; top: 0px; left: 1340px; height: 650px; display: none; opacity: 0.6;"><div style="position: relative; top: 0px; float: right; width: 10px; height: 0px; background-color: rgb(204, 204, 204); border: 0px; background-clip: padding-box; border-radius: 5px;"></div></div></body></html>
avatar

CR7 Oliveira
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 456
Pontos Ativos : 682

Ver perfil do usuário https://ajuda.forumeiros.com/
  • 0

Atendido / Resolvido Re: Personalizar página HTML

Mensagem por RafaelS. em 10/11/18, 03:28 pm

Olá!

Troque o código por este:
Código:
<html lang="pt-br" class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"><!--<![endif]--><head>
    <meta charset="UTF-8">
    <title>Bem Vindo(a)
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Light Speed Racing">
    <meta name="keywords" content="Light Speed Racing">
    <meta name="author" content="EMICI">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="https://www.arpade.com.br/config/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://www.arpade.com.br/config/css/style.css">
    <link rel="stylesheet" type="text/css" href="https://www.arpade.com.br/config/css/idangerous.swiper.min.css">
    <link rel="stylesheet" type="text/css" href="https://www.arpade.com.br/config/css/font-awesome.min.css">
    <link href="http://fonts.googleapis.com/css?family=Raleway:400,300,900" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,300" rel="stylesheet" type="text/css">
    <link rel="icon" type="image/png" sizes="96x96" href="https://i.servimg.com/u/f58/19/60/65/31/hnujvd10.png">
      <style>
        .btn-outline-info:hover {
            background-color: #3AD1D1;
            border-color: #3eb7b7;
        }
      </style>
  </head>
<body background="https://www.universoxperience.com/wp-content/uploads/2017/02/downloadfiles-wallpapers-1920_1080-forza_horizon_3_hd_xbox_one_17493.jpg" class="" style="position: relative;">
 
  <div id="preload" style="display: none;">
      <div id="preload-content">
        <div class="preload-bounce">
            <span class="bounce1">
            </span>
            <span class="bounce2">
            </span>
            <span class="bounce3">
            </span>
        </div>
      </div>
  </div>
  <div id="kenburns-bg" class="kenburnsy fullscreen"><img src="images/bg1.jpg"><img src="images/bg2.jpg"><img src="images/bg3.jpg"></div>
  <div id="canvas" class="bg-overlay" style="background: url("images/pattern-dark.png") repeat rgba(0, 0, 0, 0.3);">
    <canvas id="star-canvas" width="150" height="650"></canvas>
  </div>
  <div class="wrapper" tabindex="5000" style="overflow-y: hidden; outline: none;">
      <header>
        <div class="header-bar">
            <div class="logo">
              <a href="#">
            
              </a>
            </div>
        </div>
        <div class="header-bar header-bottom" style="height: 70px;">
            <div class="clearfix footer-part">
              <center>
                  <p class="copyright uppercase">
                    Light Speed Racing | Hospedado por <a href="https://www.forumeiros.com" target="_blank">forumeiros.com</a>.
                  </p>
              </center>
            </div>
        </div>
      </header>
      <div class="swiper-container" style="height: 650px;">
        <div class="swiper-wrapper" style="width: 150px; height: 650px; transform: translate3d(0px, 0px, 0px); transition-duration: 1.4s;">
          <div class="swiper-slide home swiper-slide-visible swiper-slide-active" style="width: 150px; height: 650px; opacity: 1; transform: rotateY(0deg) translate3d(0px, 0px, 0px); transition-duration: 1400ms;">
              <div class="top-slide slide-content">
                  <div class="intro">
                    <div class="main" style="height: 650px;">
                        <div class="herotext valign clearfix">
                          <div class="top animated fadeInDown" style="opacity: 0;">
                              <h4 class="uppercase">Light Speed Racing ®️️️</h4>
                              <div id="rotate"> <img src="">
                              </div>
                              <a class="btn btn-outline-info" href="http://lsr-nwd.forumeiros.com/register"><span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>REGISTRAR-SE</a>
                              <a class="btn btn-outline-info" href="http://lsr-nwd.forumeiros.com/forum"><span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>
                              ENTRAR NO FÓRUM</a>
                              <a class="btn btn-outline-info" href="http://lsr-nwd.forumeiros.com/portal"><span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>ACESSAR PORTAL</a>
                          </div>
                        </div>
 
                    </div>
                  </div>
              </div>
            </div>>
        </div>
      </div>
  </div>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/jquery.min.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/plugins.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/idangerous.swiper.min.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/jquery.appear.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/star.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/gmap-settings.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/jquery.velocity.min.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/jquery.kenburnsy.min.js"></script>
  <script type="text/javascript" src="https://www.arpade.com.br/config/js/init.js"></script>
 
<div id="ascrail2000" class="nicescroll-rails" style="width: 10px; z-index: 100; background: transparent; cursor: default; position: absolute; top: 0px; left: 1340px; height: 650px; display: none; opacity: 0.6;"><div style="position: relative; top: 0px; float: right; width: 10px; height: 0px; background-color: rgb(204, 204, 204); border: 0px; background-clip: padding-box; border-radius: 5px;"></div></div></body></html>

Até mais. Feliz




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

avatar

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4108
Pontos Ativos : 5119

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

Atendido / Resolvido Re: Personalizar página HTML

Mensagem por CR7 Oliveira em 10/11/18, 03:39 pm

Obrigado deu certo
avatar

CR7 Oliveira
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 456
Pontos Ativos : 682

Ver perfil do usuário https://ajuda.forumeiros.com/

Atendido / Resolvido Re: Personalizar página HTML

Mensagem por RafaelS. em 10/11/18, 03:40 pm

Tópico resolvido


Movido para "Questões resolvidas".




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

avatar

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4108
Pontos Ativos : 5119

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

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


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