Links που δείχνουν την περιγραφή μόλις ακουμπήσει ο κέρσορας

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

  • Σύνδεση στον Blogger
  • Σχεδίαση / Επεξεργασία HTML
  • Βρείτε την ετικέτα </head>
  • Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:

<style type='text/css'>
a.tooltip{
position:relative;
text-decoration: none;
}
a.tooltip span{
display: none;
}
a.tooltip:hover span{
display:block;
position:absolute;
top:20px; left:20px;
padding: 5px;
width:200px;
border:1px solid
#fff;
background-color:
#000000;
filter:alpha(opacity=60);
opacity:0.6;
color:#fff;
}
</style>
  • Αποθηκεύστε το πρότυπό σας.
  • Όταν θέλετε να χρησιμοποιήσετε αυτού του τύπου link, για να το εισάγετε, χρησιμοποιείτε τον παρακάτω κώδικα:

<a href="ΤΟ LINK ΣΑΣ" class="tooltip">ΤΟ ΚΕΙΜΕΝΟ LINK ΠΟΥ ΘΑ ΦΑΙΝΕΤΑΙ<span>Η ΠΕΡΙΓΡΑΦΗ ΤΟΥ LINK</span></a>
Κάντε μια δοκιμή με το παρακάτω παράδειγμα:
<a href="http://www.bloggertipsandtricks.net/" class="tooltip">Blogger Tips and Tricks<span>Gadgets, Widgets, Tutorials</span></a>


    0 σχόλια:

    Post a Comment

     
    back to top