Jump to content

Caio Guilherme

Members
  • Content count

    1
  • Joined

  • Last visited

Community Reputation

0 Comum

About Caio Guilherme

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Caio Guilherme

    Pop up de descrição do produto

    Galera me ajuda aqui, tenho pouco experiencia em css e html, tenho uma loja virtual de autopeças que aceita codigo fonte como descrição, estou tentando fazer que na parte de descrição tenha um botão, que abra um pop up de rolagem mostrando as aplicaçoes nos veículos, porém quando clico no botão abre o pop up mas o botão não fica escondido embaixo do pop up. Olhem no site: https://mobisautopecas.commercesuite.com.br/loja/produto.php?loja=585589&IdProd=1368&iniSession=1&5b06d7cb6ecaf Quero centralizar o botão, e colocar outro botão dentro do pop up para fechar, como se fosse o X do windows. Aqui está a descriçao, primeiro tem o Css, dps o Javascript e dps o Html: <doctype html=""> <title></title> <meta charset="utf-8" /> <style type="text/css">.popup{ position: absolute; top: 0; bottom: 0; left: 0; right:0; margin: auto; width: auto; height: 180px; padding: 15px; border: solid 1px #4c4d4f; background-color: #a9a9a9; display: none; overflow-y: scroll; } .button{ background: #660000; background: -webkit-linear-gradient(#e06666, #660000 50%, #e06666); background: linear-gradient(#e06666, #660000 50%, #e06666); border-radius: 5px; padding: 9px 26px; color: #ffffff; display: inline-block; } .button-font{ font-family: arial; font-size: 30px; font-color: #fffff; font-weight: bolder; text-align: center; text-decoration: none; } </style> <a class="popup" href="javascript: abrir();"> <script type="text/javascript"> function abrir(){ document.getElementById('popup').style.display = 'block'; } function fechar(){ document.getElementById('popup').style.display = 'none'; } </script> </a> <div class="popup" id="popup"> <p><a class="popup" href="javascript: abrir();">&nbsp;</a></p> <p style="text-align: center;"><strong>Jogo Parafuso Fixa&ccedil;&atilde;o Cabe&ccedil;ote Hr / K2500 / L200 (18 Pecas - ) - 709310</strong></p> <p style="text-align: center;"><strong>Aplica&ccedil;&atilde;o</strong></p> <p style="text-align: center;">Cod: 709310</p> <p style="text-align: center;">Cod Original: 4041248042397</p> <p style="text-align: center;">&nbsp;</p> <p style="text-align: center;"><strong>Hyundai</strong></p> <p style="text-align: center;">Hr</p> <p style="text-align: center;">2.5 8V 4d56</p> <p style="text-align: center;">05/12</p> <p style="text-align: center;"><strong>Kia Motors</strong></p> <p style="text-align: center;">Bongo K2500</p> <p style="text-align: center;">2.5 8V 4d56</p> <p style="text-align: center;">04/12</p> <p style="text-align: center;"><strong>Mitsubishi</strong></p> <p style="text-align: center;">L200 / Pajero</p> <p style="text-align: center;">2.5 8V</p> <p style="text-align: center;"><strong>Garantia</strong></p> <p style="text-align: center;">90 dias</p> <p style="text-align: center;"><strong>Itens Inclusos</strong></p> <p style="text-align: center;">1 Parafuso Fixa&ccedil;&atilde;o Cabe&ccedil;ote Hr / K2500 / L200 (18 Pecas) - 709310</p> <p>&nbsp;</p> <a class=".button" href="javascript: fechar();">Clique aqui para fechar as aplica&ccedil;&otilde;es</a></div> <!--ações para o popup --> <p>&nbsp;</p> <p><a class="button button-font" href="javascript: abrir()">Ver aplicacoes</a></p> </doctype>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.