Videonäyttö 2025, Syyskuu

Olemme edelleen niskaan syvällä Forums-alueella. Tässä kuvaruudussa katsomme rekisteröitymissivua. Toinen melko tärkeä sivu, koska haluamme kokemuksen "

Hyppäämme suoraan Forums-kotisivun pääsisältöalueeseen. Epäilemättä tärkein osa foorumeita, koska se on ensimmäinen asia "

Saatat väittää, että foorumien kotisivu on tärkein sivu, mutta on yhtä hyviä argumentteja, että yksittäiset ketjunäkymät ovat "

Kaikkien tarvitsemiemme osien hallinta on ollut jonkin verran pitkää tienpainetta, matkan varrella pari kamppailua ja yllätystä. Voimme vihdoin saada "

Tässä kuvaruudussa jatkamme kaivamista Vanilla-keskustelupalstojen koodiin ja teeman käynnistämistä. Teemme heti päätöksen tehdä villi-hullu liike "

Kaivamme jatkoa sivuston Forums-alueen teemalla. Olemme tehneet toistaiseksi hyvää, mutta mitä syvemmälle kaivamme, sitä vaikeammat asiat menevät. "

Jätimme yrittämättä päättää, voimmeko voittaa taistelun staattisesta kirjautumislomakkeesta vai ei. Luultavasti voisimme, mutta enemmän pelaamalla foorumeilla, me "

Tässä kuvakaappauksessa kaivamme itse asiassa Forums-alueen koodin. Foorumien "pää" tiedosto, jos sellaista on, on default.master.php. "

Tässä kuvakaappauksessa sukellamme sivuston uuteen osioon: The Forums! Tämä on valtava alue sivustosta. Ehkä ei niin paljon liikenteessä (olen aina "

Tässä kuvaruudussa aloimme rakentaa vielä muutamia moduuleja, jotka aiomme olla kotisivulla. Vain pieni säätö ja näytämme kolme kuumaa "

CSS-Tricks-artikkeliarkistosivu on melko tärkeä. Sen sijaan, että minulla olisi sivutettuja blogiviestejä, kuten useimmilla blogeilla on, linkin vain arkistoihin. "

Tässä kuvakaappauksessa kaivamme lisää lisää moduuleja sivuston kotisivulle. Melko tärkeitä juttuja! Tällä hetkellä meillä on vain kourallinen heitä "

Tässä kuvakaappauksessa tutkitaan Tarjoukset-osiota. Tarjoukset-osio on pohjimmiltaan "mainosten seinä". Se on sivuston alue, jonka ihmisten pitäisi "

Kuvakaappauksessa kaivetaan HTML-, CSS- ja WordPress-malliin, joka on yksi videosivu. Olemme jo suunnitelleet, miten haluamme tämän näyttävän "

Tässä kuvaruudussa lopetamme koodivierailun yksittäisten videoiden mallille. Aloitamme järjestymällä hieman CSS: ään. Jotkut videos.scss "

Tässä kuvakaappauksessa kaivamme suunnittelemaan toisen erittäin tärkeän sivun. Tämä on yksi niistä sivuista, jonka suunnittelusta olen ollut innostunut alusta asti "

Videoarkistosivu on osa sivustoa, jossa ihmiset voivat selata kaikkia katsottavia ilmaisia ​​videoita. Se on tarkoitettu selaamiseen, pitää pitää etusivusta "

Olemme juuri saaneet jännittävän osan uudelleensuunnittelusta, jossa meidän on heitettävä joukko bruttomerkintöjä videoarkistosivulle ja korvattava se uudella, "

Työskentelemme tässä kuvaruudussa CSS-temppujen "Demot" -alueella. Se on melko suosittu alue sivustosta huolimatta siitä, että en laita

Katsomme yhteyssivua ja päätämme, että se on sellainen CSS-Tricks -sivu, joka on hyvin yleinen eikä vaadi erityistä muotoilua osoitteessa "

Tässä kuvaruudussa alamme puhua siitä, miten aiomme rakentaa CSS-Tricks -jäsenalueita. Osa Kickstarterista, joka teki tämän kaiken "

Luulen sanoneeni edellisessä videossa, että olimme viimeistelleet kaikki otsikot. Kiusoittelen vain! Yksi on jäljellä! Tämä on tarkoitettu Videot-alueelle ja se on tehty "

Tässä kuvaruudussa lisätään sivustoon uusi laajennus, joka antaa meille mahdollisuuden vaihtaa live-sivuston teemoja, mutta vain niin, että me (järjestelmänvalvojina) voimme "

Viimeisen videon oudon hämmennyksen jälkeen siitä, mitä otsikkoa todella teimme, tällä kertaa aiomme toteuttaa mukautetun otsikon "

Viimeiset jäljellä olevat otsikot ovat tulleet sisään! Voimme nyt viimeistellä ne ja saada kaikki mukautetut otsikot valmiiksi. Työskentelemme tässä kuvaruudussa mukautetun mallin kanssa "

Aiomme lisätä uuden mainonta-alueen Google AdSense -palvelun tarjoamaan sivustoon. Poistimme BuySellAds-vyöhykkeen vähän sitten, joten se ei ole kuin "

Tässä kuvakaappauksessa aiomme rakentaa kommenttilomakkeen HTML / CSS: ssä. Kommenttilomakkeen merkinnät asuvat "

Olen erittäin innostunut työskentelemään tämän sivuston kommenttiosassa. CSS-Tricks on koti erinomaisille keskusteluille, kiitos kaikille hienoille ihmisille. Suunnittelu"

Tässä kuvaruudussa siirrymme takaisin Photoshopiin ja suunnittelemme itse kommenttilomakkeen. Kuten kohdassa, syötteiden ja tekstialueiden käyttäjien on täytettävä, jotta "

Aivan viimeisen kuvaruudun lopussa huomasimme, että Photoshop-suunnittelullamme on niin yksinkertaista kuin se onkin, ongelmaa, jota tulee olemaan liian vaikea "