Comutatorul de proiectare cu php

În această lecție vom crea un comutator simplu de proiectare a șabloanelor folosind variabilele PHP și CSS.

Din fericire, există o cale de ieșire din această situație. În aceasta vom fi ajutați de variabilele PHP care vor schimba câteva linii în foaia de stil și, prin urmare, vom schimba designul.







Mai întâi de toate, trebuie să creați un fișier PHP pentru conținutul paginii noastre. Vom face acest lucru extrem de simplu, dar puteți dezvolta scheme complexe de aplicare. Rețineți că foaia de stil are extensii .php și este localizată în dosarul CSS.

Am creat un conținut cu o mică navigație, care ne va permite să schimbăm șablonul (în cazul nostru, se va schimba capacul).

Vom folosi șirul de interogări pentru a modifica tema actuală a skin-urilor trecând valoarea de nume în același fișier PHP. De asemenea, avem nevoie de script pentru a ne aminti ce design folosim în prezent și a rămas pe întregul site.

Inserați următorul cod înainte de a specifica doctype:

Deci, iată ce face acest cod. Deoarece utilizăm sesiunile, trebuie să începem mai întâi sesiunea. Apoi, verificăm dacă șirul de interogare conține valoarea variabilei șablonului. Dacă nu, atunci vom da variabilei sesiunii o valoare șablon. Apoi, vom crea o variabilă locală cu un șir pe care îl adăugăm la locația fișierului CSS. Aceasta ne va permite să transferăm numele șablonului pe care dorim să îl folosim în fișierul PHP, să creăm stiluri CSS.

Acum putem crea un switch template. Utilizăm numerele 1-3 pentru a identifica șablonul dorit:

De asemenea, trebuie să schimbăm locația fișierului PHP, care este responsabil pentru crearea CSS.

Acum suntem gata să creăm un fișier PHP care va fi responsabil pentru crearea șablonului nostru. Trebuie să lăsăm browserul să știe chiar la începutul fișierului că va conține stiluri CSS. Următorul rând de cod ne va ajuta în acest sens:

Acum puteți pur și simplu utiliza acest fișier ca o foaie de stil obișnuită, având posibilitatea de a introduce variabile PHP. Acest lucru deschide oportunități excelente pentru dvs. nu numai să modificați aspectul paginii, ci și să înlocuiți dinamic conținutul.

Din moment ce avem doar 3 șablon posibil, trebuie să ne asigurăm că puteți utiliza doar aceste 3 numere. Dacă dintr-o dată, cineva din șirul de interogare va încerca să transmită un sens diferit, în fața ochilor săi se va deschide șablonul implicit (în cazul nostru - este „1“).







Puteți accesa apoi style.php fișiere și vedea în codul sursă al acestei inscripție: „/ * ====== șablon utilizat: 1 ====== * /“. Dacă adresa Explorer style.php? Template = 2, atunci acesta va fi o valoare diferită.

Din moment ce nu a crea o foaie de stil separat pentru fiecare șablon, avem nevoie doar pentru a specifica diferența dintre cele două este decorat în același fișier. Putem introduce aceste modificări într-o matrice:

După cum puteți vedea, am alocat 3 elemente în matrice pentru fiecare selector CSS.

Acum, în locul potrivit, trebuie doar să înlocuim:

iar noi, în funcție de șablon, vom avea o imagine de fundal diferită.

Asta e tot ce este necesar. Utilizați aceste constructe în întregul fișier. Deci, puteți înlocui o mulțime de elemente diferite pe pagină. Foaie de stil completă:

Asta e gata! Bucurați-vă!

  • Sunt aici cu privire la evenimentele schimba IMAGE Ei bine, cred că pot fi modificate cu ajutorul bine, să încercăm window.setTimeout ( „funcia ()“, 600.000), și anume ca un minut de așteptare, apoi schimbați funcția funcia () și neboytes fundal cuvânt și omit la etichetele ar trebui să scrie adică atunci când minutul merge la etichete schimba calea către fișier 100%

  • Folosind PHP sau HTML, ce diferență se face dacă pagina este reîncărcată? Stupid să facă mai mult din aceeași pagină (dacă este pur și simplu folosind HTML) și precum și există butoane, link-uri cu numere. O pagină similară cu cea din demo, să ia mai puțin cod decât codul prezentat aici, în acest sens :) Deci, bine-efect, și deja există lecții cu privire la modul de a schimba designul paginii, și ar trebui să fie terminat acest lucru!

  • Comutatorul de proiectare cu php

    Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!

    Comutatorul de proiectare cu php

    Comutatorul de proiectare cu php

    Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!

    Comutatorul de proiectare cu php

    Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.

    Comutatorul de proiectare cu php

    Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!







    Articole similare

    Pagina anterioară

    Pagina următoare

    Trimiteți-le prietenilor: