美化博客實用技巧⑹-如何給日誌添加漂亮的flash背景 -

作者：英雄 2008年10月18日新 熱不少朋友看了我在日誌里用flash作背景，很喜歡，也想在自己的日誌中添加flash，美化日誌，烘托文章的情感氛圍。英雄現把用flash做背景的方法簡介如下。一、有關代碼：英雄僅以《 {極品}透明flash特效素材-水墨風格》為例<TABLE cellSpacing=15 cellPadding=15 width_=780 align=center background=http://image9.360doc.com/DownloadImg/2010/05/1315/3186346_3.jpg border=0><TBODY><TR><TD><CENTER><TABLE cellSpacing=5 borderColorDark=#370000 cellPadding=5 width_=680 bgColor=#1b0000 borderColorLight=#8b525d background=http://image9.360doc.com/DownloadImg/2010/05/1315/3186346_4.jpg border=0><TBODY><TR><TD><CENTER><TABLE cellSpacing=5 borderColorDark=#370000 cellPadding=5 bgColor=#1b0000 borderColorLight=#8b525d border=0><TBODY><TR><TD><CENTER><TABLE cellSpacing=5 borderColorDark=#370000 cellPadding=5 bgColor=#1b0000 borderColorLight=#8b525d background=http://image9.360doc.com/DownloadImg/2010/05/1315/3186346_4.jpg border=0><TBODY><TR><TD><CENTER><TABLE cellSpacing=0 borderColorDark=#370000 cellPadding=0 bgColor=#1b0000 borderColorLight=#8b525d background=http://image9.360doc.com/DownloadImg/2010/05/1315/3186346_5.jpg border=0><TBODY><TR><TD><TABLE borderColor=#ccccc cellSpacing=0 width_="80%" align=center bgColor=#cccccc border=0><TBODY><TR><TD>{以上是六層日誌邊框代嗎，如果你用這個邊框，就把這些說明文字去掉}{下面就是為日誌添加的背景flash代碼}<P align=center><EMBED style="LEFT: 0px; WIDTH: 280px; TOP: 0px; HEIGHT: 260px" align=right src=http://www1.flashline.cn/flashline/sucai/flower2/82.swf width_=300 height=280 type=application/x-shockwave-flash 煙袋花 wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"> <EMBED style="LEFT: 0px; WIDTH: 720px; TOP: 0px; HEIGHT: 2400px" align=right src=http://www1.flashline.cn/flashline/sucai/flower1/292.swf width_=800 height=2400 type=application/x-shockwave-flash 兩朵花 wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"><EMBED style="LEFT: 0px; WIDTH: 720px; TOP: 0px; HEIGHT: 4000px" align=right src=http://www1.flashline.cn/flashline/sucai/flower2/121.swf width_=800 height=4400 type=application/x-shockwave-flash 串花 wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"><EMBED style="LEFT: 0px; WIDTH: 320px; TOP: 0px; HEIGHT: 320px" align=right src=http://www1.flashline.cn/flashline/sucai/flower1/6.swf width_=380 height=320 type=application/x-shockwave-flash 紫喇叭花 wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"> <EMBED style="LEFT: 0px; WIDTH: 720px; TOP: 0px; HEIGHT: 7000px" align=right src=http://www1.flashline.cn/flashline/sucai/flower2/121.swf width_=800 height=7400 type=application/x-shockwave-flash 串花 wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"><EMBED style="LEFT: 0px; WIDTH: 720px; TOP: 0px; HEIGHT: 5800px" align=right src=http://www1.flashline.cn/flashline/sucai/flower2/82.swf width_=800 height=6000 type=application/x-shockwave-flash 煙袋花 wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"><EMBED style="LEFT: 0px; WIDTH: 720px; TOP: 0px; HEIGHT: 7800px" align=right src=http://www.hawh.cn/admin/upload_file/file/2008-10/1223972842251.swf width_=800 height=7800 type=application/x-shockwave-flash 鑽石 wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never">注意事項：1、在flash下面不能要任何後綴代碼，比如：</P></TD>等，如果是系統自動生成的後綴代碼也要去掉。2、在flash背景的下面必須要加一個邊框，否則，下面的文字、內容就不能正常顯示，會被擠壓到一邊而豎起來。其實，邊框的作用，就是表格的作用，大家對表格已經很熟悉了，為flash加上表格，就等於把flash裝在「容器」里，就象給小鳥、動物做個籠子，不使它們亂跑。我們也給flash做個「籠子」，讓它聽話，放在那個位置，它就乖乖的呆在那個位置。3、背景flash需要加幾層，這可根據你的喜好而定，我在《透明flash特效素材-水墨風格》里加了7層flash。4、在每層flash代碼裡面一定不要忘了加上align=right居右這個代碼，因為，把多層flash添加在一起，就是對flash的組合，用align=right居右這個代碼，把它們有機的組合在一起。flash的組合，就像一個大家庭，每一層flash就是這個大家庭里的成員，少了align=right居右這個代碼，就沒有了團結的紐帶，就會使它們分家，而不能形成一個完美的整體。5、接下來的一個重點，也是難點的就是認真、仔細、反覆多次的調整每層flash的寬和高。因為寬、高是給flash定位的其中一個最主要的方法。初學者可把我給出的flash代碼，複製、粘貼到自己的日誌里只換flash地址，查看效果，再仔細研究我對寬、高的調整，等掌握了要領後，你就能隨心所欲了。我在調整flash位置時，同樣是一個一個的調，也要用好長時間。6、在調整flash的位置時，也要對日誌邊框的寬度進行調整，最上面的一層（最外邊的一層）邊框的寬一般設為780，它下面各層邊框的寬可設為"100％"。當然，邊框層數少了（只一或兩層），可把寬設到800.7、做背景的flash，可以是透明的，亦可是不透明的flash，如果用不透明的flash做背景，要注意一點，就是把不透明的flash添加在透明flash的最上面，以免把透明的flash遮住。8、選擇flash時，一般要選擇下落的flash，因為大多下落的flash，移動的距離較大，我們調整的幅度就大，也就是說調整高度大。我在《透明flash特效素材-水墨風格》里，把水晶鑽石的高度調整到70000，但，需要注意的一點是：flash的高度（運動的距離）要根據自己日誌內容的多少而定，也既是根據日誌邊框的高度而定。超過了限度，日誌最下的內容就不能靠近日誌邊框的底邊，而留下空白。9、英雄介紹的這種用flash做日誌背景，是從日誌頂端添加的方法。這種方法可以最大限度的拉大flash運動的距離。當然在日誌的中間位置亦可添加flash背景，我在《透明flash特效素材-水墨風格》里，就添加了多處水晶鑽石flash，因為這種從頂端添加flash背景的方法，也存在著英雄還沒有克服的缺陷——不能直達到底(更主要的原因是，網易博客屏蔽了全頻 POSITION: absolute; 這個代碼，在其它網頁上只要添加 POSITION: absolute; 這個代碼，就能使flash滿網頁顯示）。所以可以用，在日誌中間位置添加flash的方法，加以彌補，但高度，要小得多。其添加方法這裡不在介紹，你可把《透明flash特效素材-水墨風格》一文引用過去，作一研究。<TABLE cellSpacing=0 align=center border=0><TBODY><TR><TD>這是flash背景下面、日誌內容上面添加的邊框（紅色部分）<P align=center>&nbsp;</P><P align=center><FONT face=方正細珊瑚繁體 color=#004444 size=6><STRONG>極品透明flash特效素材-水墨風格</STRONG></FONT> </STRONG></FONT></FONT></P><P align=center>&nbsp;</P><P align=center><FONT face=楷體_GB2312 color=#333333 size=4><STRONG>素材：網路 編製：英雄2008年10月14日</STRONG></FONT></FONT></P></STRONG></FONT></FONT>從這以下就是你日誌的文字、圖片等內容了(日誌正文)。好了，該介紹的我盡量的嘮叨了，如果有朋友還有不明白的就到英雄博客《為你服務 答問解疑》專欄留言。因英雄水平有限，乃屬業餘之流，所做之介紹，難免存在漏洞和不科學之嫌，敬請專家們斧正之，英雄在此先謝過。
推薦閱讀：