合作資訊

2013年5月26日

[Blogger筆記]消除簡單範本的圖片陰影

續上篇[Blogger筆記]調整內文行距字距

這次套用「簡單版型」的下場(?)就是圖片邊緣會出現陰影
像是下圖:



如果單純發表照片的BLOG可能還OK
但像我這種愛用表行符號的人…

連表情符號都有陰影啊!!!

這是不可接受的…=3=

所以只好繼續找資料消除他~
中文網頁很多介紹也是舊版的更改法
到了英文網站才找到~
同樣從後台進去,選「範本」-->「自訂」



「進階」-->「新增CSS」


貼上語法~

-------------------------------------------------------------------
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

-------------------------------------------------------------------

貼上去馬上就消除咯!
最後按頁面右上角「套用至網誌」儲存就OK了~

上述語法的來源是這裡喔:
How To Remove Blogger Picture/Image Shadow And Border

這網站看起來還有很多很炫的東西
懂英文的人可以研究看看啦~我只看的懂Picture和 Shadow這種等級的字而已XD


4 則留言:

  1. 谢谢你~真的帮到忙了!不然每次要放分割线都会有阴影超级苦恼阿!

    回覆刪除
    回覆
    1. 抱歉太久沒管理BLOG,現在才回XD
      有幫到就好喔!當初也是找了很久~~

      刪除

歡迎留言~^_^