在折騰的好一陣之后,慢慢的對於園子的樣式定制有了一些心得。最終借助李寶亨大大的牛氣自定義皮膚終於翻身做主人了。感覺好帥的說,下面簡單寫一下,具體定義皮膚的方式吧。 一、選擇博客園模板 要選擇一個在默認的模板中,對於樣式定義較少的模板,這樣才對於我們自定義的樣式沖擊比較小。畢竟園子現在還沒有完全 ...
博客園的皮膚模板雖然有 多套,但我需要的作品卻沒幾套,從布局上看,大多是固定布局,有的使用表格布局,有的將側邊欄在HTML頁面的代碼順序放在主內容的前面。這些布局方式不利於頁面縮放和不同屏幕尺寸與分辨率的設備瀏覽,尤其是在當今網頁瀏覽設備屏幕尺寸與分辨率多樣化的時代,流體與響應式布局才是最佳的選擇。從配色上看,博客園有 款還不錯的暗色皮膚,但不符合我布局的要求。 我想要自己的博客皮膚滿足以下要求 ...
2013-03-23 14:11 22 5794 推薦指數:
在折騰的好一陣之后,慢慢的對於園子的樣式定制有了一些心得。最終借助李寶亨大大的牛氣自定義皮膚終於翻身做主人了。感覺好帥的說,下面簡單寫一下,具體定義皮膚的方式吧。 一、選擇博客園模板 要選擇一個在默認的模板中,對於樣式定義較少的模板,這樣才對於我們自定義的樣式沖擊比較小。畢竟園子現在還沒有完全 ...
首先先感謝 BNDong大大分享的代碼,本博客也是使用的此大大的博皮Demo大家可以參考看看是否符合自己的風格。 大大的教程文檔寫的非常的詳細,按照教程來就行,我就不在此造輪子了,直接附上大大的教程文檔自己看哈 我就說點大大教程里沒有說到的,然后我自己嘗試了一下 ...
當我們對博客園默認的主題產生審美疲勞的時候,都希望自己的博客擁有一個特殊的主題背景,厭倦了花里胡哨的我終於弄出了一個自己的博客主題,這個簡約的主題設置過程如下: 首先需要把博客皮膚設置成一個最簡約的模板"SimpleMemory",方便進行之后的設置: 然后在文件選項中上傳自己想要的博客 ...
自定義主體樣式參數 在皮膚里先挑一個現成的模板開始我們的定制之旅,這里我選了SimpleMemory,我還是喜歡這種朴素的風格。 選擇SimpleMemory模板 上圖成品的修改源碼如下: 能明白上述樣式原理,那么就可以繼續定制h1,h2,h3元素和表格 定制h1,h2 ...
模版選擇 現在的模版選擇我的基本標准就是既要寬大,又可以適應縮放顯示。如果頭部盡量少點就少點,選擇了coffee。 下面一些樣式實例有的通用有的不通,學會修改樣式才是最主要的 自定義修改方法 用谷歌打開頁面,F12,選中自己需要修改的模塊,定位它的css樣式,復制下來,在里面自定義 ...
你想知道的博客園個性化設置這里都有哦~ 博客園個性化功能設置 博客園可以個性化設置一些功能,比如自定義博客園皮膚,添加 github 圖標,添加天氣小組件,自定義鼠標樣式,設置背景漸變色等,接下來一一為大家講解~ 添加 GitHub 圖標,鏈接到自己的 GitHub 主頁 ...
背景更改如下: 背景容器 我背景是在頁首html代碼中自定義的一段: 這樣可以比較方便的控制,也方便以后加一些功能之類的 圖片平鋪設置 首先要分兩種屏幕去適應: 1> 較寬的屏幕 2> 較高的屏幕 對於較寬還是較高的判斷還是比較好實現的: pw是圖片寬度,ph ...
的地址就可以了,但是這樣的缺點是萬一那張圖片的地址變了,博客園的背景就跟着變了,所以可以先把背景存博客 ...