Video ekraanikuva 2025, Aprill

Kommentaaride kujundus võib tunduda väga lihtne. Ja ongi! Kuid ma arvan, et antud juhul on lihtne. Kommentaarid on CSS-trikkide nii oluline osa "

Alustame siin Photoshopi uurimist ja kujundame kommentaaride ala. Alustame ülaosast, see tähendab, et üksikud kommentaarid ise (erinevalt "

Alustuseks vaatame mõnda nurisevat tööd, mida ma kulisside taga tegin, täpsustades mõningaid vajaminevaid asju. Nagu lisada ülejäänud "

Oleme üsna lähedal sellele, et oleksime saidi saidilõikude kodulehe üles ehitanud. Kohe hakkame asju näppima ja rohkem asju juurde võtma "

Juppide ala kujundusega "valmis" saame nüüd liikuda interaktiivsusse (loe: JavaScripti). Lisame ülimalt labase ümberpaigutamise linkide kohta saidil "

Meil on nüüd Photoshopi kujundus, millest saab töötada Snippets'i ala avalehe jaoks. See on palju sirvitavam kui varem, kuid hoiab vikerkaart "

Aeg sukelduda Snippetsi piirkonda! See tähendab selle tegelikku sisupinda. Päis on meil juba paigas. Juppide ala on üsna populaarne. "

Selles ekraanipildis keerame kokku almanahhi jaotise. Almanahhis on üsna selge hierarhia. See läheb: Kodu> Almanahhi avaleht> Kinnisvara või valija> "

Hüppame siin vaid teismeliseeas. See on üsna põhjalik ekraanikuva seeria, kuid see on ainult umbes 40 tundi ja muidugi see tegelik projekt "

Oleme juba töötanud kohapeal kohalikus domeenis (v10.whatup). Nüüd on aeg asuda WordPressi liikuma. Jätkame kohalikku tööd "

Sellel lehe väljundil on kogu vajalik sisu ja meil on päis paigas. Nüüd saame CSS-i alustada sisu kujundusega, milles oleme "

Kui alustame WordPressis töötamist, on kõige parem, kui haarame otse andmebaasi täpse koopia, et kohapeal töötada. Mõnel veebisaidil on selliseid asju nagu "

Nüüd, kui oleme Almanaci kodulehele saanud korraliku sisu, on CSS-iga võimalik tegelikku stiili kujundada. Otsustasime minna "

Selles ekraanipildis tegeleme paljuski oranžiga "Photostar", mis domineerib jaluses. Tähe teeme Photoshopis eraldi failina, et saaksime teha "

Alamanci päis on sisse tulnud, seekord Giovanni Difeterici. Alustamiseks kasutame paljusid juba loodud tehnikaid "

Videote jaotise kohandatud päise illustratsioon on tulnud, seekord Alyssa Nassner. Kulutame natuke aega Photoshopi faili ja "

Selles jaluse väljaehitamise viimases ekraaniekraanis töötame alumisel jalusel, kus asuvad CodePeni ja ShopTalki alad. Peame muutma HTML a "

Selles ekraanipildis keskendume jaluse ülemise osa linkide all olevatele joontele. Me komistame umbes, et välja mõelda, millised asjad peaksid "

Juppide pea on sisse tulnud, seekord Reagan Ray. Veedame seekord natuke aega Photoshopis, segades asju natuke ümber, veendumaks, et me "

Kui jaluse HTML-struktuur on paigas, on meil olemas see, mida me peame kujundama ja selle jalus välja nägema, nagu me Photoshopis kujundasime. "

See on viimane Photoshopi töö, mille teeme konkreetselt jalusega seoses, enne kui selle tegelikku ehitamisse üle läheme. Selles ekraanikuva me "

Töötame Photoshopis jaluse kujunduse loomise kallal. Kiire meeldetuletus: töötan Photoshopis, sest tunnen end seal enne lootust loovam "

Selle ekraanipildi juurde jõuame veel mõne Photoshoppini ettevõtteni, pannes kõige alumise jala koos linkidega minu kahe suurema suurima projekti, CodePeni, juurde

Alustame suurel teekonnal, mis on jalus! CSS-Tricksil on alati olnud suur väljamõeldud jalus ja see disain ei ole erand. See pole puhtalt "

Kuna meie jaluse kujundus on Photoshopis kasutamiseks valmis, saame seda hakata ehitama oma staatilisse HTML- ja CSS-maketti. Esimene samm on anda

Meil on saidile integreerimiseks veel üks BSA tsoon. See peaks olema natuke lihtsam, sest meil on JavaScripti juba olemas ja see on lihtsalt "

Meil on makett sellest, kuidas me tahame, et meie BuySellAds tsoonid välja näeksid, nii et jätkame selle ehitamist reaalselt. Veebisait BuySellAds annab meile vajaliku koodi "

Ainus asi, mis meie tollifoorumite päistest puudub, on see osa, mis tegelikult ütleb „Foorumid”! Nick illustreeris kätt, millel oli tähis, mis oli mõeldud "

Nüüd, kui teame täpselt, milliste tsoonidega me töötame, läheme tagasi Photoshopi ja pilkame, kuidas me neid reklaamitsoone näeme. Meil on pretsedent "

Nagu teate, on mõned CSS-Tricksi reklaamid omamoodi "ise hallatavad", nagu Treehouse'i peamine sponsor. Võtsin selle endale, sest see on lihtsalt üksik "