ΠΩΣ ΒΑΖΩ ΚΕΙΜΕΝΟ ΜΕ CLICKABLE ΕΙΚΟΝΑ ΣΤΗΝ ΠΛΑΪΝΗ ΜΠΑΡΑ

ΠΩΣ ΒΑΖΩ ΚΕΙΜΕΝΟ ΜΕ CLICKABLE ΕΙΚΟΝΑ ΣΤΗΝ ΠΛΑΪΝΗ ΜΠΑΡΑ
TEXT BOX
Για να βάλετε στην πλαϊνή σας μπάρα ένα κείμενο με μία εικόνα η οποία θα είναι clickable αντιγράψτε τον παρακάτω κώδικα και αλλάξτε το πράσινο link το οποίο πατώντας στην εικόνα ο αναγνώστης θα οδηγείται στο σχετικό άρθρο που θέλετε. Επίσης αλλάξτε το μώβlink της εικόνας του άρθρου καθώς και τις διαστάσεις της εικόνας εκεί που γράφει width="80" height="55". Ακόμα μπορείτε να αλλάξετε και την αποστάση margin-right: 4px; Αν θέλετε το κείμενό σας να έχει άλλο χρώμα background και περίγραμμα βάλτε τον 2ο κώδικα που έχει το ανάλογο style. Απλά μην ξεχάσετε αν τον επαναλάβετε να αλλάξετε το #box16 με άλλο νούμερο για να μην συμπίπτει ο κώδικας και σας βγαίζει το ίδιο background.


ΚΩΔΙΚΑΣ 1ος Χωρίς style.
<a href="http://the-best-widgets.blogspot.gr/2014/04/slide-show.html" target="_blank"><img src="https://lh6.googleusercontent.com/-w7XGNop0hKk/VRUurvBqNdI/AAAAAAAAQaY/Fkl-Eg0qABQ/w80-h55-no/SCROLLING%2BSLIDESHOW.jpg" style="float: left; margin-right: 4px;" border="0" alt="Κυλιόμενο slideshow προς τα πάνωtitle="Κυλιόμενο slideshow προς τα πάνω" width="80" height="55"/>Αυτό είναι ένα κυλιόμενο slideshow πρός τα πάνω με εικόνες από Ελληνικά νησιά. Μπορείτε να το τοποθετήσετε σαν gadget πηγαίνοντας στην διάταξη > προσθήκη gadget > εισαγωγή HTML/java script.</a>

ΚΩΔΙΚΑΣ 2ος Με style.
<style> #box16{
margin-left: 0px;
padding-left: 2px;
padding-bottom: 2px;
background: #333333;
border: 1px solid #FBBB22;}
</style>
<div id='box16'>
<a href="http://the-best-widgets.blogspot.gr/2015/03/background.html" target="_blank"><img src="https://lh6.googleusercontent.com/-y7-Hdrq32cw/VRmgiiDDmOI/AAAAAAAAQlE/-RAC8eEQBcY/w100-h72-no/wood-colors1.jpg" style="float: left; margin-right: 4px;" alt="ΠΩΣ ΒΑΖΩ ΜΙΑ ΕΙΚΟΝΑ ΓΙΑ ΦΟΝΤΟ ΑΝΑΡΤΗΣΗΣ"  title="ΠΩΣ ΒΑΖΩ ΜΙΑ ΕΙΚΟΝΑ ΓΙΑ ΦΟΝΤΟ ΑΝΑΡΤΗΣΗΣ" width="100" height="72"/> Για να βάλετε στην πλαϊνή σας μπάρα ένα κείμενο με μία εικόνα η οποία θα είναι clickable αντιγράψτε τον παρακάτω κώδικα και αλλάξτε το πράσινο link το οποίο πατώντας στην εικόνα ο αναγνώστης θα οδηγείται στο σχετικό άρθρο που θέλετε.</a></div>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου