DESCRIPTION TEXT BOX ON MOUSEOVER

σχετική ανάρτηση εδώ.Πατήστε διπλό κλίκ στις λέξεις ανάρτηση εδώ και θα ανοίξει ένα pop up window για να διαβάσετε τις συμβουλές μου. Για να ρυθμίσετε που θα εμφανίζετε το κουτάκι της επεξήγησης αν δηλαδή θα είναι πάνω απο την λέξη ή κάτω απο την λέξη αλλάξτε το top:50px σε top:-50px.

<style>
a.info {position:relative;color:#33FFFF;text-decoration:none;text-align:left;}
a.info span {display: none}
a.info:hover span {display:block;position:absolute;top:50px;width:300px;height:auto;border:5px solid #FBBB22;background-color:#173377; color:#FFFFFF;font-size:13px;font-family:Arial;text-align: left;padding:5px;}
</style>
<a href="http://my-posts-1.blogspot.gr/2015/10/blog-seo.html"  target="_blank" onclick="window.open(this.href, 'popupwindow', 'width=750, height=500, resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return false;" class="info"> σχετική ανάρτηση εδώ.<span>Πατήστε διπλό κλίκ στις λέξεις ανάρτηση εδώ και θα ανοίξει ένα pop up window για να διαβάσετε τις συμβουλές μου. Για να ρυθμίσετε που θα εμφανίζετε το κουτάκι της επεξήγησης αν δηλαδή θα είναι πάνω απο την λέξη ή κάτω απο την λέξη αλλάξτε το top:50px σε top:-50px.</span></a>