# 110: Vlákno komentára Photoshoppingu Triky CSS

Anonim

Začneme sa tu hrabať vo Photoshope a navrhujeme oblasť komentárov. Začíname na vrchole, čo znamená jednotlivé komentáre samotné (na rozdiel od formulára na komentár).

Zachytili sme avatara, s ktorým spolupracujeme. Službu Gravatar budeme využívať určite, pretože je šitá na mieru tomuto a je dokonale integrovaná do WordPressu. Okrem toho som veľkým fanúšikom avatarov a pocitu osobného vlastníctva, ktorý vám dávajú na stránkach.

Niektoré z týchto konštrukcií jednoducho zapadnú na svoje miesto. Ako všetky moduly na webe používame biele pole v sivej farbe. Vrháme sa na avatara. Z názvu urobíme odkaz a použijeme modrý odkaz, ktorý používame všade inde. Dátum komentára sme vložili rovnakým štýlom, aký majú všetky dátumy na webe. Po celú dobu zostávame vo Photoshope usporiadaní, ako môžeme.

Pri odpovediach na komentáre trochu odsadíme komentár nižšie a snažíme sa zostať v rade s vytvorenou čiastkovou mriežkou. Potrebujeme tiež odkaz na komentáre najvyššej úrovne, pomocou ktorého by sme mohli vytvoriť tieto odpovede, takže odkaz umiestnime do pravého horného rohu týchto komentárov. Rovnaký modrý odkaz ako vždy. Používame šípku z našej sady ikon Entypo - ibaže tam nebola dokonalá šípka, museli sme zvoliť jednu, ktorá bola blízko, a otočiť ju o 180 stupňov. To by nemal byť v CSS žiadny problém.

Aby bolo zrejmé, že dátum komentára je tiež trvalým odkazom, použijeme na to tiež ikonu.

Zahrávame sa s tým, kam by mali odkazy na „funkčnosť“ smerovať, ale príliš sa tým nepozastavujeme. Jediní ľudia, ktorí to niekedy uvidia, som ja. Pre zaujímavosť, nakoniec som s tým skončil.