[Resolvido] como fazer "MsgBox" em php/css

[Krash0 is Alive]

Então galera, queria que quando eu clica-se em um Submit a tela toda fica-se com um cinza fraco e no meio parece-se uma caixa de msg inscrito algo na caixa.

[Guest Dêemezeká]

use esse css (sem elemento nenhum por enquanto)

.mascara{
position:fixed;
background:rgba(0,0,0,0.7);
width:100%;
height:100%;
}

/* customize a box do seu jeito */
.msgbox{
width:300px;
height:200px;
top:calc(50% - 100px);
left:calc(50% - 150px);
background:#fff;
text-align:center;
}

e quando o formulario for enviado é so dar um echo com o html e sua msg:

<?php

echo '<div class="mascara"></div> <div class="msgbox">oi, voce enviou o formulario</div>';

?>

nao testei mas vai funcionar

[Krash0 is Alive]

use esse css (sem elemento nenhum por enquanto)

.mascara{
position:fixed;
background:rgba(0,0,0,0.7);
width:100%;
height:100%;
}

/* customize a box do seu jeito */
.msgbox{
width:300px;
height:200px;
top:calc(50% - 100px);
left:calc(50% - 150px);
background:#fff;
text-align:center;
}

e quando o formulario for enviado é so dar um echo com o html e sua msg:

<?php

echo '<div class="mascara"></div> <div class="msgbox">oi, voce enviou o formulario</div>';

?>

nao testei mas vai funcionar

 

Bugou, apareceu isso no final da tela: http://prntscr.com/8aaowl

[Guest Dêemezeká]

Bugou, apareceu isso no final da tela: http://prntscr.com/8aaowl

coloca assim:

css:

.mascara{
position:fixed;
background:rgba(0,0,0,0.7);
width:100%;
height:100%;
top:0;
left:0;
}

/* customize a box do seu jeito */
.msgbox{
position:absolute;
width:300px;
height:200px;
top:calc(50% - 100px);
left:calc(50% - 150px);
background:#fff;
text-align:center;
}

[Krash0 is Alive]

 

coloca assim:

css:

.mascara{
position:fixed;
background:rgba(0,0,0,0.7);
width:100%;
height:100%;
top:0;
left:0;
}

/* customize a box do seu jeito */
.msgbox{
position:absolute;
width:300px;
height:200px;
top:calc(50% - 100px);
left:calc(50% - 150px);
background:#fff;
text-align:center;
}

 

Agora foi!, se eu quiser adicionar um botão de sair na msg, como posso fzr isso ?

[Guest Dêemezeká]

Agora foi!, se eu quiser adicionar um botão de sair na msg, como posso fzr isso ?

ai ja é com js, e com jquery fica melhor

 

http://jsfiddle.net/DMZK/hLcsbbk4/

 

 

Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.

 

 

Atenciosamente,

Gamer's Board