*♥ *โค้ดของร่วงหน้าบล็อค...ชุดที่ 5 พร้อมคำอธิบายการใช้งาน*♥*
มีเพื่อนๆหลายคนถามว่าถ้าอยากให้ของร่วงถึงด้านล่างของบล็อคต้องทำอย่างไง
จขบ ขออธิบายแบบละเอียดตามด้านล่างเลยนะคะ
จากโค้ดด้านล่าง จะเห็นตัวอักษรที่เป็นสีแดง คือ height:xxxpx
ซึ่งอันนี้จะเป็นตัวกำหนดว่ารูปของร่วงในแต่ละอัน
ว่าจะร่วงถึงตำแหน่งไหนในหน้าบล็อคของเรา
ถ้าเพื่อนๆอยากให้ร่วงถึงด้านล่างของบล็อค ก็ต้องปรับให้เจ้า height ตัวนี้ เยอะหน่อย
เช่น height:450px เป็น height:850px
ก็จะได้รูปของร่วง หล่นลงไปด้านล่างของบล็อคมากขึ้น
แต่ถ้าเราเพิ่มจำนวน height ของรูปแรกเท่าไหร่
ก็ควรจะเพิ่ม height ของทุกๆรูปในจำนวนที่เท่ากันนะคะ
สำหรับของร่วงชุดใหม่เนี้ย จขบได้ปรับให้ร่วงลงมาถึงด้านล่างของบล็อคแล้วนะคะ
แต่ถ้าใครอยากได้มากกว่านี้ ปรับตามที่บอกด้านบนเลยนะคะ
ทั้งนี้ขึ้นอยู่กับขนาดของบล็อกเพื่อนๆด้วยนะคะ
หากเพื่อนๆสร้างบล็อกที่มีเนื้อหาเยอะ(ยาวมากๆ) ก็ต้องปรับ height ให้มากขึ้น
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120px; top:50px; height:450px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/blue-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170px; top:70px; height:300px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/blue-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220px; top:90px; height:250px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/pink-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:270px; top:30px; height:370px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/blue-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:320px; top:30px; height:340px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/green-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:240px; top:30px; height:70px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/pink-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:140px; top:30px; height:50px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/blue-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:290px; top:30px; height:60px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/green-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:100;top:130px; width:8px;height:80px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/pink-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:360px; top:30px; height:330px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/blue-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:390px; top:50px; height:400px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/green-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:440px; top:70px; height:300px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/pink-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:470;top:100px; height:300px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/blue-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:560px; top:70px; height:300px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/green-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:590px; top:100px; height:300px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/pink-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:520px; top:170px; height:300px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/blue-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:610px; top:200px; height:300px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/green-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:650px; top:250px; height:340px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/pink-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690px; top:290px; height:380px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/blue-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:660px; top:40px; height:70px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/green-star.gif></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690px; top:60px; height:90px;"><img src=//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/pink-star.gif></marquee>
|
Create Date : 15 ตุลาคม 2551 |
|
12 comments |
Last Update : 24 ตุลาคม 2551 22:46:01 น. |
Counter : 736 Pageviews. |
|
|
|
| |
โดย: StupidlY 15 ตุลาคม 2551 19:47:18 น. |
|
|
|
| |
โดย: StupidlY 15 ตุลาคม 2551 19:48:03 น. |
|
|
|
| |
โดย: จ๋าคนดี 15 ตุลาคม 2551 21:20:36 น. |
|
|
|
| |
โดย: kobnon 16 ตุลาคม 2551 8:34:31 น. |
|
|
|
| |
โดย: beenaka IP: 222.123.175.220 25 ตุลาคม 2551 21:28:24 น. |
|
|
|
| |
โดย: fuku 8 พฤศจิกายน 2551 20:54:53 น. |
|
|
|
| |
โดย: tp.pop IP: 124.121.45.51 26 มิถุนายน 2552 0:05:51 น. |
|
|
|
|
|
|
|
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120px; top:50px; height:750px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170px; top:70px; height:600px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee><marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220px; top:90px; height:550px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee><marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:270px; top:30px; height:670px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:320px; top:30px; height:640px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee><marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:240px; top:30px; height:370px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:140px; top:30px; height:350px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:290px; top:30px; height:360px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:100;top:130px; width:8px;height:380px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:360px; top:30px; height:630px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:390px; top:50px; height:700px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:440px; top:70px; height:600px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:470;top:100px; height:600px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee><marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:560px; top:70px; height:600px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:590px; top:100px; height:600px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:520px; top:170px; height:600px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:610px; top:200px; height:600px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:650px; top:250px; height:640px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690px; top:290px; height:680px"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:660px; top:40px; height:370px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690px; top:60px; height:390px;"><img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/cupcake.gif"></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120px; top:50px; height:750px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170px; top:70px; height:600px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220px; top:90px; height:550px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:270px; top:30px; height:670px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:320px; top:30px; height:640px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:240px; top:30px; height:370px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:140px; top:30px; height:350px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:290px; top:30px; height:260px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:100;top:130px; width:8px;height:180px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:360px; top:30px; height:530px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:390px; top:50px; height:700px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:440px; top:70px; height:600px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
&l<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:470;top:100px; height:600px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:560px; top:70px; height:600px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:590px; top:100px; height:600px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:520px; top:170px; height:600px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:610px; top:200px; height:600px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:650px; top:250px; height:640px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690px; top:290px; height:680px"><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:660px; top:40px; height:270px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"&
gt</marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:690px; top:60px; height:190px;" ><
img src="//i221.photobucket.com/albums/dd229/ms-goodies/MySpace/falling-images/birthday-cake.gif"></marquee>