# 110: Utas Komentar Photoshopping - Trik CSS

Anonim

Kami mulai menggali Photoshop di sini dan mendesain area komentar. Kami mulai dari atas, artinya komentar individu itu sendiri (sebagai lawan dari formulir komentar).

Kami mengambil avatar untuk dikerjakan. Kami pasti akan menggunakan layanan Gravatar, karena itu dibuat khusus untuk ini dan terintegrasi dengan sempurna ke dalam WordPress. Selain itu, saya penggemar berat avatar dan perasaan memiliki pribadi yang mereka berikan kepada Anda di sebuah situs.

Beberapa dari desain ini mudah dipasang. Kami menggunakan kotak putih abu-abu seperti semua modul di situs. Kami memasukkan avatar. Kami membuat nama tautan dan menggunakan tautan biru yang telah kami gunakan di tempat lain. Kami memasukkan tanggal komentar menggunakan gaya yang sama yang dimiliki semua tanggal di situs. Sementara kami tetap terorganisir semampu kami di Photoshop.

Untuk balasan komentar, kami membuat sedikit indentasi pada komentar di bawah, mencoba untuk tetap sejalan dengan subkisi yang telah kami buat. Kami juga membutuhkan tautan di komentar tingkat atas untuk membuat balasan, jadi kami menempatkan tautan di kanan atas komentar tersebut. Tautan biru yang sama seperti biasa. Kami menggunakan panah dari kumpulan ikon Entypo kami - hanya saja tidak ada panah yang sempurna di sana, kami harus memilih salah satu yang dekat dan memutarnya 180 derajat. Seharusnya tidak ada masalah di CSS.

Untuk memperjelas bahwa tanggal komentar juga merupakan tautan permanen, kami juga akan menggunakan ikon untuk itu.

Kami bermain-main dengan di mana tautan "fungsionalitas" harus pergi, tetapi jangan terlalu lama memikirkannya. Satu-satunya orang yang akan melihat itu adalah aku. Sebagai catatan, inilah yang akhirnya saya lakukan.