Personalizar página HTML

2 participantes

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

Tópico resolvido Personalizar página HTML

Mensagem por CR7 Oliveira 10.11.18 16:28

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>
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Personalizar página HTML

Mensagem por RafaelS. 10.11.18 17:28

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

RafaelS.
Membro Entusiasta
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: Personalizar página HTML

Mensagem por CR7 Oliveira 10.11.18 17:39

Obrigado deu certo
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar página HTML

Mensagem por RafaelS. 10.11.18 17:40

Tópico resolvido


Movido para "Questões resolvidas".
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

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

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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