Δώστε ζωή στις λίστες σας με την επίδραση του ποντικιού

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Συνήθως στις αναρτήσεις μας χρησιμοποιούμε λίστες για να περιγράψουμε κάτι ή για να δώσουμε έμφαση στο λόγο μας. Κυρίως σε εμάς βρίσκετε πάντα λίστες που σας λένε ποια βήματα πρέπει να ακολουθήσετε. Αυτό το μάθημα θα σας δείξει πως να δώσετε χρώμα σ' αυτές τις λίστες. Ακολουθήστε τα παρακάτω βήματα:
  • Σύνδεση στον Blogger
  • Σχεδίαση / Επεξεργασία HTML
  • Βρείτε την ]]></b:skin>
  • Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:

.post ul {list-style-type: circle; 
}
.post ul li {
line-height: 1.5em;
color:#289728;
}
.post ul li:hover {
color:#0080ff;
list-style-type: disc;
}
.post ul p { color:#555555;
line-height:1.4em; }
  • Αποθήκευση προτύπου και είστε έτοιμοι.
  • Όταν θέλετε να χρησιμοποιήστε λίστα τύπου 
<ul>
<li>Το κείμενό σας</li>
<li>Το κείμενό σας</li>
</ul> 
τότε θα δείτε την λειτουργία αυτού του trick όπως παραπάνω.


0 σχόλια:

Post a Comment

 
back to top