Salut, astazi va voi arata un mic tutorial despre adaugarea unui ceas in header pentru versiunea PhpBB3.

Pasul I - Mergem in:

Panou de administrare ~> Module ~> HTML si JavaScript ~> Administrare pagini HTML ~> Creati o noua pagina HTML si adaugati urmatorul cod:


Cod:

<html>
<head>
<title>Ceas html </title>
<script type="text/javascript">
function Ceas()
{
var data_actuala = new Date();
var xore = data_actuala.getHours();
var xminute = data_actuala.getMinutes();
var xsecunde = data_actuala.getSeconds();
document.ceas.ceasmerge.value = xore + ":" + xminute + ":" + xsecunde;
setTimeout('Ceas()',1000);

}

</script>
<style type="text/css">
input {
border: 0;
font-size: 15px;
font-weight: bold;
background: transparent;
float: right;
}
</style>
</head>

<body onload="Ceas();">

<form name="ceas">
<input type="text" size="20" name="ceasmerge" />
</form>
</body>
</html>
[/code]

- Dumneavoastra alegeti titlul paginii;
- Dupa care aveti niste intrebari:Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.? unde bifati NU, iar unde spune ''Utilizati aceasta pagina ca pagina de start?'', bifati tot NU

- Daca doriti personalizarea ceasului sau pozitia acestuia, modificati in pagina HTML urmatorul cod:

Cod:

input {
border: 0;
font-size: 15px;
font-weight: bold;
background: transparent;
float: right;
}


Daca ati rezolvat toate aceste etape, click pe butonul Valideaza.

Pasul II - Mergem in:

Panou de administrare ~> Module ~> HTML si JavaScript ~> Gestiunea codurilor JavaScript ~> Activeaza gestiunea codurilor JavaScript ~> bifati DA, dupacare creati noul fisier JS, si adaugati urmatorul cod:

Cod:

jQuery(document).ready(function() {
jQuery('.headerbar ').append('<iframe src="http://numeforum.forumgratuit.ro/h5-ceas" width="100%" height="30" frameborder="0"scrolling="no">
  <p>Your browser does not support iframes.</p>
</iframe>');
});


Acum, pentru ca ceasul sa functioneze, urmati cu atentie urmatorul pas de mai jos:

Cod:

<iframe src="http://numeforum.forumgratuit.ro/h5-ceas" width="100%" height="30" frameborder="0"scrolling="no">
  <p>Your browser does not support iframes.</p>
</iframe>


- Inlocuiti din cod [Trebuie sa fiti inscris si conectat pentru a vedea acest link] cu numele forumului dvs.
- In loc de h5, inlocuiti cu numarul de pagini HTML
- Acum trebuie sa bifati la zona ''Amplasare'', Toate paginile, si click pe butonul Valideaza.

Tutorial scris de Angelo, specialist NeoTalk.

Numai bine,Smile