自定義css樣式美化部落格園

2021-08-09 22:27:51 字數 2540 閱讀 9192

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

/* 設定tongqingliu頂部間距*/

h1/* 設定tongqingliu方框及背景*/

#top

/* 設定tongqingliu字型及大小*/

#top

a, #top

a:link, #top

a:visited, #top

a:active, #top

a:hover

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

#tagline

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

#leftmenu

/* 導航,統計資訊 */

#leftmenu

h3#leftmenu

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

#main

/* 置頂隨筆, 日期 */

p.date

/* 設定首頁目錄 */

div.posth2a

:link

div.posth2a

: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**)】中。

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

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

可愛的部落格園樣式美化 自定義部落格園主題樣式

我經常有那種感覺,如果這個事情來了,你卻沒有勇敢地去解決掉,它一定會再來。生活真是這樣,它會一次次地讓你去做這個功課直到你學會為止。像我這樣笨拙地生活 樣式一直是我想改的,之前使用過別人寫好的樣式模版,加了很多東西,可惜有一天全丟失了,幫忙找回來了一部分,但是不全面,基本相當於廢了,於是決定重頭再來...

自定義部落格園樣式

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

如何自定義部落格園樣式

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