Vinicius Campolina Postado Fevereiro 19, 2020 Denunciar Share Postado Fevereiro 19, 2020 Estou precisando criar um popup na abertura de um site em php , nesse popup só vai aparecer uma imagem de background . Estou usando o seguinte código: <head> <title> Gbct - Pop-ups</title> <meta charset="utf-8"> <style> .popup{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin : auto; width: 300px; height: 180px; padding: 15px; border: solid 1px #4c4d4f; background: #ffff; } </style> </head> // chame o popup no body e inclua a imagem <body> <div id="popup" class="popup"> <p> inclua a imagem de fundo </p> </div> </body> Esse cria o popup na abertura do site , porém não aparece o botão de fechar. Preciso colar um botão para fechar essa janela de popup. Alguém para me dar me ajudar? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Leonardo Persan Postado Fevereiro 21, 2020 Denunciar Share Postado Fevereiro 21, 2020 Você está estudando ou só quer usar? Se só quiser usar, faz com bootstraphttps://getbootstrap.com/docs/4.0/components/modal/#live-demo Se estiver estudando precisa usar Javascript, começa com esse tutorial:https://www.w3schools.com/jsref/dom_obj_dialog.asp Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Frank K Hosaka Postado Junho 5 Denunciar Share Postado Junho 5 Aqui em 2024, o CSS é bem complicado, mesmo com a ajuda da Gemini. O meu conselho é desistir de vez do CSS e usar a função alert( ), prompt( ) e confirm( ) do JavaScript. <style> .container { background-color:lightgray; width:25%; height:25%; margin:auto; margin-top:200px; } .input { position:relative; left:290px; } .spam { position:relative; top:50%; left:25%; } </style> <div id=popup class=container> <input type=submit value=X class=input onclick="popup.style.display='none'"> <spam class=spam>Olá mundo!</spam> </div> Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Vinicius Campolina
Estou precisando criar um popup na abertura de um site em php , nesse popup só vai aparecer uma imagem de background .
Estou usando o seguinte código:
<head>
<title> Gbct - Pop-ups</title>
<meta charset="utf-8">
<style>
.popup{
position: fixed;
top: 0; bottom: 0;
left: 0; right: 0;
margin : auto;
width: 300px;
height: 180px;
padding: 15px;
border: solid 1px #4c4d4f;
background: #ffff;
}
</style>
</head>
// chame o popup no body e inclua a imagem
<body>
<div id="popup" class="popup">
<p> inclua a imagem de fundo </p>
</div>
</body>
Esse cria o popup na abertura do site , porém não aparece o botão de fechar.
Preciso colar um botão para fechar essa janela de popup.
Alguém para me dar me ajudar?
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.