設置博客園背景圖片


原文:

當我們注冊博客園以后,首先是選擇自己喜歡的首頁模板,當我們對博客園給出的模板不滿意時,我們就要對已有的模板進行修改。

在這里我采用的模板是SimpleMemory,因為SimpleMemory模板相對簡單,便於對樣式已有的修改。

這是本人修改兩句代碼后的修改

詳細步驟:

1.尋找自己喜歡的圖片,要求圖片足夠清晰,以免設置背景時不清楚。博客園首頁->管理->相冊->設置標題(相冊名)->ADD->選擇文件(上傳圖片)->ADD,單擊圖片進入首頁,點擊Original Image得到圖片鏈接。

2.選擇好模板以后進入自己博客首頁,右擊屏幕單擊檢查(本人用的是谷歌瀏覽器)進入,進入后點擊左上角箭頭單擊<body>,這時在右邊就會出現body樣式,在這里我們可以修改樣式,並在頁面中看的效果,一旦刷新頁面就會恢復原來效果,我只是添加了一句用於設置頁面背景代碼“ background: url(//images.cnblogs.com/cnblogs_com/minong/1296159/o_2212212564-11.jpg) fixed;”圖片鏈接由上面獲得。

3.復制代碼到設置(博客園首頁->管理->設置)里面,實現背景設置,在里面寫的樣式會覆蓋已有的樣式。

4.修改其他樣式同理,例如:

#home {
margin: 0 auto;
opacity: 0.8;
width: 65%;
min-width: 1080px;
background-color: #fff;
padding: 30px;
margin-top: 50px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

修改透明度只是在原有的基礎上改了一句代碼。

 

如有侵權,聯系614506425@qq.com 刪除。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM