Κυλιόμενο κείμενο και κυλιόμενη εικόνα

Κυλιόμενο κείμενο
Κυλιόμενο κείμενο
Κυλιόμενο κείμενο
Κυλιόμενο κείμενο
Κυλιόμενο κείμενο

Δείτε πως μπορείτε να βάλετε κυλιόμενο κείμενο ή εικόνα στο blog σας. Είναι πολύ απλό χωρίς jawascript, μόνο με HTML και CSS.

1. Η πιο απλή μορφή, έρχεται το κείμενο από τα δεξιά μας προς τα αριστερά:
<marquee> Κυλιόμενο κείμενο κατευθυνόμενο αριστερά. </marquee>
Κυλιόμενο κείμενο κατευθυνόμενο αριστερά.

2. Το ίδιο με το προηγούμενο απλά εδώ έχουμε χρώμα φόντου γαλάζιο:
<marquee bgcolor=LightBlue> Το κείμενο πάει προς τα αριστερά και έχει χρώμα φόντου. </marquee>
Το κείμενο πάει προς τα αριστερά και έχει χρώμα φόντου.

3. Μπορείτε να το κάνετε να πηγαινοέρχεται με την παρακάτω γραμμή κώδικα:
<marquee behavior="alternate"> Το κείμενο πάει εναλλάξ μια προς δεξιά και μια προς αριστερά. </marquee>
Το κείμενο πάει εναλλάξ μια προς δεξιά και μια προς αριστερά.

4. Εδώ πάει προς τα δεξιά:
<marquee direction="right">κείμενο προς δεξιά </marquee>Κείμενο προς δεξιά.
κείμενο προς δεξιά

5. Από κάτω προς τα πάνω:
<marquee direction="up" bgcolor="LightBlue">Το κείμενο πάει από κάτω προς τα πάνω. </marquee>
Το κείμενο πάει από κάτω προς τα πάνω.

6. Μπορείτε να βάλετε και εικόνα:
<marquee direction="left" scrollamount="10"><img src="http://2.bp.blogspot.com/-y2v02X4BSrI/UUgWP--WAaI/AAAAAAAAOAw/Qyum4P1bLjo/s320/stork.gif" /></marquee>

ή
<marquee direction="right" scrollamount="22"><img src="http://2.bp.blogspot.com/-40ATSl1x9K4/UUgWPwbg1HI/AAAAAAAAOAs/4cj13walX2w/s320/skillos.gif" /></marquee>



7. Σταματάει η κίνηση όταν το ποντίκι περάσει πάνω από το κείμενο:
<marquee behavior="alternate" direction="left" bgcolor="#CCCCCC" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50"> Βάλτε τον κέρσορα πάνω στο κείμενο</marquee>
Βάλτε τον κέρσορα πάνω στο κείμενο

8. Με χρωματιστό κείμενο:
<font color="#ff0000"><marquee scrollamount="4" bgcolor="#cccccc">Χρωματιστό κείμενο</marquee></font>
Χρωματιστό κείμενο

9. Βάλτε hyperlinks (υπερσύνδεσμο):
<marquee align="middle" behavior="scroll" bgcolor="#99FFFF" direction="left" scrollamount="4"><a href="http://facebook.com/TetsiWorld" target="_blank">Facebook</a></marquee>
Facebook | Twitter | RSS

9. Με εικόνα στο background:

tetsitech.blogspot.com

Δείτε όλες τις παραμέτρους που μπορούμε να δώσουμε στην ετικέτα <marquee> :
BGCOLOR=”Χρώμα” → Χρώμα φόντου.
DIRECTION=”left/right/up/down” → Κατεύθυνση του αντικειμένου (κείμενο,εικόνα...).
BEHAVIOR=”scroll/slide/alternate” → Συμπεριφορά του αντικειμένου.
Scroll → Το αντικείμενο κινείτε συνεχώς.
Slide → Το αντικείμενο κινείτε μόνο μια φορά και μετά σταματά.
Alternate → Το αντικείμενο κινείτε επαναλαμβανόμενα αριστερά δεξιά.
TITLE=’Κείμενο” → Το κείμενο που εμφανίζετε με το mouse over.
SCROLLMOUNT=”Αριθμός” → Ταχύτητα του αντικειμένου(όσο μεγαλύτερη, τόσο ταχύτερο).
SCROLLDELAY=”Δευτερόλεπτα” → Καθυστέρησης.
LOOP=”Αριθμός|-1|infinite” → Επανάληψη (infinite=άπειρο).
WIDTH=”Αριθμός” → Το μήκος του αντικειμένου (σε pixel (px) ή επί της εκατό(%)).

Παρακάτω σας παραθέτω και δύο widget για το blog σας που μπορείτε να τα βάλετε πολύ εύκολα με τον ακόλουθο τρόπο:

  • Σύνδεση στο λογαριασμό μας στο blogger.com
  • Διάταξη
  • Προσθήκη gadget
  • HTML/JavaScript
  • Επικόλληση και αποθήκευση του κώδικα με το κυλιόμενο κείμενο η κυλιόμενης εικόνας που θέλετε









<center>
<table border="10" cellpadding="3" height="135" width="195" bgcolor="#F2F5A9"> <tbody><tr> <td>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="5" direction="up" align="center">
<a href="ΔΙΕΥΘΥΝΣΗ" target="_blank"><img src="ΔΙΕΥΘΥΝΣΗ ΦΩΤΟΓΡΑΦΙΑΣ?imgmax=800" /></a>
<a href="ΔΙΕΥΘΥΝΣΗ" target="_blank"><img src="ΔΙΕΥΘΥΝΣΗ ΦΩΤΟΓΡΑΦΙΑΣ?imgmax=800" /></a>
<a href="ΔΙΕΥΘΥΝΣΗ" target="_blank"><img src="ΔΙΕΥΘΥΝΣΗ ΦΩΤΟΓΡΑΦΙΑΣ?imgmax=800" /></a>
<a href="ΔΙΕΥΘΥΝΣΗ" target="_blank"><img src="ΔΙΕΥΘΥΝΣΗ ΦΩΤΟΓΡΑΦΙΑΣ?imgmax=800" /></a>
<a href="ΔΙΕΥΘΥΝΣΗ" target="_blank"><img src="ΔΙΕΥΘΥΝΣΗ ΦΩΤΟΓΡΑΦΙΑΣ?imgmax=800" /></a>
<a href="ΔΙΕΥΘΥΝΣΗ" target="_blank"><img src="ΔΙΕΥΘΥΝΣΗ ΦΩΤΟΓΡΑΦΙΑΣ?imgmax=800" /></a>
</marquee>
</td> </tr> </tbody></table></center>

1. Όπου ΔΙΕΥΘΥΝΣΗ θα βάλετε τη διεύθυνση που θα "στέλνει" (σε νέο παράθυρο) η φωτογραφία σας...
2. Όπου ΔΙΕΥΘΥΝΣΗ ΦΩΤΟΓΡΑΦΙΑΣ θα βάλετε το URL της εικόνας που θα φαίνεται...
3. Εάν θέλετε λιγότερες ή περισσότερες φωτογραφίες, τότε αφαιρέστε ή προσθέστε αντίστοιχα τον παρακάτω κώδικα:
<a href="ΔΙΕΥΘΥΝΣΗ" target="_blank"><img src="ΔΙΕΥΘΥΝΣΗ ΦΩΤΟΓΡΑΦΙΑΣ?imgmax=800" /></a>

Το δεύτερο widget δείτε το εδώ. Ορίστε και ο κώδικάς του:

3 σχόλια:

  1. που καλο πιο μεγαλο γινεται ?

    ΑπάντησηΔιαγραφή
  2. Cảm ơn vi một bài viết xuất sắc. Mình cũng muốn giới thiệu về một thương hiệu dịch thuật uy tín: Công ty CP dịch thuật miền trung - MIDtrans địa chỉ 02 Hoàng Diệu, TP Đồng Hới, tỉnh Quảng Bình có Giấy phép kinh doanh số 3101023866 cấp ngày 9/12/2016 là đơn vị chuyên cung cấp dịch vụ dịch thuật, phiên dịch dành các cá nhân. Hệ thống thương hiệu và các Công ty dịch thuật con trực thuộc: dịch thuật tp hcm địa chỉ 47 Điện Biên Phủ, Phường Đakao, Quận 1 TP HCM, dịch thuật quy nhơn, bình định : địa chỉ 100 , Lê Lợi, quy nhơn, bình định là nhà cung ứng dịch vụ dịch thuật uy tín hàng đầu tại bình định translation service in Vietnam : dịch vụ dịch thuật cho người nước ngoài có nhu cầu, giao diện tiếng Anh dễ sử dụng; dịch thuật công chứng quận 5 (năm) : nhà cung ứng dịch vụ dịch vụ dịch thuật phiên dịch hàng đầu tại Quận 4, TP HCM; dịch thuật Đà Nẵng : Địa chỉ 54 Đinh Tiên Hoàng, Quận Hải Châu, TP Đà Nẵng chuyên cung cấp dịch vụ dịch thuật công chứng, dịch thuật chuyên ngành tại Đà Nẵng. Chúng tôi chuyên cung cấp các dịch vụ biên dịch và phiên dịch, dịch thuật công chứng chất lượng cao hơn 50 ngôn ngữ khác nhau như tiếng Anh, Nhật, Hàn, Trung, Pháp, Đức, Nga, Tây Ban Nha, Bồ Đào Nha, Ý, Ba Lan, Phần Lan, Thái Lan, Hà Lan, Rumani, Lào, Campuchia, Philippin, Indonesia, La Tinh, Thụy Điển, Malaysia, Thổ Nhĩ Kỳ..vv... Dịch thuật MIDtrans tự hào với đội ngũ lãnh đạo với niềm đam mê, khát khao vươn tầm cao trong lĩnh vực dịch thuật, đội ngũ nhân sự cống hiến và luôn sẵn sàng cháy hết mình. Chúng tôi phục vụ từ sự tậm tâm và cố gắng từ trái tim những người dịch giả.Tự hào là công ty cung cấp dịch thuật chuyên ngành hàng đầu với các đối tác lớn tại Việt nam trong các chuyên ngành hẹp như: y dược (bao gồm bệnh lý), xây dựng (kiến trúc), hóa chất, thủy nhiệt điện, ngân hàng, tài chính, kế toán. Các dự án đã triển khai của Công ty dịch thuật chuyên nghiệp MIDtrans đều được Khách hàng đánh giá cao và đạt được sự tín nhiệm về chất lượng biên phiên dịch đặc biệt đối với dịch hồ sơ thầu , dịch thuật tài liệu tài chính ngân hàng, dịch thuật tài liệu y khoa đa ngữ chuyên sâu. Đó là kết quả của một hệ thống quản lý chất lượng dịch thuật chuyên nghiệp, những tâm huyết và kinh nghiệm biên phiên dịch nhiều năm của đội ngũ dịch giả của chúng tôi. Hotline: 0947688883. email: info@dichthuatmientrung.com.vn . Các bạn ghé thăm site ủng hộ nhé. Cám ơn nhiều

    ΑπάντησηΔιαγραφή

Δικά μου

Larissakid

Τα άρθρα μου στο email σας

>