![圖片[1]-知更鳥begin主題“關于本站–微信、QQ、微博、訂閱”四個圖標美化教程-馬找錢網絡營銷學習網](http://www.ne2207.com/wp-content/uploads/2018/12/2018111514202072.png)
使用知更鳥主題的小伙伴都會發現，在“關于本站”下面有四個聯系方式圖標(姑且先這么叫吧，我也不知道正規名稱是什么)。但是，主題默認的四個圖標是暗色系“灰色”的，很不美觀，與站長的要求相差甚遠。 在瀏覽別的個人博客時發現，雖然同是知更鳥主題，但是這些網站的圖標都美化了，站長甚是喜歡，苦于自己能力有限，網上也沒有找到相應的教程，就一直沒有實現圖標美化工作。但是，經過站長的不斷學習和不懈努力~自夸下 還是實現了圖標美化。后來想想，還是自己的能力有限，不會扒代碼。在此，記錄下美化的過程，留個帖子，方便日后升級主題時的再次使用。也分享給像我一樣的“白白菜鳥”?！袄哮B們”請忽略，一看而過。
美化后效果，如下圖：
![圖片[2]-知更鳥begin主題“關于本站–微信、QQ、微博、訂閱”四個圖標美化教程-馬找錢網絡營銷學習網](http://www.ne2207.com/wp-content/uploads/2018/12/guanyuwangzhan.jpg)
代碼部署過程如下：
打開style.css，找到
- #feed_widget?a?{
- color:?#3690cf;
- width:?40px;
- display:?block;
- text-align:?center;
- height:?40px;
- line-height:?34px;
- margin:?0?auto;
- border-radius:?4px;
- border:?1px?solid?#ddd;
- }
修改為：
- #feed_widget?a?{
- color:?#999;
- width:?40px;
- display:?block;
- text-align:?center;
- height:?40px;
- line-height:?34px;
- margin:?0?auto;
- border-radius:?20px;
- border:?1px?solid?#ddd;
- }
再次，在以下代碼
- #feed_widget?a:hover?{
- color:?#fff;
- border:?1px?solid?#fff
- }
和以下代碼
- #feed_widget?.be?{
- font-size:?18px?!important;
- font-size:?1.8rem?!important;
- }
之間，添加如下代碼：
? 版權聲明
馬找錢網絡營銷教程版權聲明：
1、本站所發布的一切學習教程、軟件等僅限用于學習體驗和研究目的，請自覺下載后24小時內刪除。
2、嚴禁用于其他用途，如果你喜歡教程，請支持正版教程軟件，得到更好的正版服務。
3、本站內容全部來自網絡，版權爭議與本站無關，如果您認為侵犯了您的合法權益，請聯系我們刪除。
4、對于不當轉載或引用本網站內容而引起的民事紛爭、行政處理或其他損失，本網站不承擔責任。
5、對不遵守本聲明或其他違法、惡意使用本網站內容者，本網站保留追究其法律責任的權利。
1、本站所發布的一切學習教程、軟件等僅限用于學習體驗和研究目的，請自覺下載后24小時內刪除。
2、嚴禁用于其他用途，如果你喜歡教程，請支持正版教程軟件，得到更好的正版服務。
3、本站內容全部來自網絡，版權爭議與本站無關，如果您認為侵犯了您的合法權益，請聯系我們刪除。
4、對于不當轉載或引用本網站內容而引起的民事紛爭、行政處理或其他損失，本網站不承擔責任。
5、對不遵守本聲明或其他違法、惡意使用本網站內容者，本網站保留追究其法律責任的權利。
THE END
- 最新
- 最熱
只看作者