Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Icone e banner para o fórum.
Hoje à(s) 12:04 pm por PrisoN†BreaK

» Personalização De Linhas No Forum Na Barra De Rolamento Da Tela
Hoje à(s) 08:10 am por Daniel Yan

» Sao Botoes Para Meu Rank Personalizados
Hoje à(s) 08:06 am por Daniel Yan

» Modificação na descrição do fórum
Hoje à(s) 04:14 am por HRRPG

» Logo para o Natal ;v
Hoje à(s) 01:53 am por Fou-Lu

» Avatar Sonic
Hoje à(s) 01:48 am por Fou-Lu

» Banner pro meu fórum
Hoje à(s) 01:37 am por Fou-Lu

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Gaaratsu
 
Daniel Yan
 
Ketholy
 
Shek
 
Eduardo Lima
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
216 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 210 Visitantes :: 2 Motores de busca

Henrique Sampaio, iScroll, Ketholy, Luiz, PrisoN†BreaK, WizzardPT

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Dúvida sobre o código postado por luciano 98

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

Resolvido Dúvida sobre o código postado por luciano 98

Mensagem por tonyokoyama em 01/02/15, 06:47 am

Detalhes da dúvida


Versão do fórum : phpBB2
Nível de acesso : Membro
Navegador usado : Mozilla Firefox
Imagem :
Imagem da minha dúvida:

Membros afetados : Vários usuários, uns sim e outros não
Problema começou : Desde que tentei copiar o código
Endereço do fórum : http://ajuda.forumeiros.com/t44427-imagem-flutuante

Descrição do problema

<style>#nomeDiv2{z-index:1;width:200px;height:200px}#nomeDiv2 a{padding:5px;border:1px solid #000;text-decoration:none;background:#000;color:#fff}#nomeDiv2 a:hover{background:#fff;color:#000}</style><div style=position:fixed;bottom:0px;right:0px;z-index:1 id=bidf><a href="/t69-"><img src="http://aux.iconpedia.net/uploads/1302741749974481030.png"></a><br><div id=nomeDiv2><a href="#" onclick="jQuery('#bidf').hide();return false">Fechar</a></div></div>



( ficaria MUITO agradecido se alguém pudesse me passar esse código com um settimeout de uns 2 segundos) Desde já grato.


Última edição por tonyokoyama em 04/02/15, 02:49 am, editado 1 vez(es)
avatar

tonyokoyama
Nível 2

Masculino
Inscrito dia : 01/02/2015
Mensagens : 9
Pontos Ativos : 21

Ver perfil do usuário http://ajuda.forumeiros.com/t44427-imagem-flutuante

Resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por Sennior em 01/02/15, 06:54 am

Saudações,

Luciano98... É das antigas em amigo! Muito feliz
Bem, explique me o que o código faz e o que quer que ele faz, porque o senhor não explicou direito.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por tonyokoyama em 01/02/15, 10:17 am

Olá,então.. Esse código cria uma div que fica no canto da tela acompanhando a barra de rolagem, só que eu gostaria muito que ele fecha se com um atraso,no caso se for colocar a função onmovemouse, ou mesmo onclick.Aproveitando o ensejo,preciso muito de uma pessoa que FAÇA alguns códigos que preciso e estou disposto a pagar pelo serviço.
Grato
avatar

tonyokoyama
Nível 2

Masculino
Inscrito dia : 01/02/2015
Mensagens : 9
Pontos Ativos : 21

Ver perfil do usuário http://ajuda.forumeiros.com/t44427-imagem-flutuante

Resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por EuficoLoko em 02/02/15, 01:50 am

Boa noite!

Então, troque o seu código por esse:
Código:
<style>#nomeDiv2{z-index:1;width:200px;height:200px}#nomeDiv2 a{padding:5px;border:1px solid #000;text-decoration:none;background:#000;color:#fff}#nomeDiv2 a:hover{background:#fff;color:#000}</style><div style=position:fixed;bottom:0px;right:0px;z-index:1 id=bidf><a href="/t69-"><img src="http://aux.iconpedia.net/uploads/1302741749974481030.png"></a><br><div id=nomeDiv2><a href="#" onclick="jQuery('#bidf').hide(2000);return false">Fechar</a></div></div>
Não deu para entender corretamente, a questão de que se trata. Se não for isso, poderia ser mais descritivo?
"Aproveitando o ensejo,preciso muito de uma pessoa que FAÇA alguns códigos que preciso e estou disposto a pagar pelo serviço.
Grato"
Aqui nós ajudamos voluntariamente e não e necessário pagar, se deseja um serviço pago, bem, terá de procurar pela web.

Abraços!
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por tonyokoyama em 04/02/15, 02:01 am

EuficoLoko,Muito Obrigado pela ajuda,mas ainda não é o que eu estava querendo...
Esse código que você passou faz a Div fechar suavemente,gostaria que a Div na hora do clique permanece se por 2 segundos...ainda aberta e fecha se repentinamente
avatar

tonyokoyama
Nível 2

Masculino
Inscrito dia : 01/02/2015
Mensagens : 9
Pontos Ativos : 21

Ver perfil do usuário http://ajuda.forumeiros.com/t44427-imagem-flutuante

Resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por EuficoLoko em 04/02/15, 02:06 am

Olá!

Troque por esse:
Código:
<style>#nomeDiv2{z-index:1;width:200px;height:200px}#nomeDiv2 a{padding:5px;border:1px solid #000;text-decoration:none;background:#000;color:#fff}#nomeDiv2 a:hover{background:#fff;color:#000}</style><div style=position:fixed;bottom:0px;right:0px;z-index:1 id=bidf><a href="/t69-"><img src="http://aux.iconpedia.net/uploads/1302741749974481030.png"></a><br><div id=nomeDiv2><a href="#" onclick="setTimeout(function(){jQuery('#bidf').hide();}, 2000);return false">Fechar</a></div></div>
Agrada-lhe? Alguma alteração na função?

Atenciosamente,
EuficoLoko.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por tonyokoyama em 04/02/15, 02:33 am

PERFEITO!!!!!! era isso mesmo o que eu queria!!!! Você conseguiria fazer isso nesse outro código que eu tenho? se puder agradeço de verdade! Mt obrigado.

<!futuante>
<!-- BEGIN MOVE -->
<style type="text/css">
#topbar{
position:absolute;
border: 0px solid red;
padding: 1px;
background-color: #FFFFFF;
height: 300px;
width: 700px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var window_width = screen.width;
var startX = ((window_width - 1015) / 2) //set x offset of bar in pixels
var startY = 185 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1";
document.getElementById("topbar").style.visibility="hidden";
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar" style="width: 250; height: 250" align="RIGHT"> <a href="" target="_blank"><font color="#808080">.. </font></a><span onmouseover="javascript:window.closebar()"><font face="Verdana"
size="1"><b><font color="#FF0000">Click p fechar</font></b></font></span>
<br />
<!-- OPEN MOVE-->
<img width="700px" height="300px" src="http://noticiasdoesporte.info/wp-content/uploads/2015/01/signbot.gif"/>
</div>
<!-- END MOVE --></!futuante>
avatar

tonyokoyama
Nível 2

Masculino
Inscrito dia : 01/02/2015
Mensagens : 9
Pontos Ativos : 21

Ver perfil do usuário http://ajuda.forumeiros.com/t44427-imagem-flutuante

Resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por EuficoLoko em 04/02/15, 02:41 am

Boa noite!

Segue o código:
Código:
<!futuante>
<!-- BEGIN MOVE -->
<style type="text/css">
#topbar{
position:absolute;
border: 0px solid red;
padding: 1px;
background-color: #FFFFFF;
height: 300px;
width: 700px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var window_width = screen.width;
var startX = ((window_width - 1015) / 2) //set x offset of bar in pixels
var startY = 185 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1";
document.getElementById("topbar").style.visibility="hidden";
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar" style="width: 250; height: 250" align="RIGHT"> <a href="" target="_blank"><font color="#808080">.. </font></a><span onmouseover="setTimeout(function(){javascript:window.closebar()}, 2000);"><font face="Verdana"
size="1"><b><font color="#FF0000">Click p fechar</font></b></font></span>
<br />
<!-- OPEN MOVE-->
<img width="700px" height="300px" src="http://noticiasdoesporte.info/wp-content/uploads/2015/01/signbot.gif"/>
</div>
<!-- END MOVE --></!futuante>
Notei que ele se fecha ao passar o mouse, se quiser ao clicar, troque por esse:
Código:
<!futuante>
<!-- BEGIN MOVE -->
<style type="text/css">
#topbar{
position:absolute;
border: 0px solid red;
padding: 1px;
background-color: #FFFFFF;
height: 300px;
width: 700px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var window_width = screen.width;
var startX = ((window_width - 1015) / 2) //set x offset of bar in pixels
var startY = 185 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1";
document.getElementById("topbar").style.visibility="hidden";
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar" style="width: 250; height: 250" align="RIGHT"> <a href="" target="_blank"><font color="#808080">.. </font></a><span onclick="setTimeout(function(){javascript:window.closebar()}, 2000);"><font face="Verdana"
size="1"><b><font color="#FF0000">Click p fechar</font></b></font></span>
<br />
<!-- OPEN MOVE-->
<img width="700px" height="300px" src="http://noticiasdoesporte.info/wp-content/uploads/2015/01/signbot.gif"/>
</div>
<!-- END MOVE --></!futuante>

Atenciosamente,
EuficoLoko.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610
  • 0

Resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por tonyokoyama em 04/02/15, 02:49 am

Valeu de verdade EuficoLoko.
Este Fórum subiu no meu conceito! Rápido e objetivo!
abraço
avatar

tonyokoyama
Nível 2

Masculino
Inscrito dia : 01/02/2015
Mensagens : 9
Pontos Ativos : 21

Ver perfil do usuário http://ajuda.forumeiros.com/t44427-imagem-flutuante

Resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por EuficoLoko em 04/02/15, 02:50 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum