# 110: Νήμα σχολιασμού Photoshop - CSS-Κόλπα

Anonim

Αρχίζουμε να σκάβουμε εδώ στο Photoshop και να σχεδιάζουμε την περιοχή σχολίων. Ξεκινάμε από την κορυφή, δηλαδή τα μεμονωμένα σχόλια (σε αντίθεση με τη μορφή σχολίων)

Εμπλουτίζουμε ένα avatar για να δουλέψουμε. Θα χρησιμοποιήσουμε σίγουρα την υπηρεσία Gravatar, καθώς είναι ειδικά σχεδιασμένη για αυτό και ενσωματώνεται τέλεια στο WordPress. Πέρα από αυτό, είμαι οπαδός των avatar και το αίσθημα της προσωπικής ιδιοκτησίας που σας δίνουν σε έναν ιστότοπο.

Μερικά από αυτά τα σχέδια απλά εφαρμόζονται εύκολα. Χρησιμοποιούμε ένα λευκό κουτί σε γκρι όπως όλες οι ενότητες του ιστότοπου. Πατάμε στο είδωλο. Κάνουμε το όνομα σύνδεσμο και χρησιμοποιούμε τον μπλε σύνδεσμο που χρησιμοποιούσαμε παντού αλλού. Βάζουμε την ημερομηνία του σχολίου χρησιμοποιώντας το ίδιο στυλ που έχουν όλες οι ημερομηνίες στον ιστότοπο. Όσο καιρό παραμένουμε όσο πιο οργανωμένοι μπορούμε στο Photoshop.

Για απαντήσεις σε σχόλια, χαράζουμε λίγο το σχόλιο, προσπαθώντας να παραμείνουμε ευθυγραμμισμένοι με το υπο-πλέγμα που έχουμε δημιουργήσει. Θα χρειαστούμε επίσης έναν σύνδεσμο για σχόλια ανώτερου επιπέδου για να δημιουργήσουμε αυτές τις απαντήσεις, επομένως τοποθετούμε έναν σύνδεσμο στην επάνω δεξιά γωνία αυτών των σχολίων. Ίδιος σύνδεσμος-μπλε όπως πάντα. Χρησιμοποιούμε ένα βέλος από το σύνολο εικονιδίων Entypo - μόνο δεν υπήρχε το τέλειο βέλος εκεί, έπρεπε να επιλέξουμε ένα που ήταν κοντά και να το περιστρέψουμε 180 μοίρες. Αυτό δεν πρέπει να είναι πρόβλημα στο CSS.

Για να καταστήσουμε σαφές ότι η ημερομηνία του σχολίου είναι επίσης μόνιμος σύνδεσμος, θα χρησιμοποιήσουμε επίσης ένα εικονίδιο για αυτό.

Παίζουμε με το πού πρέπει να πάνε οι σύνδεσμοι «λειτουργικότητας», αλλά δεν το παραμένουμε πολύ. Οι μόνοι άνθρωποι που θα δουν ποτέ αυτούς είναι εγώ. Για το δίσκο, αυτό είναι που κατέληξα.