Selles ekraaniekraanis töötame CSS-trikkide alal "Demod". See on saidi üsna populaarne piirkond, hoolimata sellest, et ma ei pane sinna nii palju aega kui peaks. Selle mõte on koht saidil, kus on ühest kohast allalaaditavaid ja vaadatavaid demosid - seega on väga lihtne kerida ja sirvida ning leida bitti, mis võivad teile ja teie projektidele huvi pakkuda.
Struktuurilt sarnaneb see väga videote alaga. Igal demol on pealkiri ja lühikirjeldus ning mõned nupud, täpselt nagu igal videol. Nii et me modelleerime paigutust täpselt samamoodi nagu videote ala. Erinevalt videote alast ei saa me käsitsi koostatud HTML-i eemaldada ja asendada WordPressi silmusega. Seda seetõttu, et iga demo ei ela WordPressi sees, nad on sõltumatud. See on siiski ok, me ei karda väikest juurdehindlust. Kirjutame selle lihtsalt natuke ümber, et see oleks võimalikult täiuslik.
Nüüd on meil kõik bitid paigas, nagu vaja. Meie kontrollime märgistust. Me kontrollime CSS-i just selle konkreetse piirkonna jaoks. Vaid paar nokitsemist sellega ja selle ala peamine sisupiirkond on tehtud.
Lõpuks vaatame üksikuid demolehti ja näeme, kuidas CSS-Tricksi bränd kehtib ka nende lehtede kohta.