Video Screencasts 2025, April

# 140: Styling av forumsregistrering - CSS-triks

# 140: Styling av forumsregistrering - CSS-triks

Vi er fortsatt nede dypt i Forums-området. I denne skjermsendingen ser vi på registreringssiden. En annen ganske viktig side som vi vil ha opplevelsen av "

# 137: Forums Wrangling, del 4, Få kontroll - CSS-triks

# 137: Forums Wrangling, del 4, Få kontroll - CSS-triks

Vi hopper rett inn i styling av hovedinnholdsområdet på hjemmesiden til The Forums. Uten tvil den viktigste delen av forumene, siden det er det første "

# 139: Individuelle forumtrådstyling - CSS-triks

# 139: Individuelle forumtrådstyling - CSS-triks

Du kan hevde at hjemmesiden til forumene er den viktigste siden, men det er like gode argumenter for at individuelle trådvisninger er "

# 138: Styling av forumets hjemmeside - CSS-triks

# 138: Styling av forumets hjemmeside - CSS-triks

Det har vært litt lang brytingskontroll over alle delene vi trenger, med et par kamper og overraskelser underveis. Vi kan endelig få "

# 134: Forums Wrangling, del 2 - CSS-triks

# 134: Forums Wrangling, del 2 - CSS-triks

I denne skjermsendingen fortsetter vi å grave i koden til Vanilla Forums og få temaet vårt til å gå. Vi tar avgjørelsen med en gang å gjøre det vill-n-gal-trekket "

# 135: Forums Wrangling, Part 3, Login - CSS-triks

# 135: Forums Wrangling, Part 3, Login - CSS-triks

Vi fortsetter å grave i temaet Forum-området på nettstedet. Vi har gjort bra så langt, men jo dypere vi graver, desto vanskeligere vil ting bli. "

# 136: Forstå Vanilla Forums Theme Overrides - CSS-triks

# 136: Forstå Vanilla Forums Theme Overrides - CSS-triks

Vi slapp å prøve å avgjøre om vi kan vinne kampen om et statisk påloggingsskjema eller ikke. Vi kunne sannsynligvis, men når vi leker mer med forumene, "

# 133: Forums Wrangling, del 1 - CSS-triks

# 133: Forums Wrangling, del 1 - CSS-triks

I denne skjermsendingen graver vi faktisk i koden til forumområdet. Den "viktigste" filen i forumene, hvis det er noe slikt, er default.master.php. "

# 132: Introduksjon til forumene - CSS-triks

# 132: Introduksjon til forumene - CSS-triks

I denne skjermsendingen dykker vi ned i en helt ny del av nettstedet: Foraene! Dette er et stort område av nettstedet. Kanskje ikke så mye i trafikken (jeg har alltid "

# 131: Bygg flere hjemmesidemoduler - CSS-triks

# 131: Bygg flere hjemmesidemoduler - CSS-triks

I denne skjermsendingen begynte vi å bygge ut noen flere av modulene vi planlegger å ha på hjemmesiden. Bare en liten justering, og vi viser tre varme "

# 130: Styling av artikkelarkivsiden - CSS-triks

# 130: Styling av artikkelarkivsiden - CSS-triks

Artikkelsarkivsiden på CSS-Tricks er ganske viktig. I stedet for å ha paginerte blogginnlegg som de fleste blogger har, lenker jeg ganske enkelt til arkivene. "

# 129: Photoshopping Flere hjemmesidemoduler - CSS-triks

# 129: Photoshopping Flere hjemmesidemoduler - CSS-triks

I denne skjermsendingen graver vi i å legge til noen flere moduler til hjemmesiden til nettstedet. Ganske viktige ting! For øyeblikket har vi bare en håndfull av dem "

# 128: Styling av tilbudssiden - CSS-triks

# 128: Styling av tilbudssiden - CSS-triks

I denne skjermsendingen vil vi grave i Tilbud-delen. Tilbudsseksjonen er egentlig en "vegg av annonser". Det er et område på nettstedet som folk må "

# 126: Bygging av den ene videosiden, del 1 - CSS-triks

# 126: Bygging av den ene videosiden, del 1 - CSS-triks

I screencast graver vi oss inn i HTML- og CSS- og WordPress-malen som er den eneste videosiden. Vi har allerede designet hvordan vi ønsker at dette skal se ut "

# 127: Bygg en enkelt videoside, del 2 - CSS-triks

# 127: Bygg en enkelt videoside, del 2 - CSS-triks

I denne skjermsendingen fullfører vi kode-wranglin 'malen for enkeltvideoer. Vi begynner med å organisere oss litt i CSS. Noen av videos.scss "

# 125: Fotoshopping av den enkle videosiden - CSS-triks

# 125: Fotoshopping av den enkle videosiden - CSS-triks

I denne skjermsendingen graver vi i å designe en annen veldig viktig side. Dette er en av de sidene jeg har vært spent på å designe siden begynnelsen, "

# 122: Bygg videoarkivet, del 1 - CSS-triks

# 122: Bygg videoarkivet, del 1 - CSS-triks

Videoarkivsiden er den delen av nettstedet der folk kan bla gjennom alle gratis videoer som er tilgjengelige for å se. Det er for surfing, må like hjemmesiden "

# 123: Bygg videoarkivet, del 2 (navigasjon) - CSS-triks

# 123: Bygg videoarkivet, del 2 (navigasjon) - CSS-triks

Vi har nettopp avsluttet en spennende del av dette redesignet der vi fikk kastet en haug med grov markering på videoarkivsiden og erstattet den med nye,

# 124: Bygg demonstrasjonsarkivet - CSS-triks

# 124: Bygg demonstrasjonsarkivet - CSS-triks

I denne screencasten skal vi jobbe med "Demos" -området til CSS-Tricks. Det er et ganske populært område på nettstedet, til tross for at jeg ikke legger det som "

# 121: En mal for generiske sider - CSS-triks

# 121: En mal for generiske sider - CSS-triks

Vi ser på kontaktsiden og bestemmer at det er den slags siden på CSS-Tricks som er veldig generisk og ikke trenger noen spesiell spesiell styling på "

# 120: Velge medlemskapsprogram for WordPress - CSS-triks

# 120: Velge medlemskapsprogram for WordPress - CSS-triks

I denne skjermsendingen begynner vi å snakke om hvordan vi skal bygge medlemsområdet til CSS-Tricks. En del av Kickstarter som gjorde hele denne tingen "

# 119: Tilpasset topptekst for videoer - CSS-triks

# 119: Tilpasset topptekst for videoer - CSS-triks

Jeg tror jeg sa i en forrige video at vi hadde fullført alle topptekstene. Bare tuller! Det er en igjen! Denne er for Videoer-området og var ferdig "

# 118: Vise live nettsted med Theme Switcher Plugin - CSS-triks

# 118: Vise live nettsted med Theme Switcher Plugin - CSS-triks

I denne skjermsendingen legger vi til et nytt plugin til nettstedet som gir oss muligheten til å bytte temaer på live-siden, men bare slik at vi (som administratorer) kan "

# 117: Tilpasset topptekst for tilbud - CSS-triks

# 117: Tilpasset topptekst for tilbud - CSS-triks

Etter den rare forvirringen i forrige video om hvilken header vi faktisk gjorde, denne gangen vil vi virkelig implementere den tilpassede headeren "

# 116: Tilpasset topptekst for demonstrasjoner - CSS-triks

# 116: Tilpasset topptekst for demonstrasjoner - CSS-triks

De siste gjenværende topptekstene har kommet inn! Vi kan nå fullføre disse og få gjort alle våre tilpassede overskrifter. I denne skjermsendingen jobber vi med den tilpassede "

# 115: Konfigurere Google AdSense - CSS-triks

# 115: Konfigurere Google AdSense - CSS-triks

Vi kommer til å legge til i en ny annonseringssone på nettstedet drevet av Google AdSense. Vi fjernet en BuySellAds-sone for litt siden, så det er ikke som "

# 114: Bygg kommentarskjema - CSS-triks

# 114: Bygg kommentarskjema - CSS-triks

I denne skjermsendingen skal vi komme inn på å bygge kommentarsskjemaet i HTML / CSS. Markeringen for kommentarskjemaet lever i comments.php-filen i vår "

# 109: Forbereder seg på å arbeide med kommentarer - CSS-triks

# 109: Forbereder seg på å arbeide med kommentarer - CSS-triks

Jeg er veldig spent på å jobbe med kommentarfeltet for dette nettstedet. CSS-Tricks er hjemmet til noen gode diskusjoner, takk til alle dine fine folk. Designe "

# 113: Kommentarskjema for Photoshopping - CSS-triks

# 113: Kommentarskjema for Photoshopping - CSS-triks

I denne skjermsendingen hopper vi tilbake til Photoshop og designer selve kommentarskjemaet. Som i, må brukerne av input og textarea fylle ut for å legge igjen en "

# 112: Bygge kommentarer Trådinnpakning - CSS-triks

# 112: Bygge kommentarer Trådinnpakning - CSS-triks

Rett på slutten av den siste skjermsendingen fant vi ut at Photoshop-designet vårt, så enkelt som det er, har et problem som blir for vanskelig å "