Reloginho aparecendo

Detalhes da questão

Endereço do fórum: http://fumetteiros.omeuforum.net
Versão do fórum: PunBB

Descrição

Olá, boa tarde. Tenho uma dúvida. Recentemente visitei o fórum do nosso amigo holkis, e apareceu um reloginho na parte de baixo do fórum, com o nome do membro, e um pequeno sol. Como faço pra colocar essa ferramenta no meu fórum. Obrigado pela atenção.

http://www.holkis.net

Olá amigo , isto é relativamente simples, crie um novo widget com esse código sem o uso de table-type:

Código:

 
<p>
                       <style>#time {
    font-weight: 800;
}
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>         
</p>
                 
<div id="widgetladoesquerdo">
                                                                                                          
   <div style="background: url(http://i.imgur.com/WdnPjNL.jpg) 50% 0px no-repeat;" id="horaupforum">
                                                                                                                 
   </div>
                             <span id="time"></span>                                                                                                                       
</div>
                   

Aparece o "boa tarde", mas não o nome do usuário, nem as horas.

Troque o código do widget por este:

Código:

 
<p>
                       <style>#time {
    font-weight: 800;
}
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>         
</p>
                 
<div id="widgetladoesquerdo">
                           {USERNAME}                                                                                 
   <div id="horaupforum" style="background: url(http://i.imgur.com/WdnPjNL.jpg) 50% 0px no-repeat;">
                                                                                                                   
   </div>
                               <span id="time"></span>                                                                                                                       
</div>
                   

E crie um novo javascript com esse código (investimento em todas as paginas):

Código:

function updateClock(){var now=new Date(),time=now.getHours()+':'+now.getMinutes()+':'+now.getSeconds();$('#time').html(time);setTimeout(updateClock,1000)}updateClock();

Deu certo, mas faltou aquele x na ponta, pra excluir, se eu quiser.

Up

Up

Up

Olá, perdão amigo, troque o widget por este:

Código:

      <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>

Apareceu o x de excluir, mas desapareceu o nome do usuário, que ficava acima do desenho do Sol.

Troque por este:

Código:

      <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">
                                                {USERNAME}
<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>

Finalmente deu certo. Valeu While, muito obrigado. Pode fechar o tópico.