分享自用博客園主題樣式

CoXie 發(fā)布于2019-04-23 11:52 / 2759人閱讀

摘要：博客皮膚選擇博客皮膚選擇因?yàn)楹唵危詯墼陧撁娑ㄖ拼a中填入以下內(nèi)容在頁面定制代碼中填入以下內(nèi)容重要提示側(cè)邊欄藍(lán)色風(fēng)格，有的模塊可能遺漏，需要請自行在樣式中的側(cè)邊欄加上對應(yīng)的或者整體布局整體布局非閱讀區(qū)域去掉白色背景博

1. 博客皮膚選擇 SimpleMemory

因?yàn)楹唵危詯踾

2. 在”頁面定制CSS代碼“中填入以下內(nèi)容

重要提示：側(cè)邊欄藍(lán)色風(fēng)格，有的模塊可能遺漏，需要請自行在CSS樣式中的“側(cè)邊欄”加上對應(yīng)DIV的id或者class

/* **********************
 * 整體布局
 * **********************/

/* 整體布局 */
body {
  background:#F6F6F6;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica
      Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
}

#home {
  max-width: 1140px;
  padding: 15px;
  background: transparent;
  box-shadow: none;
  margin-top: 0;
  width: auto;
}

#main {
  margin-top: 15px;
}

#mainContent .forFlow {
  padding-right: 20px;
}

/* 非閱讀區(qū)域去掉白色背景 */
.newsItem,
.catListEssay,
.catListLink,
.catListNoteBook,
.catListTag,
.catListPostCategory,
.catListPostArchive,
.catListImageCategory,
.catListArticleArchive,
.catListView,
.catListFeedback,
.mySearch,
.catListComment,
.catListBlogRank,
.catList,
.catListArticleCategory {
  background-color: transparent;
}

/* **********************
 * 博客頁首
 * **********************/

/* 隱藏系統(tǒng)標(biāo)題 */
#blogTitle {
  display: none;
}

/*頂部 */
.c-portrait {
  text-align: center;
  padding: 80px 0;
  background: #39424b;
  color: #fff;
  margin-bottom: -40px;
}

/* 標(biāo)題和簽名 */
.c-portrait h1 {
  font-size: 25px;
  font-weight: bold;
  margin: 5px 0;
}

.c-portrait h1 a {
  color: #fff;
}

.c-portrait h2 {
  font-size: 16px;
  margin: 7px 0 10px;
  color: #ccc;
}

/* **********************
 * 導(dǎo)航欄
 * **********************/

#navigator {
  padding: 0 10px;
}

#stats_article_count {
  display: none;
}

/* **********************
 * 側(cè)邊欄
 * **********************/
.catListLink,#sidebar_scorerank,#blog-news,#sidebar_recentposts,#sidebar_postarchive,
.mySearch,#blog-calendar,#topview_posts_wrap,#sidebar_topdiggedposts,
.mysearch,#sidebar_articlecategory,#sidebar_postcategory {
    font-weight: normal;
    line-height: 1.2;
    font-size: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
    background-color: #fff;
    padding: 0 0 0 15px;
    border: 1px solid #eaeaea;
}

#blog-calendar{
    padding:0;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 35px;
    border: 1px solid #EDEDED;
    box-shadow:none;
 
}

div#profile_block{
    padding: 10px 0 10px 0px;
}

#sideBar h3 {
    font-size: 14px;
    background-color: #428BCA;
    padding: 5px;
    color: #fff;
}

.catListTitle{
   font-weight: normal;
    line-height: 1.2;
    font-size: 100%;
   margin-top:0;
    margin-bottom: 10px;
    text-align: center;
    width: 80px;
}

#sideBar {
  width: 250px;
  margin-top: 0;
}

#sideBar a {
  color: inherit;
}

/* 隱藏側(cè)邊公告標(biāo)題 */
.newsItem .catListTitle {
  display: none;
}

/* 增加列表項(xiàng)間距 */
.sidebar-block li {
  margin-bottom: 5px;
}

/* 支持反對 */
#div_digg {
    position: fixed;
    right: 30px;
    bottom: 50px;
    background: #fff;
    padding: 20px 20px 15px;
    border-radius: 5px;
    border: 1px solid #eaeaea !important;
    box-shadow:none !important;

}
/* **********************
 * 文章列表
 * **********************/

.entrylistTitle{
    font-weight: bold;
    font-size: 18px;
    /* font-size: 100%; */
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
    background-color: #fff;
    padding: 0 0 0 15px;
    border: 1px solid #eaeaea;
    color: #FF5E52;
}
.entrylistPosttitle {
    padding-left: 15px;
    margin-bottom: 10px;
    border-left: 8px solid #009688;
    font-size: 20px;
    width: 100%;
}
.entrylistPosttitle a:link, .entrylistPosttitle a:visited, .entrylistPosttitle a:active {
    color: #393D49;
    transition: all 0.4s linear 0s;
    font-weight: bold;
}

/* 文章列表 */
#topics .postTitle {
  font-size: 28px;
  margin: 35px 0 30px;
  padding-left: 0;
}

#mainContent .day {
  padding: 15px 20px;
  background: #fff;
}

#mainContent .day .postTitle a {
  display: inline-block;
}

/* **********************
 * 文章詳情
 * **********************/

pre {
  margin-bottom: 1.35em;
}

pre code {
  padding: 10px 16px !important;
}

.post {
    background: #fff;
    padding: 0 60px 60px;
    border-bottom: 1px solid #eee;
}

/* 文章標(biāo)題 */
#topics .postTitle {
    font-size: 28px;
    margin: 35px 0 30px;
    padding-left: 0;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.postTitle {
  border-left: 8px solid #FF5E52;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1;
  box-sizing: border-box;
}

.postTitle a:hover {
  margin-left: 0;
}

.postTitle a:link, .postTitle a:visited, .postTitle a:active {
    color: #393D49;
    transition: all 0.4s linear 0s;
}

/* 去除首行縮進(jìn) */
.postBody p,
.postCon p {
  text-indent: 0;
}

/* 重寫引用塊樣式 */
.postBody blockquote {
  min-height: auto;
  border-top: none;
  border-bottom: none;
  border-right: none;
  padding: 0 0 0 1em;
}

/* 增加底部留白 */
#cnblogs_post_body {
  padding-bottom: 5px;
}

/* 防止圖片溢出 */
#cnblogs_post_body img {
  max-width: 100%;
}

/* 文章底部信息 */
.postDesc {
  margin-top: 0;
}

/* **********************
 * 評論
 * **********************/

#comment_form_container .comment_textarea {
  width: 100%;
}

#commentform_title {
    font: normal normal 16px/35px "Microsoft YaHei";
    margin: 10px 0 30px;
    background-image: none;
    padding: 0;
    border-bottom: 1px solid #eaeaea;
    border-left: 8px solid #393D49;
    padding-left: 15px;
}
.comment_vote {
  padding-right: 2px;
  font-size: 14px;
  margin-top: 10px;
}

.comment_vote a.comment_digg {
  color: #f80;
}

.feedbackItem {
  margin: 20px 0 25px;
  background: #fff;
  padding: 10px 15px;
}

.feedbackCon {
  font-size: 13px;
  border-bottom: 0;
  padding: 10px 5px 0 5px;
  text-align: justify;
}

/* **********************
 * 文章評價
 * **********************/

#div_digg {
  position: fixed;
  right: 30px;
  bottom: 50px;
  background: #fff;
  padding: 20px 20px 15px;
  border-radius: 5px;
  border: 1px solid #888;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
}

/* **********************
 * 隱藏廣告
 * **********************/

#ad_t2,
#opt_under_post,
.c_ad_block,
#under_post_news,
#under_post_kb {
  display: none !important;
}

/* **********************
 * 適配手機(jī)
 * **********************/

@media (max-width: 767px) {
  #home {
    padding-left: 0;
    padding-right: 0;
  }
  #div_digg {
    width: auto;
    padding: 0;
    right: -25px;
    bottom: 3px;
    box-shadow: none;
  }
  #div_digg .buryit {
    display: none;
  }
  #mainContent .forFlow {
    padding-right: 0;
  }
  #mainContent .post {
    padding: 0 20px;
  }

  #sideBar,
  #blog-comments-placeholder {
    padding: 0 15px;
  }
}

3. 在“首頁Html代碼”中填入以下內(nèi)容：


  易碼
  舒心、快樂，比什么都重要

說明：此樣式非首創(chuàng)，收集了網(wǎng)上的資源結(jié)合自己喜好修改一番。

云服務(wù)器 GPU云服務(wù)器博客園博客園webrtc wcf博客園 android博客園

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/1278.html

發(fā)表評論

登陸后可評論

0條評論

CoXie

男|高級講師

我要關(guān)注我要私信

TA的文章

【C語言】scanf與回車的問題

閱讀 1404·2021-10-14 09:43
是，入坑小記

閱讀 998·2021-09-10 10:51
注冊阿里云免費(fèi)領(lǐng)1年云服務(wù)器，2核2G內(nèi)存1M帶寬40G系統(tǒng)盤

閱讀 1446·2021-09-01 10:42
css加載會造成阻塞嗎

閱讀 2196·2019-08-30 15:55
Vue基礎(chǔ)之初識Vue

閱讀 588·2019-08-30 15:55
關(guān)于Html+css階段學(xué)習(xí)總結(jié)

閱讀 2347·2019-08-30 14:21
兼容性總結(jié)

閱讀 1720·2019-08-30 13:04
PostCSS (一)：認(rèn)識 PostCSS

閱讀 3471·2019-08-29 13:09

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

分享自用博客園主題樣式

1. 博客皮膚選擇 SimpleMemory

2. 在”頁面定制CSS代碼“中填入以下內(nèi)容

3. 在“首頁Html代碼”中填入以下內(nèi)容：

易碼

舒心、快樂，比什么都重要

相關(guān)文章

博客園代碼黑色主題高亮設(shè)置

前端小白也能快速學(xué)會的博客園博客美化全攻略

個人博客園樣式、背景及細(xì)節(jié)美化過程

WordPress自媒體博客主題 - DUX和XIU正版主題六折 JustNews主題半價

博客園申請及頁面定制CSS

發(fā)表評論

0條評論

CoXie

男|高級講師

TA的文章

【C語言】scanf與回車的問題

是，入坑小記

注冊阿里云免費(fèi)領(lǐng)1年云服務(wù)器，2核2G內(nèi)存1M帶寬40G系統(tǒng)盤

css加載會造成阻塞嗎

Vue基礎(chǔ)之初識Vue

關(guān)于Html+css階段學(xué)習(xí)總結(jié)

兼容性總結(jié)

PostCSS (一)：認(rèn)識 PostCSS

最新活動