Până acum, paginile noastre web par destul de plictisitoare. Ei folosesc fontul standard Times Roman, iar dimensiunea fontului titlurilor este de două ori mărimea fontului textului principal.
Legăturile sunt evidențiate în albastru, iar legăturile pe care ați făcut deja clic pe acestea sunt violete. Fundal - alb. Aici pentru a ne ajuta vine o altă componentă a fișierului index.php - titlul. În antet se poate conecta la site un fișier care conține o foaie de stil cascadă.
Ideea foilor de stil este preluată din lumea tipăririi hârtiei, unde foile de stil sunt folosite pentru a descrie stilurile de text și elementele de design ale paginilor și pentru a ajuta la menținerea uniformității publicațiilor. De exemplu, ghidul de New York Times stilul de ziar descrie cerințele adăuga întotdeauna apel (de exemplu, d-ra, dr, sau președinte) înainte de numele persoanei, și de mai mulți ani a fost interzis să folosească Dna recurs
Foaia de stil din HTML nu va urmări gramatica și ortografia paginilor dvs., dar vă permite să gestionați fonturi, culori, lățimi de linie și alte elemente ale designului site-ului. Pentru a adăuga o foaie de stil unui șablon, trebuie să creați un link către acesta între etichete
și . Putem crea o foaie de stil numită template.css, plasăm-o în dosarul es din șablonul nostru și apoi adăugăm-o în fișierul index.php. În mod tradițional, pentru a adăuga CSS pe o pagină Web, utilizați următorul cod:Pentru ca această linie să funcționeze, trebuie să definim variabila $ doc și, pentru aceasta, trebuie să folosim și PHP, nu HTML. În șablon, comandați browserului să utilizeze PHP, înconjură codul PHP cu următoarele etichete: . Pentru a defini $ doc, trebuie să adăugăm și câteva linii de cod PHP. Cel mai adesea, acest cod este inserat la începutul fișierului index.php sub forma unui bloc de cod PHP care precede toate celelalte conținuturi ale fișierului:
În șabloanele complexe, acest bloc conține adesea o cantitate foarte mare de cod PHP. Prima linie limitează executarea codului numai la șablonul dvs. și în cadrul Joomla. Aceasta este o măsură de precauție bună, care are o semnificație specială, deoarece modelul devine mai mare și mai puternic.
Multe template-uri includ mai multe foi de stil, inclusiv o masă pentru imprimare, tabele print.css, speciale pentru anumite browsere și un tabel special pentru a ține cont de specificul RTL limbajului. Nu ne vom ocupa de aceste detalii, însă puteți studia fișierele eșantion din șablonul Beez3.
În Joomla! 3, în fișierul media / jui / css / bootstrap.css, veți găsi tot ce aveți nevoie pentru a crea cel mai simplu fișier template.css. Copiați întregul conținut al acestui fișier în fișierul dvs. template.css. Acum, pe pagina dvs. vor apărea câteva stiluri.
Dacă site-ul dvs. utilizează o limbă scrisă din dreapta în stânga, ar trebui să adăugați această linie:
În cele din urmă, trebuie să copiați fișierele img și fonturi din folderul media / jui în șablonul dvs., astfel încât acestea să fie la același nivel de dosar cu dosarul cu foi de stil CSS.