# 110: Vlákno komentáře Photoshoppingu Triky CSS

Anonim

Začneme zde kopat do Photoshopu a navrhovat oblast komentářů. Začínáme nahoře, což znamená jednotlivé komentáře samotné (na rozdíl od formuláře pro komentář).

Zachytili jsme avatara, se kterým pracujeme. Službu Gravatar budeme určitě používat, protože je šitá na míru tomuto a perfektně integrovaná do WordPressu. Kromě toho jsem velkým fanouškem avatarů a pocitu osobního vlastnictví, který vám na webu dávají.

Některé z těchto konstrukcí jednoduše zapadnou na své místo. Jako všechny moduly na webu používáme bílou krabičku na šedé. Vrháme se na avatara. Z názvu uděláme odkaz a použijeme modrý odkaz, který používáme všude jinde. Datum komentáře vložíme stejným stylem, jaký mají všechna data na webu. Po celou dobu zůstáváme ve Photoshopu tak organizovaní, jak jen můžeme.

U odpovědí na komentáře trochu odsadíme komentář níže a snažíme se zůstat v souladu s dílčí mřížkou, kterou jsme vytvořili. Budeme také potřebovat odkaz na komentáře nejvyšší úrovně, ve kterém budeme tyto odpovědi vytvářet, takže odkaz umístíme do pravého horního rohu těchto komentářů. Stejný modrý odkaz jako vždy. Používáme šipku z naší sady ikon Entypo - pouze tam nebyla dokonalá šipka, museli jsme vybrat ten, který byl blízko, a otočit jej o 180 stupňů. To by v CSS neměl být žádný problém.

Aby bylo jasné, že datum komentáře je také trvalým odkazem, použijeme k tomu také ikonu.

Hrajeme si s tím, kam by odkazy na „funkčnost“ měly směřovat, ale nebudeme se tím příliš zabývat. Jediní lidé, kteří to někdy uvidí, jsem já. Kvůli tomu jsem nakonec skončil.