HTML, CSS, jQuery..
Picatura ta zilnica de ajutor!
Neotalk este un forum ce se axeaza pe o categorie generala, incercand sa cuprinda cat mai multe arii de activitate. Unele dintre sectiuni se dedica suportului si design-ului, iar altele discutiilor diverse.

Cautare
 
 

Rezultate pe:
 
Rechercher Cautare avansata
Cuvinte-cheie
nebune provocari
Ultimele subiecte
» Ce ne mai jucam?
Mier Iul 03, 2013 9:47 am Scris de Angelo

» Doddy feat. Puya - Klandestin(Dollar Bill)
Vin Iun 21, 2013 9:08 pm Scris de BringTheChill

» Alex Velea - E marfa tare
Joi Iun 20, 2013 11:28 am Scris de <color=#00000>Adi</color>

» Golf-ul
Mier Iun 19, 2013 12:29 pm Scris de BringTheChill

» Adaugarea unui ceas in header(PhpBB3)
Mier Iun 19, 2013 9:32 am Scris de Angelo

» Greseli legate de gramatica limbii romane
Mar Iun 18, 2013 10:33 pm Scris de Angelo

» Red Hot Chili Peppers - Snow
Mar Iun 18, 2013 10:16 pm Scris de Angelo

» Eminem - I think my Dad's gone crazy
Mar Iun 18, 2013 11:48 am Scris de BringTheChill

» Beatles - Come together
Mar Iun 18, 2013 11:46 am Scris de BringTheChill

Iunie 2018
LunMarMierJoiVinSamDum
    123
45678910
11121314151617
18192021222324
252627282930 
CalendarCalendar
Parteneri
forum gratuit



Parteneri
forum gratuit



Top postatori
Gabi
 
BringTheChill
 
<color=#00000>Adi</color>
 
Angelo
 
DrRadulovici
 
razvan
 
Admin
 
StaarK*
 
Dani
 
Alexader
 

Adaugarea unui ceas in header(PhpBB3)
Pentru a putea posta, va rugam sa va creeati un cont de aici.
Daca deja aveti un cont, va putem conecta pe forum de aici.

Posteaza un subiect nou  Raspunde la subiect ::  :: General :: Tips and tricks :: Tutoriale ForumgratuitVezi subiectul anterior Vezi subiectul urmator In jos 

Scris Mier Iun 19, 2013 9:32 am


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


Angelo
avatar
Rank: Analist

Mesaje Mesaje : 56
Inscris pe Inscris pe : 13/06/2013
Varsta : 20
Localizare Localizare : Tropical Island

Vezi profilul utilizatorului

Posteaza un subiect nou  Raspunde la subiect ::  :: General :: Tips and tricks :: Tutoriale ForumgratuitVezi subiectul anterior Vezi subiectul urmator In jos 

Pentru a putea posta, va rugam sa va creeati un cont de aici.
Daca deja aveti un cont, va putem conecta pe forum de aici.
 •  Incercati sa utilizati un limbaj corect gramatical, care sa excluda exprimarile indecente sau inadecvate subiectului.
 •  Daca postati in sectiunile de suport evitati sa publicati un mesaj la un interval mai mic de 24 de ore.
 •  Respectati deciziile membrilor staff si nu continuati sau amplificati o cearta.
 •  Nu uita sa multumesti celor care te ajuta pentru a capata si data viitoare aceeasi cantitate de ajutor.