Pop Up Transparente

Ceh · Janeiro 3, 2004

Pessoal, eu quero colocar um pop up "transparente" como tinha no scriptbrasil.

Se alguém souber fazer...

Valeu!

John Doe · Janeiro 3, 2004

cara, eu mesmo já postei sobre isso uma vez. Não se trata de um popup, e sim de um div personalizado. Vou procurar isso agora. Pera uns minutos

Ceh · Fevereiro 10, 2004

Comoeu faço p/ um pop up ficar "transparente"? como tem no site do SB.

Black Dragon · Fevereiro 10, 2004

Comoeu faço p/ um pop up ficar "transparente"? como tem no site do SB.

uhahuauhauhuha

bem, toda vez que eu quero fazer algo transparente, ao invés de ficar usando DIVS complicadas, eu uso o FLASH!

jissa · Fevereiro 10, 2004

Tenta isto ai Ceh.. Minha resposta do dia.. só porque é para voce

<tr>

</tr>

</tr>

<tr>

<br><font face="Verdana" style="font-size:11px" color="#FF6600" size="2"><b><br>Texto Aqui....</b><font></p>

</td>

</tr>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</div>

Ceh · Fevereiro 10, 2004

Eita virei importante... hehehehe

Valeu Jissa...

diraol · Fevereiro 10, 2004

Ceh.... mais um código (agora com transparência)..............

<html>
<head>
<title> Janela Transparente </title>
</head>
<style type="text/css">
.transparent {
filter:alpha(opacity=90);
background-color:yellow;
display:none;
width:170;
height:100;
position:absolute;
color: blue;
border: 1px solid green;
}
</style>
<body>
<div id='janela' class='transparent'>
Coloque seu conteúdo aqui.....<br><br><br>
</div>
</body>
</html>

ps.: poxa.... e como virou importante... pro jissa vir postar aki... vixi...hehehehe =p

Ceh · Fevereiro 10, 2004

Num tah funcionando não....

diraol · Fevereiro 10, 2004

pronto, arrumei... =p

<html>
<head>
<title>Janela Transparente</title>
<style type="text/css">
.transparente {
filter:alpha(opacity=20);
visibility:visible;
width:180;
height:261;
color: #FFFFFF;
border: 0px;
text-align : center;
}
</style>
</head>
<body bgcolor="#cccccc" text="#000000">
<div id="Popup" class="transparente">
<div style="background-color: green"><b>O TITULO Vai Aqui</b><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
</div>
</body>
</html>

Ceh · Fevereiro 10, 2004

Mas nun ficou uma pop up, ficou como se fosse um plano de fundo. . . quando eu coloco um texto "abaixo da pop up", ele "empurra" a pop up p/ baixo.

De qlqr forma valeu pela ajuda.

John Doe · Fevereiro 10, 2004

É só você acrescentar no popup uma posição (top, left) e um position: absolute, exemplo:

<html>
<head>
<title>Janela Transparente</title>
<style type="text/css">
.transparente {
position: absolute;
top: 200;
left: 200;
filter:alpha(opacity=20);
visibility:visible;
width:180;
height:261;
color: #FFFFFF;
border: 0px;
text-align : center;
}
</style>
</head>

<body bgcolor="#cccccc" text="#000000">
<div id="Popup" class="transparente">
<div style="background-color: green"><b>O TITULO Vai Aqui</b><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
</div>
</body>
</html>

Tenta isso

diraol · Fevereiro 10, 2004

pronto, agora sim.......... isso tava virando questão de honra já...hehehe

<html>
<head>
<script>
var checkZIndex = true;
var dragobject = null;
var tx;
var ty;
var ie5 = document.all != null && document.getElementsByTagName != null;
function getReal(el) {
temp = el;
while ((temp != null) && (temp.tagName != "BODY")) {
if ((temp.className == "moveme") || (temp.className == "handle")){
el = temp;
return el;
}
temp = temp.parentElement;
}
return el;
}
function moveme_onmousedown() {
el = getReal(window.event.srcElement)
if (el.className == "moveme" || el.className == "handle") {
if (el.className == "handle") {
tmp = el.getAttribute("handlefor");
if (tmp == null) {
dragobject = null;
return;
}
else
dragobject = eval(tmp);
}
else
dragobject = el;
if (checkZIndex) makeOnTop(dragobject);
ty = window.event.clientY - getTopPos(dragobject);
tx = window.event.clientX - getLeftPos(dragobject);
window.event.returnValue = false;
window.event.cancelBubble = true;
}
else {
dragobject = null;
}
}
function moveme_onmouseup() {
if(dragobject) {
dragobject = null;
}
}
function moveme_onmousemove() {
if (dragobject) {
if (window.event.clientX >= 0 && window.event.clientY >= 0) {
dragobject.style.left = window.event.clientX - tx;
dragobject.style.top = window.event.clientY - ty;
}
window.event.returnValue = false;
window.event.cancelBubble = true;
}
}
function getLeftPos(el) {
if (ie5) {
if (el.currentStyle.left == "auto")
return 0;
else
return parseInt(el.currentStyle.left);
}
else {
return el.style.pixelLeft;
}
}
function getTopPos(el) {
if (ie5) {
if (el.currentStyle.top == "auto")
return 0;
else
return parseInt(el.currentStyle.top);
}
else {
return el.style.pixelTop;
}
}
function makeOnTop(el) {
var daiz;
var max = 0;
var da = document.all;
for (var i=0; i<da.length; i++) {
daiz = da.style.zIndex;
if (daiz != "" && daiz > max)
max = daiz;
}
el.style.zIndex = max + 1;
}
if (document.all) { //This only works in IE4 or better
document.onmousedown = moveme_onmousedown;
document.onmouseup = moveme_onmouseup;
document.onmousemove = moveme_onmousemove;
}
document.write("<style>");
document.write(".moveme {cursor: move;}");
document.write(".handle {cursor: move;}");
document.write("</style>");
</script>
<style>

</style>
</head>
<body>
<div id="testDiv">
<div class="handle" handlefor="testDiv" id="title">QUEM GOSTOU DO PRIMEIRO EXEMPLO</div>
</div>
Repare que as últimas linhas do script estão com fonte marrom.
Na verdade este trecho não faz parte do script e consiste em propriedades de configuração
CSS da janela. Através dela podemos definir cor de fundo (background:#daa520), formato das
bordas (border-style:solid), texto centralizado (text-align:center), tamanho da janela
(height:50px; width:250px), etc
</body>
</html>

Ceh · Fevereiro 10, 2004

pOW, AGORA FOI SUPERAÇÃO TOTAL BOM D+ ESSE QUE TU FEZ merece um prêmio. . .

Valeu mesmo kara. . . eu já tava disistindo... era esse lance mesmo que eu queria. . . BOM D++++++++

Abs.

diraol · Fevereiro 10, 2004

hehehe........

uma hora agente acerta.... ....hehehe

só uma coisa...... eu misturei 2 códigos do Mestre Jissa pra chegar nesse ai...hehehe

Ceh · Fevereiro 10, 2004

Tranquilo, um dia ainda chego lá e faço meus próprios códigos robustos, só tenho 3 meses com programação e acho que já faço muita coisa. . .

De qlqr forma muito OBRIGADO.

Abs.

paulocholla · Fevereiro 24, 2004

diarol, e como eu faço pra for um link que feche essa camada nova??

Dezembro 20, 2006

aí Galera aproveitando o tópico eu criei tudo direitinho e funcionou mas ele fica atras do flash alguém sabe como resolver isso. Abr.

PhoEniXFirE · Junho 14, 2007

aí Galera aproveitando o tópico eu criei tudo direitinho e funcionou mas ele fica atras do flash alguém sabe como resolver isso. Abr.

Usa o seguinte paramento nas linhas do flash...

WMODE=TRANSPARENT

Entrar

Pop Up Transparente

Pergunta

Link para o comentário

Compartilhar em outros sites

17 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Guest Visitante

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns