# 110: Photoshopping Komentar teme - CSS-triki

Anonim

Tu začnemo kopati v Photoshop in oblikovati področje komentarjev. Začnemo na vrhu, kar pomeni, da posamezni komentarji sami (v nasprotju s obrazcem za komentar).

Zagrabimo avatar, s katerim lahko delamo. Zagotovo bomo uporabljali storitev Gravatar, saj je to prilagojeno temu in popolnoma integrirano v WordPress. Poleg tega sem velik ljubitelj avatarjev in občutka osebne lastnine, ki vam jo dajo na spletnem mestu.

Nekateri deli tega dizajna preprosto pridejo na svoje mesto. Kot vsi moduli na spletnem mestu uporabljamo belo polje na sivi barvi. Pljuskamo v avatarju. Ime naredimo kot povezavo in uporabimo modro povezavo, ki smo jo uporabljali povsod drugje. Datum komentarja smo postavili z enakim slogom, kot ga imajo vsi datumi na spletnem mestu. Ves čas ostajamo čim bolj organizirani v Photoshopu.

Za odgovore na komentarje spodnji komentar nekoliko zamaknemo in poskušamo ostati poravnani s podmrežo, ki smo jo ustvarili. Prav tako bomo potrebovali povezavo do komentarjev na najvišji ravni, v kateri bomo ustvarili te odgovore, zato bomo povezavo postavili v zgornji desni del teh komentarjev. Enako modro kot vedno. Uporabljamo puščico iz našega kompleta ikon Entypo - le tam ni bilo popolne puščice, izbrati smo morali bližnjo in jo zasukati za 180 stopinj. To ne bi smelo biti problem v CSS.

Da bo jasno, da je tudi datum komentarja trajna povezava, bomo za to uporabili ikono.

Poigravamo se s tem, kam naj gredo povezave za "funkcionalnost", vendar se na tem ne zadržujte predolgo. Edini, ki jih bom kdaj videl, sem jaz. Za zapisnik sem s tem končal.