# 110: Chủ đề bình luận qua Photoshopping - Thủ thuật CSS

Anonim

Chúng tôi bắt đầu đào sâu về Photoshop ở đây và thiết kế khu vực nhận xét. Chúng tôi bắt đầu ở trên cùng, có nghĩa là các cá nhân tự nhận xét (trái ngược với hình thức nhận xét).

Chúng tôi lấy một hình đại diện để làm việc. Chúng tôi chắc chắn sẽ sử dụng dịch vụ Gravatar, vì dịch vụ này được thiết kế riêng cho việc này và được tích hợp hoàn hảo vào WordPress. Ngoài ra, tôi là một fan hâm mộ lớn của hình đại diện và cảm giác sở hữu cá nhân mà chúng mang lại cho bạn trên một trang web.

Một số thiết kế này dễ dàng rơi vào vị trí. Chúng tôi sử dụng một hộp màu trắng trên màu xám giống như tất cả các mô-đun trên trang web. Chúng tôi nhảy vào hình đại diện. Chúng tôi đặt tên là một liên kết và sử dụng liên kết màu xanh lam mà chúng tôi đã sử dụng ở mọi nơi khác. Chúng tôi đưa vào ngày của bình luận bằng cách sử dụng cùng một kiểu mà tất cả các ngày trên trang web có. Trong suốt thời gian, chúng tôi luôn có tổ chức nhất có thể trong Photoshop.

Đối với các câu trả lời nhận xét, chúng tôi thụt lề nhận xét bên dưới một chút, cố gắng giữ cho phù hợp với lưới phụ mà chúng tôi đã tạo. Chúng tôi cũng sẽ cần một liên kết đến các nhận xét cấp cao nhất để tạo các câu trả lời đó, vì vậy chúng tôi đặt một liên kết ở phía trên bên phải của các nhận xét đó. Liên kết màu xanh lam như mọi khi. Chúng tôi sử dụng một mũi tên từ bộ biểu tượng Entypo của mình - chỉ có điều không có mũi tên hoàn hảo ở đó, chúng tôi phải chọn một mũi tên gần và xoay nó 180 độ. Điều đó sẽ không có vấn đề gì trong CSS.

Để làm rõ rằng ngày của nhận xét cũng là một liên kết cố định, chúng tôi cũng sẽ sử dụng một biểu tượng cho ngày đó.

Chúng tôi tìm hiểu xem các liên kết "chức năng" sẽ đi đến đâu, nhưng không tập trung vào nó quá lâu. Người duy nhất sẽ nhìn thấy chúng là tôi. Đối với hồ sơ, đây là những gì tôi đã kết thúc.