本文引用自olingo - 在blog banner下連結~終於試成功了!

長久以來我一直無法解決上面那塊大banner無法設連結的問題
因為之前是用背景圖的方式所以無法下連結在上面
我又不喜歡用一般blog用的系統字做連結
今天終於狠下心來研究成功了~~~
以後就不會點到內頁而回不到首頁了
真是了卻一件心事阿!!!

我是參考colaccl這篇的教學
簡單引述一下colaccl的教學步驟再加上我的步驟
step1 :
我們要先放上一段css,保有blog標題,但不要顯示在版面上:
.blogtitle { display:none; }

step2 :
修改css中的#banner和.description:
#banner {
PADDING: 0px;
} 
.description {
MARGIN: 0px;
WIDTH: 100%;
HEIGHT: 100%;
}
step3 :
到[ pixnet管理介面 ]--[ 網誌管理 ]--[ 網誌描述 ]的欄位
按照一般網頁編排的方式
放上html、Java Script或是貼上你設計好的好的flash程式碼
我自己是貼上一段iframe的程式碼

如下 :
1.用flash軟體做好一個動態的swf播放檔
2.把做好的swf檔匯入到html裡
3.將html和swf檔都上傳到自己的空間
4.
貼上以下這段iframe原始碼在上面說的[網誌描述]

我的iframe原始碼如下:
<div align="center"><iframe style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid" marginwidth="2" marginheight="2" src="http://www.olingo.net/pixnet_pic/title.htm" frameborder="0" width="740" height="240" allowtransparency="allowtransparency"scrolling="no"></iframe></div>
請將"<"">"都改成半形
並把
http://www.olingo.net/pixnet_pic/title.htm換成自己的iframe網頁位置

做了以上步驟之後已經大致上修改完成了
不過因為版面有點亂掉所以又稍微調整了下
總算在IE或Firefox底下都正常了!


arrow
arrow
    全站熱搜

    歇捨得 發表在 痞客邦 留言(4) 人氣()