為你的skin加上透明Flash效果

作者: white 日期: 2009-07-10 22:29

字體大小: 小中大

為你的板模加上透明Flash效果，請自己Google一下透明Flash找到自己喜歡的
現在就開始了。

第一步：上傳板模flash

把找到的swf檔更名為head.swf，放到板模資料夾裡，例如F2blog原本的板模default放到這個文件夾裡

第二步：加載透明flash

找到skin.xml
<?xml version="1.0" encoding="UTF-8"?>
<SkinSet>
<SkinSource>f2blog</SkinSource>
<SkinName>default</SkinName>
<SkinDesigner>Joesen</SkinDesigner>
<pubDate>2006-7-23</pubDate>
<DesignerURL>http://joesen.f2blog.com</DesignerURL>
<DesignerMail>joesenhong@yahoo.com.cn</DesignerMail>
<Flash>
<UseFlash>-1</UseFlash>
<FlashPath>head.swf</FlashPath>
<FlashWidth>748</FlashWidth>
<FlashHeight>80</FlashHeight>
<FlashAlign>center</FlashAlign>
<FlashTop>0</FlashTop>
<FlashTransparent>-1</FlashTransparent>
</Flash>
</SkinSet>
只要在版模的skin.xml文件</DesignerMail>後面，加上這段紅字代碼，head.swf就能被載入到Blog了

<FlashWidth>748</FlashWidth>寬度可以取值爲多少像素例如：748px,就表示flash有748像素寬，
你也可以定義成<FlashWidth>100％</FlashWidth> 這樣 flash就能伸縮自如。

第三步：flash板模CSS定位
　　上面的skin.xml雖然定位了flash的高與寬還有到頂部的距離，還定義了是否透明，但是不同的板模有不同的DIV結構，所以我們還要再二次定位，保證萬無一失。

打開layout.css,在
/*---主體樣式---*/
#container{width:760px;margin:0 auto;text-align:center;……省略}下面一排
添加 #FlashHead{position: absolute;width:100%;left:0px;}
這樣就給flash層<div id="FlashHead" >定位了，
position: absolute;表示絕對定位，絕對定位有上top、下bottom，左left，右right,四種屬性，因爲skin.xml已經定意了top屬性，所以我不必定義這個屬性。上面css定義left左屬性left:0px，然而default板模，是個固定寬度的板模(#container{width:760px;margin:0 auto;text-align:center;……省略}) 寬度爲760像素，比flash748像素寬一點，板模自動居中，flash層<div id="FlashHead" >是container層的一個子層，所以<div id="FlashHead" >也居中顯示，因爲flash比container層小12像素，所以定位left:0px;表示左對齊。width:100%; 是爲了兼容FF游覽器用的，如果不加<div id="FlashHead" >層就無法在FF居中顯示，就會錯位。

如需更深入的解釋請自行到這研究吧
http://bbs.pjhome.net/thread-30608-1-1.html