【教學】Blogger 消除圖片的邊框與陰影 How to Remove Border and Shadow Around Images in Blogger

Blogger預設的範本中,會在圖片的邊緣加入邊框與陰影,若想消除圖片邊緣的邊框與陰影,可以用以下方法: 

後台「版面配置」→「新增小工具」→「HTML/JavaScropt」

找到以下內容:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: $(image.border.small.size); background: $(image.background.color); border: 1px solid $(image.border.color); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); }

將後面四行註解掉或移除,border為邊框,最後三行是陰影效果

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: $(image.border.small.size); background: $(image.background.color); /*border: 1px solid $(image.border.color); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);*/ }



下一篇文章:
沒有留言:
張貼留言