Código para relogio

Qual é minha questão:
Ola, observem o relógio deste fórum: http://narutosupremext1.forumeiros.com/forum
mostra as horas e quando passamos o mouse por cima aparace informações sobre as regiões, suas estações e seus climas.
gostaria de por o mesmo no meu fórum, como devo proceder?

Endereço do meu fórum:
http://rpgadventure.umforum.net

Versão do fórum:
PHPBB2

Olá,

tente este:

Código:

<script>function selectCode(a)
{
// Get ID of code block
var e=a.parentNode.parentNode.getElementsByTagName('CODE')[0];

// Not IE
if(window.getSelection){
var s=window.getSelection();

// Safari
if(s.setBaseAndExtent){s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);}

// Firefox and Opera
else{
// workaround for bug # 42885
if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>'){e.innerHTML=e.innerHTML + ' ';}var r=document.createRange();r.selectNodeContents(e);s.removeAllRanges();s.addRange(r);}}

// Some older browsers
else if (document.getSelection)
{
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}

// IE
else if(document.selection){var r=document.body.createTextRange();r.moveToElementText(e);r.select();}};
jQuery(document).ready(function(){jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Código: <a href="#" onclick="selectCode(this);return false">                                                                          Selecionar Tudo</a>')});

jQuery(document).ready(function(){jQuery('a[href="/post?f=15&mode=newtopic"]').attr('href','/h1-');});</script>
<script>jQuery(document).ready(function(){var i=jQuery('input[name="tid"]').val(), topico=jQuery('input[name="t"]:eq(0)').val(),forum=jQuery('input[name="f"]:eq(0)').val();jQuery('#pun-qpost').after('<form method="post" action="/" id="mover"><fieldset class="frm-set"><dl><dt><label>Mover para o fórum</label></dt><dd><select name="new_forum"><option value="-1">|</option><option txt="yes" value="c1">|--Início</option><option txt="yes" value="f1">|  |--Apresentações</option><option txt="yes" value="f3">|  |--Área para Discusões</option><option txt="yes" value="f4">|  |--Área Flooder</option><option txt="yes" value="f5">|  |--Parcerias</option><option txt="yes" value="f6">|  |--Sugestões | Reclamações | Dúvidas</option><option txt="yes" value="f7">|  |--Novidades</option><option txt="yes" value="f82">|  |--Notícias</option><option value="-1">|  </option><option txt="yes" value="c3">|--Regras Gerais</option><option txt="yes" value="f77">|  |--Ninja Card</option><option txt="yes" value="f78">|  |--Personagem</option><option txt="yes" value="f79">|  |--Batalha</option><option txt="yes" value="f80">|  |--Jutsus</option><option txt="yes" value="f81">|  |--Conduta | Outros</option><option value="-1">|  </option><option txt="yes" value="c4">|--Área Ninja</option><option txt="yes" value="f13">|  |--Treino para Melhorias</option><option txt="yes" value="f14">|  |  |--Treino para Dominação de Biju</option><option value="-1">|  |  </option><option txt="yes" value="f12">|  |--Área de Aprendizagem</option><option txt="yes" value="f16">|  |--Organizações</option><option txt="yes" value="f17">|  |--Clãs</option><option txt="yes" value="f18">|  |--Criações de Jutsus</option><option txt="yes" value="f19">|      |--Jutsu para Personagem</option><option txt="yes" value="f20">|      |--Jutsu para Animal Lendário</option><option txt="yes" value="f21">|      |--Jutsus para Biju</option><option txt="yes" value="f22">|      |--Jutsus para Marionete Humana/Corpos</option><option value="-1">|  </option><option txt="yes" value="c11">|--Ficha de Personagens</option><option txt="yes" value="f23">|  |--Fichas Prontas</option><option txt="yes" value="f25">|  |--Inscrições de Ficha</option><option txt="yes" value="f26">|  |--Fichas Aprovadas</option><option value="-1">|  </option><option txt="yes" value="c10">|--Área de Compra | Bancos</option><option txt="yes" value="f15">|  |--Armas Especiais | Animais Lendários</option><option txt="yes" value="f85">|  |  |--Organização de Animais Lendários</option><option txt="yes" value="f86">|  |  |--Organização de Armas Especiais</option><option value="-1">|  |  </option><option txt="yes" value="f54">|  |--Bijus</option><option txt="yes" value="f84">|  |  |--Organização de Bijus</option><option value="-1">|  |  </option><option txt="yes" value="f83">|  |--Bancos</option><option value="-1">|  </option><option txt="yes" value="c9">|--Mudanças Ninjas</option><option txt="yes" value="f24">|  |--Nome</option><option txt="yes" value="f31">|  |--Personagem</option><option txt="yes" value="f32">|  |--Ninja Card / Ficha Ninja</option><option txt="yes" value="f33">|  |--Graduação</option><option txt="yes" value="f34">|  |--Status</option><option txt="yes" value="f35">|  |--Cemitério Ninja</option><option value="-1">|  </option><option txt="yes" value="c2">|--Konohagakure</option><option txt="yes" value="f36">|  |--Invasões</option><option txt="yes" value="f37">|  |--Portão de Konoha</option><option txt="yes" value="f38">|  |--Quartel General de Konoha</option><option txt="yes" value="f39">|  |--Gabinete do Hokage</option><option txt="yes" value="f40">|  |--Academia de Konoha</option><option txt="yes" value="f41">|  |--Campo de Teste de Konoha</option><option txt="yes" value="f42">|  |--Centro de Konoha</option><option txt="yes" value="f48">|  |--Missões de Konoha</option><option value="-1">|  </option><option txt="yes" value="c5">|--Sunagakure</option><option txt="yes" value="f43">|  |--Invasões</option><option txt="yes" value="f44">|  |--Portão de Suna</option><option txt="yes" value="f45">|  |--Quartel General de Suna</option><option txt="yes" value="f46">|  |--Gabinete do Kazekage</option><option txt="yes" value="f47">|  |--Academia de Suna</option><option txt="yes" value="f49">|  |--Campo de Teste de Suna</option><option txt="yes" value="f50">|  |--Missões de Suna</option><option txt="yes" value="f51">|  |--Centra de Suna</option><option value="-1">|  </option><option txt="yes" value="c7">|--Kirigakure</option><option txt="yes" value="f52">|  |--Invasões</option><option txt="yes" value="f53">|  |--Portão de Kiri</option><option txt="yes" value="f55">|  |--Quartel General de Kiri</option><option txt="yes" value="f56">|  |--Gabinete do Mizukage</option><option txt="yes" value="f57">|  |--Academia de Kiri</option><option txt="yes" value="f58">|  |--Campo de Teste de Kiri</option><option txt="yes" value="f59">|  |--Missões de Kiri</option><option txt="yes" value="f60">|  |--Centro de Kiri</option><option value="-1">|  </option><option txt="yes" value="c6">|--Iwagakure</option><option txt="yes" value="f61">|  |--Invasões</option><option txt="yes" value="f62">|  |--Portão de Iwa</option><option txt="yes" value="f63">|  |--Quartel General de Iwa</option><option txt="yes" value="f64">|  |--Gabinete do Tsuchikage</option><option txt="yes" value="f65">|  |--Academia de Iwa</option><option txt="yes" value="f66">|  |--Campo de Teste de Iwa</option><option txt="yes" value="f67">|  |--Missões de Iwa</option><option txt="yes" value="f68">|  |--Centro de Iwa</option><option value="-1">|  </option><option txt="yes" value="c8">|--Kumogakure</option><option txt="yes" value="f69">|  |--Invasões</option><option txt="yes" value="f70">|  |--Portão de Kumo</option><option txt="yes" value="f71">|  |--Quartel General de Kumo</option><option txt="yes" value="f72">|  |--Gabinete do Raikage</option><option txt="yes" value="f73">|  |--Academia de Kumo</option><option txt="yes" value="f74">|  |--Campo de Teste de Kumo</option><option txt="yes" value="f75">|  |--Missões de Kumo</option><option txt="yes" value="f76">|  |--Centro de Kumo</option><option value="-1">|  </option><option txt="yes" value="c13">|--Akatsuki</option><option txt="yes" value="f10">|  |--Invasões</option><option txt="yes" value="f11">|  |--Entrada do Esconderijo</option><option txt="yes" value="f27">|  |--Esconderijo do Líder</option><option txt="yes" value="f28">|  |--Estátua de Selamentos</option><option txt="yes" value="f29">|  |--Laboratório</option><option txt="yes" value="f30">|  |--Campo de Treino</option><option value="-1">|  </option><option txt="yes" value="c12">|--Outros Locais</option><option txt="yes" value="f8">|  |--Viajando entre Vilas</option><option txt="yes" value="f9">|  |--Missões</option><option txt="yes" value="f89">|  |--Esconderijo Sennin</option><option txt="yes" value="f90">|  |--Esconderijo Nukkenin</option><option value="-1">|  </option><option txt="yes" value="c14">|--Eventos Especiais</option><option txt="yes" value="f87">|  |--Torneio Superior a Kage</option><option txt="yes" value="f88">|      |--Torneio Superior a Kage</option><option value="-1">|  </option><option txt="yes" value="f2">|--Lixeira</option></select><input type="submit" name="confirm" value="Mover"></dd></dl><dl><dt> </dt><dd><label><input name="move_leave_shadow" type="checkbox">Deixar um Tópico Fantasma no fórum anterior.</label></dd></dl><input type="hidden" name="tid" value="ee205111c9ed186011402df6bace8dce"><input type="hidden" name="mode" value="move"><input type="hidden" name="f" value="6"><input type="hidden" name="t" value="138"></fieldset></form>');jQuery('form#mover').attr('action','/modcp?tid='+i+''); jQuery('form#mover input[name="t"]').val(topico);jQuery('form#mover input[name="f"]').val(forum);});</script>
<script>jQuery(document).ready(function(){jQuery('body').attr('onload','startTime()')});
function startTime(){var today=new Date();var h=today.getHours();var m=today.getMinutes();var s=today.getSeconds();m=checkTime(m);s=checkTime(s);document.getElementById('txt').innerHTML=h+":"+m+":"+s;t=setTimeout(function(){startTime()},500)}
function checkTime(i){if(i<10){i="0"+i}return i}
jQuery(document).ready(function(){jQuery('#txt').hover(function(){jQuery('#climas').fadeToggle();});});</script><div  id="climas">
<span style="color:#69D63A;">Texto que aparece quando o mouse fica em cima</span><br>

</div><div id="txt">Carregando...</div>
<style>#txt {background-color: #333;color: white;padding: 20px;border-radius: 40px 40px 10px 10px;text-align: center;font-size: 22px;font-family: Arial;text-shadow: 0px 0px 10px black;position: fixed;float: right;overflow: visible;z-index: 1000;bottom: 3px;right: 37px;cursor:pointer;}
#climas {display:none;
background-color: #333;
color: white;
padding: 20px;
border-radius: 40px 40px 10px 10px;
text-align: center;
font-family: Arial;
text-shadow: 0px 0px 10px black;
position: fixed;
float: right;
overflow: visible;
z-index: 1000;
bottom: 60px;
right: 37px;
width: 90px;
}

/* Default settings for the button */
.google-button {
display: inline-block;
min-width: 54px;
text-align: center;
color: #555  ;
font-size: 11px;
font-weight: bold;
height: 27px;
padding: 0 8px;
line-height: 27px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
border: 1px solid gainsboro  ;
border: 1px solid rgba(0, 0, 0, 0.1)  ;
background-color: whiteSmoke  ;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5  ),to(#f1f1f1  ));
background-image: -webkit-linear-gradient(top,#f5f5f5  ,#f1f1f1  );
background-image: -moz-linear-gradient(top,#f5f5f5  ,#f1f1f1  );
background-image: -ms-linear-gradient(top,#f5f5f5  ,#f1f1f1  );
background-image: -o-linear-gradient(top,#f5f5f5  ,#f1f1f1  );
background-image: linear-gradient(top,#f5f5f5  ,#f1f1f1  );
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: default;
position:fixed;
left:40px;
bottom:10px;
}

.google-button:hover {
border: 1px solid #C6C6C6  ;
color: #333  ;
-webkit-transition: all 0.0s;
-moz-transition: all 0.0s;
-ms-transition: all 0.0s;
-o-transition: all 0.0s;
transition: all 0.0s;
background-color: #F8F8F8  ;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8  ),to(#f1f1f1  ));
background-image: -webkit-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
background-image: -moz-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
background-image: -ms-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
background-image: -o-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
background-image: linear-gradient(top,#f8f8f8  ,#f1f1f1  );
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
}

.google-button:active {
background-color: #F6F6F6  ;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6  ),to(#f1f1f1  ));
background-image: -webkit-linear-gradient(top,#f6f6f6  ,#f1f1f1  );
background-image: -moz-linear-gradient(top,#f6f6f6  ,#f1f1f1  );
background-image: -ms-linear-gradient(top,#f6f6f6  ,#f1f1f1  );
background-image: -o-linear-gradient(top,#f6f6f6  ,#f1f1f1  );
background-image: linear-gradient(top,#f6f6f6  ,#f1f1f1  );
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)  ;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)  ;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)  ;
}</style>

Adicione-o em: Painel de Controle Módulos Portal & Widgets Gestão dos Widgets do fórum Criar um Widget personalizado Coloque desta maneira nas opções:

- Nome do Widget: Nome que deseja, por exemplo: relogio
- Utilizar um Table Type: Não
- Título do Widget: Coloque se quiser, não irá afeta em nada
- Fonte do Widget: Código que citei acima!

E clique em Salvar

Procure por esta linha:

Spoiler:

E onde está Texto que aparece quando o mouse fica em cima edite para o texto que vai aparecer quando o mouse ficar em cima!

valeu deu certo

De nada =D