Data/hora atual: 26.04.24 20:36
2 resultados encontrados para fdf_float
Barra de mensagem Flutuante
Meu fórum: http://brazilflylife.forumeiros.com/- Spoiler:
- <div align="center" id="fdf_float">
<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: 155px;
height: 55px;
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 id="caixflofstc" href="#"><span style="float: right;" id="closedfstc">x</span>Olá, bem vindo ao nosso fórum Brazil Flylife. Se cadastre e tenha acesso ao fórum. Divirta-se</a>
</div>
Por favor gostaria de saber tambem, qual é o código que coloca no nome do widgets que não aparece ele no forum.
- em 06.06.15 15:45
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Barra de mensagem Flutuante
- Respostas: 4
- Vistos: 1332
Duvida ao Widget Flutuante
Saudações!Substitua o teu código por este:
<div id="fdf_float" align="center">
<script type="text/javascript">
$(function(){
var horario = new Date();
var hora = horario.getMinutes();
if ((hora >= 50)){
$('#fdf_float:eq(1)').hide()
};
if ((hora >= 4)){
$('#closedfstc:eq(1)').show()
};
});
</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>
Veja os números "50" e "4" que destaquei em negrito. Aos 4 ele aparecerá, aos 50 desaparecerá. Assim sucessivamente e vice-versa!
Peguei de um outro código, prevejo que funcione! Vale lembra-lo que, ele é controlado por minutos, nos 4 ele aparece e nos 50 desaparece.
Até!
- em 23.02.15 0:45
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Duvida ao Widget Flutuante
- Respostas: 7
- Vistos: 1069