努力了一晚,終於搞定部份版面囉!

 

太久沒有接觸部落格,許多設定與CSS語法都已經忘光了。這次的版面很簡單,是用內建版型稍做調整,再加些小東西,白色的版面+灰白條紋底圖看起來很清爽很喜歡:)

找了很久才找到這些資料,也來做個紀錄,避免記憶力衰退要調整時又忘光了~XD

 

banner圖片至今還是空白的,因為還找不到方法調整尺寸...

原本做好的圖片是1100 x 300px,但上傳後複製圖片網址發現他只有600px,在後台設定無法勾選保留原尺寸,好像要vip才有這個功能了... 只好讓它先空白吧!

 

消除側欄廣告

 

痞客邦好像是硬性會插入一欄廣告在側邊位置,找了很多方法都沒有提到該如何徹底消除。不過可以用蓋掉的方式假裝它不在XD 實際看原始碼時還是找得到它,但一般瀏覽時它就消失囉~

首先進入管理後台→樣式管理→自訂樣式→CSS原始碼編輯
*如果套用的版型是作者不開放修改的,就沒有辦法使用囉~

利用Ctrl + F搜尋功能,找到以下這段語法:

#links {
float:right;
width:300px;
overflow:hidden;
}

我已經調整過側欄的尺寸,可能會和大家的有些不同,只要找到 #links { 就可以了。

在overflow:hidden; 下方新增一行字:margin-top:-320px; 廣告就會神奇的消失啦XD

 

css03  

插入 instagram 連結

 

最近因為身邊朋友都捨棄Facebook投入instagram懷抱,我也申請了一個帳號,ID是_hellomiu_或是點選側邊圖示連結就可以到我的instagram頁面囉:) 歡迎找我玩~

看起來很少女情懷的instagram圖示是在Line Deco的app裡找到的,還有很多不同的圖示都很可愛,網路上也有很多自製icon的分享,大家都可以找找

無論圖片哪裡來(網路搜尋或是自己上傳)都要記得複製好圖片網址,進入管理後台→側邊欄位設定→新增版位→輸入語法

語法請打入這一段:

<a href=" 你的instagram首頁網址 " target="blank"><img src=" 已上傳的icon圖片網址"></a>

以上~大功告成!

創作者介紹
創作者 miu 的頭像
miu

miu

miu 發表在 痞客邦 留言(0) 人氣( 616 )