# 110: Фотошопинг Коментарна нишка - CSS-трикове

Anonim

Започваме да ровим във Photoshop тук и да проектираме областта за коментари. Започваме отгоре, което означава отделните коментари (за разлика от формата за коментар).

Хващаме аватар, с който да работим. Със сигурност ще използваме услугата Gravatar, тъй като това е специално създадено за това и е интегрирано перфектно в WordPress. Освен това аз съм голям фен на аватарите и чувството за лична собственост, което те ви дават в даден сайт.

Част от този дизайн просто си идва на мястото лесно. Използваме бяло поле върху сиво като всички модули на сайта. Плюсваме се в аватара. Ние правим името връзка и използваме връзката в синьо, която използвахме навсякъде другаде. Поставяме датата на коментара, използвайки същия стил, който имат всички дати на сайта. През цялото време оставаме възможно най-организирани във Photoshop.

За отговори на коментари отстъпваме малко коментара отдолу, опитвайки се да останем подредени със създадената от нас подмрежа. Ще ни е необходима и връзка към коментари от най-високо ниво, в която да създадем тези отговори, така че поставяме връзка в горния десен ъгъл на тези коментари. Същата връзка-синя, както винаги. Използваме стрелка от нашия набор от икони на Entypo - само че там нямаше идеалната стрелка, трябваше да изберем такава, която е близо и да я завъртим на 180 градуса. Това не би трябвало да е проблем в CSS.

За да стане ясно, че датата на коментара също е постоянна връзка, ще използваме икона и за това.

Играем си къде трябва да отидат връзките за „функционалност“, но не се спирайте твърде дълго на това. Единствените хора, които някога ще ги видят, съм аз. За протокол това е, с което в крайна сметка отидох.