蝶舞教學～如何將部落底圖（靜動圖）放大置入全頁面

蝶舞教格友二種方式.依個人喜好選擇(要看放大教學圖片.請點圖片下方ㄉ網址喔）

Ulead GIF Ainmator.PhotoImpact.PhotoShop 動畫軟體教學

http://tw.myblog.yahoo.com/shamo_yy22/article?mid=5367&prev=5393&next=5362&l=f&fid=39

如何用GIF Animator 做簡單圖片播放效果?

1. Gif Animator v5主程式    　　     下載點     

完成圖：

http://img29.picoodle.com/img/img29/4/4/15/f_pm_35662b5.jpg

方法一...圖片呈現整頁...但會因加寬所以圖片會變寬喔！

首先開啟 Ulead GIF

1.新增影像

http://img33.picoodle.com/img/img33/4/4/15/f_1m_64f.30f.jpg

2.裁剪底框----原本此張圖片寬515  高515  .....

http://img36.picoodle.com/img/img36/4/4/15/f_2m_5a9dcd8.jpg

3.調整影像

 

http://img29.picoodle.com/img/img29/4/4/15/f_3m_025f6a9.jpg

4.點放大鏡縮小看全圖

http://img29.picoodle.com/img/img29/4/4/15/f_4m_c79b30e.jpg

5.完成囉------另存新檔

http://img29.picoodle.com/img/img29/4/4/15/f_5m_ce7d2cf.jpg

 

方法二..利用底色讓圖片寬度不更改

1.開新檔案

http://img29.picoodle.com/img/img29/4/4/15/f_21m_1f7f1ac.jpg

2.

http://img29.picoodle.com/img/img29/4/4/15/f_22m_6583fe8.jpg

3.

http://img29.picoodle.com/img/img29/4/4/15/f_23m_e3125d8.jpg

4.

http://img29.picoodle.com/img/img29/4/4/15/f_24m_9802ced.jpg

5.完成囉----

http://img29.picoodle.com/img/img29/4/4/15/f_25m_8d6ea74.jpg

好～接下來是取得圖片網址.

上傳空間

先打開上傳空間ㄉ網址   http://www.picoodle.com/

1.

http://img29.picoodle.com/img/img29/4/4/15/f_W1m_512df60.jpg

 

 2.

http://img29.picoodle.com/img/img29/4/4/15/f_W2m_ffc9467.jpg

最後取得網址放入語法...將語法加入自訂樣式中.如有重複語法請先刪除喔！

背景底圖語法

body {
background-image:url(圖片網址);
background-repeat:repeat;
background-attachment:fixed;
}

希望蝶舞示範簡單教學個位能懂易學..如有問題.歡迎指教喔！！