Μια μικροσκοπική αλλαγή σχεδιασμού ιστοσελίδων με μεγάλο αντίκτυπο

Όταν ξεκίνησα έναν νέο ιστότοπο, ήθελα να προσθέσω ένα είδος δυνατότητας στο ιστολόγιο που θα τονίζει τον νέο ιστότοπο. Ωστόσο, δεν ήθελα να το καταστήσω υπερβολικά προφανές ή να απομακρυνθώ από το ίδιο το blog.

Η απάντηση ήταν μικρή, αλλά είχε τεράστιο αντίκτυπο… προσθέτοντας μια μικρή νέα εικόνα στον σύνδεσμο στο μενού πλοήγησης. (κάντε κλικ στο δημοσιεύστε για να το δείτε σε δράση). Έτρεξα με τον σύνδεσμο για αρκετές ημέρες από μόνη της και δεν είχα κυκλοφορία. Πρόσθεσα την εικόνα και τώρα το 8.5% της εξερχόμενης κίνησης περνά από αυτόν τον σύνδεσμο!

Αντί να ενσωματώσω την εικόνα στο HTML, χρησιμοποίησα το CSS έτσι ώστε να μπορώ να το χρησιμοποιήσω σε άλλες νέες δυνατότητες στο μέλλον. Το CSS μοιάζει με αυτό:

span.new {φόντο: url (/mytheme/new.png) χωρίς επανάληψη πάνω δεξιά; επένδυση: 0px 18px 0px 0px; }

Το φόντο αγκυρώνει την εικόνα στη δεξιά κορυφή του κειμένου και την εμποδίζει να επαναληφθεί. Η επένδυση σπρώχνει το εύρος 18 pixel πέρα ​​από το κείμενο, έτσι ώστε η εικόνα σας να είναι σε καθαρή προβολή. Για να το ενσωματώσω στη σελίδα είναι πλέον εύκολο, απλά χρησιμοποιώ μια ετικέτα span γύρω από το κείμενό μου:

Κριτικές

Μερικές φορές δεν χρειάζονται πολλά για να κατευθύνουν τους αναγνώστες σας σε μια νέα κατεύθυνση!

3 Σχόλια

  1. 1

    Καταπληκτική συμβουλή! Τόσο απλό και τόσο καλό… Αυτό είναι το είδος των πραγμάτων που προσθέτουν αξία σε ένα blog: απλές, καλές, χρήσιμες συμβουλές… Ευχαριστώ!

  2. 2
  3. 3

Ποια είναι η γνώμη σας;

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.