Sistema de Hora
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Sistema de Hora
Detalhes da questão
Endereço do fórum: http://pxd-nwd.forumeiro.com/
Versão do fórum: PunBB
Descrição
Teria como me passar esse sistema de hora? http://webgraphic.forumeiro.com/forum
que aparece do lado inferior esquerdo... @RafaelS.
Re: Sistema de Hora
Aqui está amigo:
Coloque esse codigo no widget ou na mensagem da homepage com esse codigo:
Coloque esse codigo no widget ou na mensagem da homepage com esse codigo:
- Código:
<div class="main"><div id="pun-announcement"><p> <style>#time {
font-weight: 800;
}
.name {
font-variant: all-small-caps;
color: #F8A500;
}
#close {
float: right;
background: #F8A500;
color: white;
padding: 5px;
margin: -5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
cursor: pointer;
}
div#widgetladoesquerdo {
z-index: 1;
position: fixed;
left: 12px;
background: #FFF none repeat scroll 0% 0%;
padding: 5px;
text-align: center;
border: 1px solid #B6B6B6;
border-radius: 6px;
bottom: 10px;}div#horaupforum {height: 75px;width: 85px;}.displaynoneup{display:none;}div#widgetsubTOP img {margin-top: 10px;width: 35px;margin-left: 24px;}</style><script>jQuery(function(){
var selector_css="div#horaupforum";
var imagen_se_repite=true;
var horario_inicio=new Array();
horario_inicio["mañana"]=6;horario_inicio["tarde"]=12;horario_inicio["noche"]=20;
var imagenes=new Array();
imagenes["mañana"]="http://i.imgur.com/EgsQJjq.jpg";imagenes["tarde"]="http://i.imgur.com/WdnPjNL.jpg";imagenes["noche"]="http://i.imgur.com/GAT86pA.jpg";
var horaActual=(new Date()).getHours();
var imagen="";
if(horaActual>=horario_inicio["mañana"]&&horaActual<horario_inicio["tarde"]){
imagen=imagenes["mañana"]}
else if(horaActual>=horario_inicio["tarde"]&&horaActual<horario_inicio["noche"]){
imagen=imagenes["tarde"]}
else if(horaActual>=horario_inicio["noche"]||horaActual<horario_inicio["mañana"]){
imagen=imagenes["noche"]}
if(imagen_se_repite){
jQuery(selector_css).css("background","url("+imagen+") no-repeat 50% 0")}
else{jQuery(selector_css).css({
"background-image":"url("+imagen+")","background-repeat":"no-repeat","background-size":"cover"}
)}
});
</script> <div id="widgetladoesquerdo">
<span onclick="this.parentNode.parentNode.removeChild(this.parentNode); return false;" id="close">x</span> <span class="name">{USERNAME}</span>
<div id="horaupforum" style="background: url(http://i.imgur.com/WdnPjNL.jpg) 50% 0px no-repeat;">
</div>
<span id="time"></span>
</div>
Re: Sistema de Hora
Olá e boa noite.
O ideal é contactá-lo. Vou citá-lo, e assim ele poderá informá-lo melhor: @IsmaelS.
Consulte essas dicas: Pesquisa do Google
Atenciosamente,
Shek
O ideal é contactá-lo. Vou citá-lo, e assim ele poderá informá-lo melhor: @IsmaelS.
Consulte essas dicas: Pesquisa do Google
Atenciosamente,
Shek
Re: Sistema de Hora
Como já tinha dito no fórum webGRAPHIC o código foi montado pelo @RafaelS. por isso ele é que decide.
Re: Sistema de Hora
Feche aqui, vai que alguém pega o código sem permissão e passa aqui, não tem necessidade, tudo com autorização é melhor, feche. Estou no aguardo do @RafaelS.
Re: Sistema de Hora
Olá!
Aqui tem, pode adicionar em um widget ou na mensagem da página inicial:
Até mais.
Aqui tem, pode adicionar em um widget ou na mensagem da página inicial:
- Código:
<!--
Nome: Relógio Moderno
Autor: RafaelS.
Versão: 1.5
--> <style>#time {
font-weight: 800;
}
#close {
float: right;
background: #F00;
color: white;
padding: 5px;
margin: -5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
cursor: pointer;
}
div#widgetladoesquerdo {
z-index: 1;
position: fixed;
left: 12px;
background: #FFF none repeat scroll 0% 0%;
padding: 5px;
text-align: center;
border: 1px solid #B6B6B6;
border-radius: 6px;
bottom: 10px;}div#horaupforum {height: 75px;width: 85px;}.displaynoneup{display:none;}div#widgetsubTOP img {margin-top: 10px;width: 35px;margin-left: 24px;}</style><script>jQuery(function(){
console.log('Relogio Moderno v1.5 | Autor: RafaelS.');
var selector_css="div#horaupforum";
var imagen_se_repite=true;
var horario_inicio=new Array();
horario_inicio["mañana"]=6;horario_inicio["tarde"]=12;horario_inicio["noche"]=20;
var imagenes=new Array();
imagenes["mañana"]="http://i.imgur.com/EgsQJjq.jpg";imagenes["tarde"]="http://i.imgur.com/WdnPjNL.jpg";imagenes["noche"]="http://i.imgur.com/GAT86pA.jpg";
var horaActual=(new Date()).getHours();
var imagen="";
if(horaActual>=horario_inicio["mañana"]&&horaActual<horario_inicio["tarde"]){
imagen=imagenes["mañana"]}
else if(horaActual>=horario_inicio["tarde"]&&horaActual<horario_inicio["noche"]){
imagen=imagenes["tarde"]}
else if(horaActual>=horario_inicio["noche"]||horaActual<horario_inicio["mañana"]){
imagen=imagenes["noche"]}
if(imagen_se_repite){
jQuery(selector_css).css("background","url("+imagen+") no-repeat 50% 0")}
else{jQuery(selector_css).css({
"background-image":"url("+imagen+")","background-repeat":"no-repeat","background-size":"cover"}
)}
});
function updateClock() {
var now = new Date(), // current date
time = now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds();
jQuery('#time').html(time);
setTimeout(updateClock, 1000);
}
updateClock();
</script>
<div id="widgetladoesquerdo">
<span onclick="this.parentNode.parentNode.removeChild(this.parentNode); return false;" id="close">x</span>
<div id="horaupforum" style="background: url(http://i.imgur.com/WdnPjNL.jpg) 50% 0px no-repeat;">
</div>
<span id="time"></span>
</div>
Até mais.
Re: Sistema de Hora
Grato pela resposta @RafaelS.
Respondi o tópico la na WEB. Pode fechar esse tópico aqui.
Respondi o tópico la na WEB. Pode fechar esse tópico aqui.
Re: Sistema de Hora
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Nova Atualização: sistema anti-flood, multi citação e sistema de reputação!
» Data e hora
» Desaparecer com Hora...
» Data e hora
» Background conforme hora do dia
» Data e hora
» Desaparecer com Hora...
» Data e hora
» Background conforme hora do dia
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos