恩...就!有人問~我今天剛好很閒作成教學= 3="
希望對大家有幫助囉~~齁齁齁

(( 我用痞客模板的標籤來做教學的喔~如果是其他模板請將標籤更換即可~ ))

Step1  將你的banner做成圖片

  在這裡我用我的banner來當範例



Step2  開啟你的CSS檔 並將你的banner背景圖檔設置好

找到 #banner 標籤 ((沒有的話請自己加進去

將製作好的banner圖片放置 #banner

語法:

#banner {
position: relative;
float: left; 
width: 990px; /*你的banner寬度*/
height:300px; /*你的banner高度*/
background: url(''你的圖片網址') no-repeat;
}

Step3  設定網誌標題連結

先將網誌標題設定絕對位置 ((top 和 left <<自己設定 看你要位移多少

#banner h1 {
position: absolute; /*絕對位置*/
top: 0px; /*從上面向下位移*/
left: 10px; /*從左邊向右位移*/
}

之後將連結設定大小並將字體設定成零((也就是不要讓字出現

#banner h1 a {
display:block;
width: 315px; /*設定成你的連結寬度*/
height: 90px; /*設定成你的連結高度*/
font-size: 0px;
background: none;
text-indent: -5000px; /*將網誌標題利用負值縮排隱藏起來 值越小越好*/
}

這樣水水的圖片連結就出現囉~~((實際情況請參考我的網誌...可以去點點看啦~~XD"
((如果教學有錯誤麻煩告訴我一下喔~謝謝 :)




(延伸教學)未完待續....



arrow
arrow
    全站熱搜

    陳不油 發表在 痞客邦 留言(10) 人氣()

    E-mail轉寄