Làm ông già noel di chuyển trên nền mash:)

Lâu rồi không post bài Hôm ni share anh em một mẹo nhỏ trang trí mash cho ngày noel nghen.

Đây là hình minh họa:

Ở hình minh họa các bạn thấy được ông già noel cưỡi ngựa chạy từ nền phải qua trái Cách làm rất đơn giản, mình sẽ hướng dẫn dưới đây:

Cách thức chung:
Kiếm 1 file hình ảnh, hình động cũng được làm file hình này di chuyển từ phải qua trái theo code dưới đây.

Hướng dẫn chi tiết:

CÁCH 1: Chỉ hoạt động trên Internet Explorer 6 và gran paradiso

Có 2 phần: add code vào my stuff, và add code vào css:


ADD CODE1 vào MY STUFF rồi SAVE:


Code:
<div class="santa1"><table width="1000">
<tr>
<td> <p align="center">
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:0px; top:0px; height:0px; z-index:0; "><span style="color:!important;"><img src="http://files.myopera.com/lequangvan2005/files/31.gif"></span></marquee>
</td>
</tr>
</table></div></div>ADD code2 vào CSS rồi APPLY:


Code:
#ypf-mystuff .santa1{ position:absolute; top:-1000px; left:0px; font-size: 8px; }(Các bạn chú ý chỉnh TOP LEFT ở code2 trên cho vừa vặn với vị trí bạn muốn cho ông già noel di chuyển, ví dụ như mash của mình mình chọn top: -1500px; left:0px) TOP là từ trên mystuff xuống, Left là từ trái qua. Chú ý: giá trị TOP:âm (-1500px) nghĩa là phía trên MYSTUFF 1 khoảng 1500px, giá trị dương là phía dưới MYSTUFF1 khoảng

Mình đã check trên IE 6.0 hoạt động tốt, tuy nhiên ko hoạt động trên FIREFOX và internet explorer 7

Hichic thôi thì mình lại trở lại cách cũ tạo 1 cái flash ông già noel chạy vậy
Cách làm giống như trang trí effect tuyết rơi.

Cách 2: Hoạt động trên firefox opera, IE 7... trừ Internet Explorer 6

Cũng có 2 phần: add code vào my stuff, và add code vào css:


ADD CODE này vào MY STUFF rồi SAVE:

Code:
<div class="santa1"><table width="1000">
<tr>
<td><p align="center"> <embed allowScriptAccess="never" allowNetworking="internal" enableJavaScript="false"
src="http://files.myopera.com/lequangvan2005/files/santa11.swf
" width=1000 height=88 wmode="transparent"> <br>
</td>
</tr>
</table></div></div>Sau đó add code này vào CSS rồi APPLY:

Code:
#ypf-mystuff .santa1{ position:absolute; top:-1000px; left:0px; font-size: 8px; }(Các bạn chú ý chỉnh TOP LEFT ở code trên cho vừa vặn với vị trí bạn muốn cho ông già noel di chuyển, ví dụ như mash của mình mình chọn top: -1500px; left:0px) TOP là từ trên mystuff xuống, Left là từ trái qua. Chú ý: giá trị TOP:âm (-1500px) nghĩa là phía trên MYSTUFF 1 khoảng 1500px, giá trị dương là phía dưới MYSTUFF1 khoảng



Vì một cộng đồng mash ngày một đông dzui