# 110: Потік коментарів для фотошопінгу - CSS-хитрощі

Anonim

Ми починаємо копатися у Photoshop тут і розробляти область коментарів. Ми починаємо зверху, маючи на увазі окремі коментарі (на відміну від форми коментарів).

Ми забираємо аватар для роботи. Ми скористаємось сервісом Gravatar, оскільки це спеціально для цього і ідеально інтегровано в WordPress. Крім цього, я великий шанувальник аватарів та відчуття особистої власності, яку вони дають вам на сайті.

Деякі з цих конструкцій просто легко встають на свої місця. Ми використовуємо білу рамку на сірому, як і всі модулі на сайті. Ми плюхаємося в аватарі. Ми робимо назву посиланням і використовуємо посилання синього кольору, яке ми використовували скрізь. Ми вводимо дату коментаря, використовуючи той самий стиль, що і всі дати на сайті. Весь час ми залишаємось настільки організованими, наскільки це можливо, у Photoshop.

Для відповідей на коментарі ми трохи відступаємо коментар нижче, намагаючись залишатись уздовж створеної нами підмережі. Нам також знадобиться посилання на коментарі найвищого рівня, в якому можна створити відповіді, тому ми розміщуємо посилання у верхньому правому куті цих коментарів. Такий самий посилання-синій, як завжди. Ми використовуємо стрілку з нашого набору піктограм Entypo - тільки там не було ідеальної стрілки, нам довелося вибрати ту, яка була близько, і повернути її на 180 градусів. Це не повинно бути проблемою в CSS.

Щоб зрозуміти, що дата коментаря також є постійним посиланням, ми також використаємо піктограму для цього.

Ми бавимося з тим, куди повинні йти посилання на "функціональність", але не зупиняйтеся на цьому занадто довго. Єдині люди, які коли-небудь побачать це, - це я. Для протоколу, ось з чим я в підсумку пішов.