Videocasty 2025, Leden

# 140: Styl registrace fóra - Triky CSS

# 140: Styl registrace fóra - Triky CSS

Stále jsme hluboko v oblasti Fór. V tomto screencastu se podíváme na registrační stránku. Další poměrně důležitá stránka, protože chceme zkušenost „

# 137: Fóra hádek, část 4, Získání kontroly - Triky CSS

# 137: Fóra hádek, část 4, Získání kontroly - Triky CSS

Skočíme přímo do stylingu hlavní oblasti obsahu domovské stránky Fóra. Pravděpodobně nejdůležitější část fór, protože je to první věc “

# 139: Styl fóra pro jednotlivá fóra - Triky CSS

# 139: Styl fóra pro jednotlivá fóra - Triky CSS

Můžete namítnout, že domovská stránka fór je nejdůležitější stránkou, ale stejně dobré argumenty pro zobrazení jednotlivých vláken jsou „

# 138: Styling webových stránek fór - Triky CSS

# 138: Styling webových stránek fór - Triky CSS

Byla to trochu dlouhá kontrola wrestlingu nad všemi částmi, které potřebujeme, s několika boji a překvapením. Můžeme konečně dostat "

# 134: Forums Wrangling, Part 2 - Triky CSS

# 134: Forums Wrangling, Part 2 - Triky CSS

V tomto screencastu pokračujeme v kopání kódu Vanilla Forums a rozjíždíme naše téma. Okamžitě jsme se rozhodli udělat divoký a bláznivý tah “

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

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

Pokračujeme v tematizaci oblasti fóra na webu. Doposud jsme udělali dobře, ale čím hlouběji kopeme, tím obtížnější věci se dostanou. “

# 136: Porozumění přepsání témat fóra Vanilla - Triky CSS

# 136: Porozumění přepsání témat fóra Vanilla - Triky CSS

Přestali jsme se snažit rozhodnout, zda můžeme vyhrát bitvu o statický přihlašovací formulář, nebo ne. Pravděpodobně bychom mohli, ale při častějším hraní s fóry jsme

# 133: Forums Wrangling, Part 1 - Triky CSS

# 133: Forums Wrangling, Part 1 - Triky CSS

V tomto screencastu se ve skutečnosti ponoříme do kódu oblasti Fóra. „Hlavní“ soubor fór, pokud existuje, je default.master.php. “

# 132: Úvod do fóra - Triky CSS

# 132: Úvod do fóra - Triky CSS

V tomto screencastu se ponoříme do zcela nové části webu: Fóra! Jedná se o obrovskou oblast webu. Možná ne tolik v provozu (vždy jsem

# 131: Vytváření dalších domovských modulů - Triky CSS

# 131: Vytváření dalších domovských modulů - Triky CSS

V tomto screencastu jsme se pustili do budování několika dalších modulů, které plánujeme mít na domovské stránce. Jen malé vylepšení a ukazujeme tři horké “

# 130: Styling stránky archivu článku - Triky CSS

# 130: Styling stránky archivu článku - Triky CSS

Stránka archivů článků na CSS-Tricks je poměrně důležitá. Spíše než stránkování blogových příspěvků, jako má většina blogů, jednoduše odkazuji na archivy. “

# 129: Photoshopping Více domovských modulů - Triky CSS

# 129: Photoshopping Více domovských modulů - Triky CSS

V tomto screencastu jsme se ponořili do přidání dalších modulů na domovskou stránku webu. Docela důležité věci! V tuto chvíli jich máme jen hrstku “

# 128: Styling the Deals Page - Triky CSS

# 128: Styling the Deals Page - Triky CSS

V tomto screencastu se ponoříme do sekce Nabídky. Sekce Nabídky je v podstatě „zeď reklam“. Je to oblast webu, kterou by lidé museli “

# 126: Vytvoření stránky s jediným videem, část 1 - Triky CSS

# 126: Vytvoření stránky s jediným videem, část 1 - Triky CSS

V screencastu se ponoříme do šablony HTML a CSS a WordPress, která je jedinou stránkou videa. Již jsme navrhli, jak chceme, aby to vypadalo “

# 127: Vytvoření stránky s jediným videem, část 2 - Triky CSS

# 127: Vytvoření stránky s jediným videem, část 2 - Triky CSS

V tomto screencastu dokončíme kódovou úpravu šablony pro jednotlivá videa. Začneme tím, že se v našem CSS trochu zorganizujeme. Některé z videí.scss "

# 125: Photoshopping stránky s jediným videem - Triky CSS

# 125: Photoshopping stránky s jediným videem - Triky CSS

V tomto screencastu se ponoříme do navrhování další velmi důležité stránky. Toto je jedna z těch stránek, které jsem od začátku nadšeně navrhoval, “

# 122: Budování archivu videí, část 1 - Triky CSS

# 122: Budování archivu videí, část 1 - Triky CSS

Stránka archivu videí je součástí webu, kde si lidé mohou prohlížet všechna bezplatná videa, která lze sledovat. Je to k procházení, musí se vám líbit domovská stránka "

# 123: Vytváření archivu videí, část 2 (navigace) - Triky CSS

# 123: Vytváření archivu videí, část 2 (navigace) - Triky CSS

Právě jsme dokončili vzrušující část tohoto redesignu, kde jsme museli vyhodit spoustu hrubých značek na stránce videoarchivů a nahradit je novými, “

# 124: Budování archivu ukázek - Triky CSS

# 124: Budování archivu ukázek - Triky CSS

V tomto screencastu budeme pracovat na oblasti „Demos“ CSS-Tricks. Je to docela oblíbená oblast webu, navzdory tomu, že to neuvádím jako „

# 121: Šablona pro obecné stránky - Triky CSS

# 121: Šablona pro obecné stránky - Triky CSS

Podíváme se na kontaktní stránku a rozhodneme se, že je to druh stránky na CSS-Tricks, který je velmi obecný a nepotřebuje žádný speciální speciální styl na “

# 120: Výběr doplňku pro členství pro WordPress - Triky CSS

# 120: Výběr doplňku pro členství pro WordPress - Triky CSS

V tomto screencastu začneme mluvit o tom, jak budeme budovat členskou oblast CSS-Tricks. Část Kickstarteru, díky kterému to celé bylo “

# 119: Vlastní záhlaví pro videa Triky CSS

# 119: Vlastní záhlaví pro videa Triky CSS

Myslím, že jsem v předchozím videu řekl, že jsme dokončili všechny záhlaví. Dělám si srandu! Zbývá jeden! Toto je pro oblast Videa a bylo hotovo “

# 118: Prohlížení živého webu s pluginem Theme Switcher - Triky CSS

# 118: Prohlížení živého webu s pluginem Theme Switcher - Triky CSS

V tomto screencastu přidáváme na web nový plugin, který nám umožňuje přepínat motivy na živém webu, ale pouze tak, abychom (jako administrátoři) mohli

# 117: Vlastní záhlaví pro nabídky Triky CSS

# 117: Vlastní záhlaví pro nabídky Triky CSS

Po podivném zmatku v posledním videu o tom, kterou hlavičku jsme vlastně dělali, tentokrát opravdu budeme implementovat vlastní hlavičku "

# 116: Vlastní záhlaví pro ukázky - Triky CSS

# 116: Vlastní záhlaví pro ukázky - Triky CSS

Poslední zbývající hlavičky přišly! Nyní je můžeme dokončit a nechat si udělat všechny naše vlastní záhlaví. V tomto screencastu budeme pracovat na zvyku “

# 115: Nastavení Google AdSense - Triky CSS

# 115: Nastavení Google AdSense - Triky CSS

Budeme přidávat novou reklamní zónu na webu využívajícím Google AdSense. Před chvílí jsme odstranili zónu BuySellAds, takže to není jako „

114: Vytvoření formuláře pro komentář - Triky CSS

114: Vytvoření formuláře pro komentář - Triky CSS

V tomto screencastu se dostaneme k vytváření formuláře pro komentář v HTML / CSS. Značka pro formulář komentáře žije v souboru comments.php v našem „

# 109: Příprava na práci na komentářích Triky CSS

# 109: Příprava na práci na komentářích Triky CSS

Jsem velmi nadšený, že mohu pracovat na sekci komentářů pro tento web. CSS-Tricks je domovem několika vynikajících diskusí, díky vám všem, skvělí přátelé. Projektování "

# 113: Formulář komentáře k Photoshoppingu Triky CSS

# 113: Formulář komentáře k Photoshoppingu Triky CSS

V tomto screencastu skočíme zpět do Photoshopu a navrhneme samotný formulář komentáře. Stejně jako v případě, vstupy a textové oblasti musí uživatelé vyplnit, aby zanechali „

# 112: Sestavování vlákna vlákna komentářů - Triky CSS

# 112: Sestavování vlákna vlákna komentářů - Triky CSS

Hned na konci posledního vysílání jsme zjistili, že náš jednoduchý design Photoshopu má problém, na který bude příliš těžké “