自定義玩轉部落格園

2021-09-24 03:45:17 字數 2266 閱讀 5699

首先說明,我選用的部落格**是mtclean,以下樣式在其他**下有些並不適用。

/* 設定暱稱(id)頂部間距*/

h1 /* 設定暱稱(id)方框及背景*/

#top

/* 設定暱稱(id)字型及大小*/

#top a, #top a:link, #top a:visited, #top a:active, #top a:hover

/* 設定保持學習的態度 */

#tagline

/* 導航及以文字所在方框的位置 */

#leftmenu

/* 導航,統計資訊 */

#leftmenu h3

#leftmenu ul

/* 置頂隨筆及以下所在方框 */

#main

/* 置頂隨筆, 日期 */

p.date

/* 設定首頁目錄 */

div.post h2 a:link

div.post h2 a:visited

div.post h2

/* 設定部落格正文一二**標題格式 */

/* 一級標題 */

#cnblogs_post_body h1

/* 二級標題 */

#cnblogs_post_body h2

/* **標題 */

#cnblogs_post_body h3

/* 正文 */

#cnblogs_post_body p

/* 設定簽名格式 */

#mysignature

設定推薦及反對按鈕在頁面右下角浮動顯示,遮蔽反對按鈕。

/* 推薦及反對 */

#div_digg

/* ignore反對 */

.buryit

**使用monokai樣式。

/*

monokai sublime style. derived from monokai by noformnocontent

*/pre

.cnblogs-markdown .hljs

.hljs,

.hljs-tag,

.hljs-subst

.hljs-strong,

.hljs-emphasis

.hljs-bullet,

.hljs-quote,

.hljs-number,

.hljs-regexp,

.hljs-literal,

.hljs-link

.hljs-code,

.hljs-title,

.hljs-section,

.hljs-selector-class

.hljs-strong

.hljs-emphasis

.hljs-keyword,

.hljs-selector-tag,

.hljs-name,

.hljs-attr

.hljs-symbol,

.hljs-attribute

.hljs-params,

.hljs-class .hljs-title

.hljs-string,

.hljs-type,

.hljs-built_in,

.hljs-builtin-name,

.hljs-selector-id,

.hljs-selector-attr,

.hljs-selector-pseudo,

.hljs-addition,

.hljs-variable,

.hljs-template-variable

.hljs-comment,

.hljs-deletion,

.hljs-meta

/* adblock */

#ad_t2

.c_ad_block

以上樣式可以直接在【頁面定製css**】中使用。

插入時鐘:

插入總訪客數:

插入qq通訊元件:

生成後的**放在【部落格側邊欄公告(支援html**)(支援js**)】中。

這裡參考了greedying大神的作品,github位址,感謝。

這段**應該放在【頁首html**】。

自定義部落格園樣式

首先宣告一點 樣式並不全是本人所寫,是我個人整合 感覺每個人的部落格都喜歡一點,所以自己整合了一下 由於每次更新部落格,都需要重新更新此文件很麻煩,所以此部落格只會定期更新,如果想要使用最新版本樣式,請前往本人github 以下是 配置 載入天數.載入時分秒.如果配置成功了,不妨點個贊,咱們一起開心...

部落格園的自定義面板

在折騰的好一陣之後,慢慢的對於園子的樣式定製有了一些心得。最終借助李寶亨大大的牛氣自定義 終於翻身做主人了。感覺好帥的說,下面簡單寫一下,具體定義 的方式吧。要選擇乙個在預設的模板中,對於樣式定義較少的模板,這樣才對於我們自定義的樣式衝擊比較小。畢竟園子現在還沒有完全開放樣式,模板的定義。除非大牛,...

如何自定義部落格園樣式

每次看到別人的部落格樣式都感覺很舒服,很好看。當自己開通部落格後,使用了預置的樣式也無法達到自己想要的頁面效果,怎麼辦?廢話不多說,直奔主題 還有這樣的功能,我怎麼不知道,後來也是看到園友發表過類似的文章才知道的。首先我們要在後台設定tab頁裡,找到部落格 下拉框選中 custom 意思就是自定義,...