19 Νοεμβρίου 2010



6 Marquee με εικόνα και κείμενο

Πώς να βάλετε κι εσείς ένα Marquee με κείμενο και εικόνα στο Blog σας.
Το Script αυτό, φτιάχτηκε για έναν φίλο μας που μου το ζήτησε μέσω email, και με την ευκαιρία, το δίνω και για όσους δεν ξέρουν πως γίνεται, και που ίσως κάποιοι να το θέλουν.

<!-- HTML Code by AATON, http://nikos63.blogspot.com -->
<style type="text/css">
.html-marquee {height:80px;width:300px;background-color:000000;font-family:Verdana;font-size:14pt;color:CCFFFF;font-weight:bold;border-width:1;border-style:double;border-color:000000;}
</style>
<marquee class="html-marquee" direction="left" behavior="scroll" scrollamount="4" ><img src="http://img822.imageshack.us/img822/2588/aaton.png"> Το Blog poυ γράφει και επιμελείται ο AATON..</marquee><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://nikos63.blogspot.com/ target="_blank"">AATONs Tips & Tricks 4 Bloggers</a></p>

Με τον παραπάνω κώδικα, το αποτέλεσμα θα είναι αυτό ακριβώς:





Το Blog poυ γράφει και επιμελείται ο AATON..


Μπορείτε να κάνετε τις παρακάτω αλλαγές:

1. font-family:Verdana;font-size:14pt (αλλάζοντας το 14 σε άλλον αριθμό, της προτίμησής σας)

2. color:CCFFFF  (αλλάζοντας το χρώμα με όποιο προτιμάτε)

3. border-style:double (αντικαθιστώντας το με: dotted, solid, dashed )

4. scrollamount="4" (αντικαθιστώντας με 1, που είναι πολύ αργό, μέχρι 9, πάρα πολύ γρήγορο. Προτιμήστε 4 η 5 το πολύ)

5. Το Blog poυ γράφει και επιμελείται ο AATON.. (Εδώ μπαίνει το κείμενό σας. Γράψτε όσες λέξεις θέλετε, αντικαθιστώντας το κείμενό μου με δικό σας)

6. img src="http://img822.imageshack.us/img822/2588/aaton.png" (Εδώ θα βάλετε το URL της εικόνας που θέλετε, αρκεί να χωράει στο Marquee, αλλιώς, ή μικρύνετε την ειόνα, ή μεγαλώστε τα νούμερα στο width και στο height.

7. Μπορείτε να κάνετε περισσότερες αλλαγές, απλά βλέποντας το παράδειγμά μου, και κάνοντας εσείς τους δικούς σας πειραματισμούς, όπως στην αλλαγή του backround χρώματος, του Link στο τέλος, και ότι άλλο θέλετε επιπλέον, βάζοντας και δικές σας παραμέτρους όσοι έχετε κάποιες βασικές γνώσεις στην HTML.

Θα χαιρόμουν πάντως αν αφήνατε απείραχτο το 1ο σημείο του κώδικα, με το όνομά μου και το λίνκ μου ( !-- HTML Code by AATON, http://nikos63.blogspot.com -- ) το οποίο ούτε θα φαίνεται πουθενά, ούτε θα clickάρεται, ένα απλό Credit είναι).


Διαφήμιση




Print this post



Related Posts :



6 σχόλια:

MARY είπε... Best Blogger Tips

Καλημέρα Νίκο!
Ωραίο!...


Βάσσια είπε... Best Blogger Tips

Πολύ καλό :-)

Καλημέρα και καλό σ/κ.


pan de lees είπε... Best Blogger Tips

με βολεψες γιατι ειχα κατι αποριες στο συγκεκριμενο θεμα σχετικα με τη προσαρμογη μεγεθους γραμματων και συνδιασμου εικονας....παντα καλλιτεχνης και κατατοπιστικος !!! παντα τετοια χαχα


MARY είπε... Best Blogger Tips

0 από 0 , 0


AATON είπε... Best Blogger Tips

Mary, δεν σου άρεσε η δεν τα κατάφερες; :)


MARY είπε... Best Blogger Tips

http://mproxeiro.blogspot.com/


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

Πες πως δεν έχεις χρόνο να σχολιάσεις.. να 'χεις πάρει όμως σοβαρό ύφος, καλά;

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.

Next Next Next