Marquee banner

Για  Νέους  Bloggers Νέοι bloggers γειά σας! Ολοι μας πάντα θέλουμε ένα banner για να έχουμε σαν σήμα στο blog μας...οι πιο πολλοί φτιάχνουν μία φωτογραφία, με ένα λογότυπο η μπαίνουν σε μία ιστοσελίδα που φτιάχνει παρόμοιες εικόνες, και έτσι όλοι μας έχουμε ένα banner...
Υπάρχει όμως και ο τρόπος που βλέπετε στη αρχή της ανάρτησης...βασίζεται σε κώδικα "Marquee" και χρειάζεται δύο εικόνες (gif κατά προτίμηση), και (γιατί όχι) φτιαγμένες κατάλληλα ώστε  να μας δίνουν το επιθυμητό αποτέλεσμα...




Το δικό μου, που σας έχω πιό πάνω, το έφτιαξα στο Photoshop, αλλά αυτό δεν σημαίνει οτι δεν μπορείτε να βάλετε δύο (η και τρείς) απλές φωτογραφίες (η και κείμενα)...Ο τρόπος γνωστός : BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :και βάζετε τον παρακάτω κώδικα:
<center>Για Νέους Bloggers</center><center> <marquee direction="up" height="50%" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3"><a href=" Η ΔΙΕΥΘΥΝΣΗ ΣΑΣ  " target="_blank"><img border="0" height="40" src="Η ΔΙΕΥΘΥΝΣΗ ΦΩΤΟΓΡΑΦΙΑΣ 1" width="240" /></a> <scrollamount="3" scroll="" slow="1"></scrollamount="3"></marquee></center><center><img  border="0" height="40" src="Η ΔΙΕΥΘΥΝΣΗ ΦΩΤΟΓΡΑΦΙΑΣ 2" width="240" /></center>

Φυσικά, εσείς βάζετε τη  ΔΙΕΥΘΥΝΣΗ ΣΑΣ και  τις διευθύνσεις των φωτογραφιών που διαλέξατε...επίσης, αλλάζετε τα μεγέθη  width  και  height και αντικαθιστάτε  το μήνυμα στην αρχή (Για Νέους Bloggers)....επίσης την  απόσταση των 2 φωτογραφιών, αλλάζοντας το ποσοστό   height="50%" .... και τη ταχύτητα   scrollamount="3" ......

Για όσους ενδιαφέρονται  και κατέχουν κάτι από προγράμματα εικόνας, σας συνιστώ αυτή τη διεύθυνση: http://www.pixlr.com/editor/ (ένα photoshop on line)

Εδώ σας βάζω μερικούς ακόμη κώδικες για απλά κείμενα Marquee:

1.   <marquee>ΑΠΛΟΣ ΚΩΔΙΚΑΣ ΚΕΙΜΕΝΟΥ</marquee>

2.  <marquee bgcolor="#B40404">ΑΠΛΟ ΚΕΙΜΕΝΟ ΜΕ ΧΡΩΜΑ</marquee>

3.  <marquee direction="right" bgcolor="#B40404">ΚΕΙΜΕΝΟ ΠΡΟΣ ΤΑ ΔΕΞΙΑ ΜΕ ΧΡΩΜΑ</marquee>

4.  <marquee behavior="alternate" direction="left" bgcolor="#B40404" scrollamount="2">ΚΕΙΜΕΝΟ ΠΡΟΣ ΑΡΙΣΤΕΡΑ ΜΕ ΧΡΩΜΑ ΤΑΧΥΤΗΤΑΣ 2</marquee>

Μερικές ακόμη εντολές:

onmouseover="this.stop()" onmouseout="this.start()"
behavior="alternate"
direction="left"
Για περισσότερες λεπτομέρειες σας συστήνω να κοιτάξετε ΕΔΩ και ΕΔΩ