語法特效 ~ 打造圖片的特殊效果 (二)

2012072218:35

~ 歐店編輯、整理 ~

原圖

(感謝老梅子提供美照作為範例使用)





1. 模糊效果

<div style="filter:Blur(參數);width:寬;height:高" align=center><br><img src="圖片網址貼此"></div>

參數
direction        -->方向(以45度角為單位)(0、45、90、135、180、225、270、315)
慮鏡寬要略大於圖片寬度(建議+15)
慮鏡高要略大於圖片高度(建議+15+10)

範例:

<DIV style="FILTER: Blur(direction=135); WIDTH: 400px; HEIGHT: 500px" align=center><br><IMG src=" http://i928.photobucket.com/albums/ad127/a230648/g01.jpg "></DIV>

 
 






2. 圖片霧化效果

<P align=center><TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)"
width=400 background="圖片網址貼此" height=500></TD></TR></TOBDY></TBODY></TABLE></P>
 

 
 

 



3. 圖片靜態倒影

<P align=center> <IMG height=500 src="圖片網址貼此" width=400><BR><IMG style="FILTER: wave
(strength=0,freq=3,phase=0,lightstrength=30) blur() flipv()" height=500 src="圖片網址貼此" width=400> </p>

綠色部分就是大家總問的居中代碼,放在紅色代碼中間的東西全部居中!

 




 


4 百葉窗

<TABLE cellSpacing=0 cellPadding=0 align=center border=0><TBODY><TR><TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=400 background="圖片網址貼此"height=500></TD></TR></TBODY></TABLE>
 

 
 





5 上下顛倒

<TABLE style="FILTER: flipv" height=500 width=400 align=center background="圖片網址貼此" border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE>


 
 





6. 左右 逐漸顯示

<center><MARQUEE scrollAmount=3 direction=right width=400 height=500><MARQUEE scrollAmount=3 width=400 height=500><DIV align=center><IMG src="圖片網址貼此"></DIV></MARQUEE></MARQUEE>
 

 





7. 上下逐漸顯示

<MARQUEE scrollAmount=3 direction=up behavior=alternate height=500><MARQUEE scrollAmount=3 direction=up height=500><DIV align=center><IMG src="圖片網址貼此"></DIV></MARQUEE></MARQUEE>


 





8. 添加背景代碼 (加入文字、動畫)

<div align=center><TABLE style='BACKGROUND-REPEAT:no-repeat; background-position:center center' background="圖片網址貼此" width=400  height=500 ><TBODY><TR><TD style='filter:Glow(strength=12,color=#4A7AC9) ;' align='center' valign='middle'><font style='font-size:15pt;' color=#00ff00>以下內容請自己編輯:<br>這是第1行<br>這是第2行<br>這是第3行<br>這是第4行<br>這是第5行<br>這是第6行<br>這是第7行<br>這是第8行<br><img src="動畫gif圖片網址貼此" ></font></TD></TR></TBODY></TABLE></div>
 
綠色部分寫上你需要說的話或文字,注意所有的<br>不要動它。

 

 
以下內容請自己編輯:
這是第1行
這是第2行
這是第3行
這是第4行
這是第5行
這是第6行
這是第7行
這是第8行





9 .移動圖片的代碼

<marquee><img src="圖片網址貼此"width="400" height="500"</img></marquee>

 

 




要如何引用文章呢?
1.先複製文章內容
2.點文章下方的【我要引用】
3.點了【我要引用】之後就直接連結到你要發表文章的地方
4.貼上你剛剛複製的【文章內容】
5.寫好【文章標題】
6.按【儲存】
7.【完成】
歐店感謝您的引用
歡迎您有空再度光臨

 








 


  •   言言 於 2012-07-24 00:19 3F
  • 晚安グッナイデコメ絵文字
    暑期‧炎熱酷暑問候毆店さん來了~ドラゴンボール/孫悟空(変身)デコメ絵文字



       夏キャラデコメ絵文字 暑中見舞いの画像 プリ画像
  • 版主於 2012-07-24 10:12 回覆
    美女早啊 ~    歡迎光臨歐店分享園地溜 ~



  •   雲自在 於 2012-07-23 11:37 2F


  • 好棒喔 老師...

    有時間 應該來玩玩這些效果

    3Q啦.......^^
  • 版主於 2012-07-23 11:44 回覆
    有閒不妨試試  粉好玩滴 ~
  •   還是 寒 於 2012-07-22 21:12 1F
  • 老大 謝囉 ~~  繼續 玩 
  • 版主於 2012-07-22 21:19 回覆
    慢用嘿 ~