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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Tópico com fundo igual a categorias
Hoje à(s) 19:41 por Nogueira SSA

» Personalizar footer do fórum
Hoje à(s) 18:09 por JrMAFiA

» Retirar imagem ao lado do titulo do sub-fórum
Hoje à(s) 18:08 por while

» Fonts de letras
Hoje à(s) 16:54 por while

» Deslocar os botões do perfil
Hoje à(s) 16:36 por while

» [PEDIDO] Banner
Hoje à(s) 15:57 por Holkis

» Erro Facebook Conect
Hoje à(s) 14:50 por Shek

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
Sennior
 
GollD
 
Nean
 
juleic1123
 

Quem está conectado
94 usuários online :: 3 usuários cadastrados, 1 Invisível e 90 Visitantes :: 3 Motores de busca

GollD, Nogueira SSA, Sennior

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Caixa de aviso flutuante com cookies

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

Resolvido Caixa de aviso flutuante com cookies

Mensagem por Samuel Dante em Qui 6 Nov 2014 - 0:09

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Problema começou : Recente
Endereço do fórum : http://vampiros-a-mascara.forum-livre.com/forum

Descrição do problema

Código:
<div id="fdf_float" align="center">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#closedfstc").click(function(){
jQuery("#fdf_float").hide();
});
});
</script>
<style type="text/css">
#fdf_float a {
position: fixed;
bottom: 80px;
text-decoration: none;
right: 20px;
z-index: 3000;
}
a#caixflofstc {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
opacity: 0.8;
width: 360px;
height: 120px;
background: #cf3737;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #771b1b;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
}
a#caixflofstc:hover {
opacity: 1;
}
#caixflofstc strong {
font-family: "Trebuchet MS";
display: block;
font-size: 14px;
padding-bottom: 5px;
}
</style>
<a href="#" id="caixflofstc"><span id="closedfstc" style="float: right;">x</span>Conteúdo</a>
</div>


Galera eu tenho esse código. Eu queria utilizar o ajax para executar depois e marcar como lido e verificar antes de mostrar na próxima vez, como eu faria isso? Eu estou tendo algumas dificuldades. Para a mensagem não ficar incomodando constantemente, entendem?

Samuel Dante
Nível 2

Masculino
Inscrito dia : 07/03/2011
Mensagens : 9
Pontos Ativos : 2050

http://vampiredarkages.livre-forum.com/forum

Resolvido Re: Caixa de aviso flutuante com cookies

Mensagem por Shek em Sex 7 Nov 2014 - 17:59

Boa tarde!

Eu não compreendi bem sua questão. Você quer um script que marca os tópicos como lidos para não incomodar os membros, é isso?


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14665
Pontos Ativos : 21695

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Caixa de aviso flutuante com cookies

Mensagem por Samuel Dante em Sex 7 Nov 2014 - 18:54

http://ajuda.forumeiros.com/t94640-tutorial-caixa-de-aviso-flutuante

temos essa caixa de aviso flutuante, eu tentei modificar o codigo, porem não é meu forte, com o objetivo de usar cookies para que os membros possam marcar o aviso como lido e não virar um pop-up constante

Samuel Dante
Nível 2

Masculino
Inscrito dia : 07/03/2011
Mensagens : 9
Pontos Ativos : 2050

http://vampiredarkages.livre-forum.com/forum

Resolvido Re: Caixa de aviso flutuante com cookies

Mensagem por Shek em Dom 9 Nov 2014 - 10:50

Bom dia!

Troque seu código por:
Código:
<!--    INICIO DA POP-UP SHEK  http://ajuda.forumeiros.com/t96138-  --><style>#topbar{
position:absolute;
line-height: 16px;
text-align: left;
right: 10px;
opacity: 0.8;
background: #cf3737;
color: #fff;
cursor: pointer;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #771b1b;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
margin: 100px 0px 0px 200px;
font-size:12px;
width: 400px;
visibility: hidden;
z-index: 400;}

#topbar:hover{
opacity: 100;
}

.closet-shek a {
color: #FFF !important;
}
</style>
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 5
var verticalpos="fromtop"
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><br />
<!--    Java PopUp Final    -->
<!--    conteudo PopUp Inicio    -->
<div id="topbar">
      
   <p class="closet-shek" align="right">
        <a href="" onclick="closebar(); return false">X</a> 
   </p>
      
   <p align="center">
        CONTEÚDO DA POP 
   </p>
</div>
<!--    FIM DA POP-UP SHEK  http://ajuda.forumeiros.com/t96138-  -->
Atenciosamente,
Shek


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14665
Pontos Ativos : 21695

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Caixa de aviso flutuante com cookies

Mensagem por Samuel Dante em Seg 10 Nov 2014 - 5:37

Muito obrigado, poderia apenas para finalizar citar a parte que mostra o alocamento da posição do pop-up para que eu coloque na lateral direta inferior da tela? E caso eu desejasse escrever outra mensagem quanto tempo seria excluído dos cookies para a nova mensagem aparecer?

Samuel Dante
Nível 2

Masculino
Inscrito dia : 07/03/2011
Mensagens : 9
Pontos Ativos : 2050

http://vampiredarkages.livre-forum.com/forum

Resolvido Re: Caixa de aviso flutuante com cookies

Mensagem por Shek em Seg 10 Nov 2014 - 6:21

Bom dia!

Troque o código por este:
Código:
   
<!--      INICIO DA POP-UP SHEK  http://ajuda.forumeiros.com/t96138-    --><style>#topbar {
    top: 75% !important; /* MUDAR O VALOR PRA DEFINIR A POSIÇÃO DA CAIXA PARA CIMA OU PARA BAIXO */
    left: 53% !important; /* MUDAR O VALOR PRA DEFINIR A POSIÇÃO DA CAIXA ESQUERDA OU DIREITA */
    position: absolute;
    line-height: 16px;
    text-align: left;
    opacity: 0.8;
    background: none repeat scroll 0% 0% #CF3737;
    color: #FFF;
    cursor: pointer;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    padding: 10px;
    text-decoration: none;
    font-family: Tahoma;
    border: 1px solid #771B1B;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px #F66C6C inset;
    border-radius: 3px;
    margin: 100px 0px 0px 200px;
    font-size: 12px;
    width: 400px;
    visibility: hidden;
    z-index: 400;
}

    #topbar:hover{
    opacity: 100;
    }

    .closet-shek a {
    color: #FFF !important;
    }
    </style>    <script type="text/javascript">
    var persistclose=1
    var startX = 20
    var startY = 5
    var verticalpos="fromtop"
    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><br />   
<!--      Java PopUp Final      -->   
<!--      conteudo PopUp Inicio      -->   
<div id="topbar">
                    
   <p class="closet-shek" align="right">
                  <a href="" onclick="closebar(); return false">X</a>       
   </p>
                    
   <p>
                  CONTEÚDO DA POP         
   </p>
      
</div>
   
<!--      FIM DA POP-UP SHEK  http://ajuda.forumeiros.com/t96138-    -->
Eu deixei especificado nas primeiras linhas do CSS o local que deverá mudar:
Código:
    top: 75% !important; /* MUDAR O VALOR PRA DEFINIR A POSIÇÃO DA CAIXA PARA CIMA OU PARA BAIXO */
    left: 53% !important; /* MUDAR O VALOR PRA DEFINIR A POSIÇÃO DA CAIXA ESQUERDA OU DIREITA */
Até!


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14665
Pontos Ativos : 21695

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Caixa de aviso flutuante com cookies

Mensagem por Shek em Sex 21 Nov 2014 - 13:18

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para Questões resolvidas.


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14665
Pontos Ativos : 21695

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5