博客园美化代码备份


#Header1_HeaderTitle {
font-family: "华文行楷";
font-size: 62px;
font-weight: bold;
padding-top:15px;
padding-bottom:5px;
padding-left:20px;
padding-right:0px;
text-align: center;

}

Header2_HeaderTitle {

font-family: "华文行楷";
font-size: 52px;
padding-top:-15px;
font-weight: bold;
padding-bottom:20px;
padding-left:100px;
padding-right:0px;
text-align: left;

}

header {

height:178px;

}

/* 博客标题 */

blogTitle {

height: 178px;  /*高度*/
clear: both;

}

/*******************************************************************/
/导航栏/

navigator {

   font-size:28px;
   height:52px;
   background:#55895B;
   text-align:center;
   margin-top:20px;
   margin-bottom:20px;

}

navList li { /* 每一个栏目节点 */
margin:0 10px 0 10px;
line-height:52px;
float:left;
color:white;
}

navList li a { /* 栏目文字的格式 */
padding:0 10px;
text-decoration:none;
line-height:52px;
border:0;
color:#fff;
padding-left: 25px;
}

navList li:hover {

   background:#000000;
   height:52px;

}

blog_stats {

margin:0 10px 0 0;
font-size:16px;
line-height:52px;
float:left;

}

blog_nav_rss,#blog_nav_rss_image{

display:none;

}

/*********************************************************/
.day {
margin:0 30 0px 0;
}

.dayTitle {
display:none;
}

.postTitle a { /标题/
color:#009CB5;
text-decoration:none;
}

.postTitle {
font-size:20px;
font-weight:bold;
color:#009CB5;
font-family: "行楷";
border-left: 3px solid #21759b;
margin-bottom: 10px;
margin-left:20px;
float: right;
width: 100%;
clear: both;
}

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

/* .postTitle a:hover {
margin-left: 30px;
color: #0f3647;
text-decoration: none;
} */

.day .postTitle a {
padding-left: 10px;
text-decoration:none;
}

.c_b_p_desc { /摘要/
line-height:24px;
color:#888;
}

.c_b_p_desc a:hover {
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
}

.postSeparator {
border-bottom: 0.5px solid #DDDDDD;

}

/**********************************************************/

sidebar_shortcut,.catListPostArchive,.catList这里是UI开头的类的集合。,#sidebar_toptags {

display:none;

}

.catListTitle {
font-weight:bold;
font-family: "华文行楷";
}

/主面板/

mainContent {

float:right;
margin-top:0px;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;

}

/google搜索框/

google_q,#q {

height:22px;
width:120px;
border:solid 1px #ccc;
box-shadow:inset 0 0 3px #ddd;
border-radius:4px;

}

/搜索按钮/

.btn_my_zzk {
font-family:‘Microsoft Yahei‘;
border:none;
height:26px;
width:60px;
padding:1px;
font-size:14px;
cursor:pointer;
position:relative;
vertical-align:middle;
display:inline-block;
background:#55895B;
border-radius:4px;
color:#fff;
}

.btn_my_zzk:hover {
background:#6DA47D;
}

原文地址:https://www.cnblogs.com/CH520/p/9344565.html

时间: 2024-08-29 20:45:18

博客园美化代码备份的相关文章

博客园美化教程大集合(超详细,看这篇就够了)

阅读目录: 1. 前言 2. 定制自己的博客 0. 美化整体效果 1. 准备工作 2. 自定义个性化导航栏 3. 添加顶部博主信息 4. 添加顶部滚动公告 5. 为博客文章添加目录导航 6. 添加分享功能按键 7. 定制推荐和反对按键的炫酷样式 8. 添加快速返回顶部的功能按键 9. 添加打赏功能按键 10. 添加页面放大缩小功能按键 11. 添加Github图标及链接 12. 添加公告栏图片 13. 添加公告栏文字信息 14. 添加公告栏个性时钟 15. 为公告栏添加访客来源统计 16. 为公

博客园美化首页随笔展示美化

博客园美化首页随笔展示美化 一.css .postDesc-img { position: absolute; padding-bottom: 0; float: right; right: 0; bottom: 0; z-index: -1; } .cnblogs-post-body h3 { text-decoration: none; font-size: 10px; line-height: 1px; } .cnblogs-post-body h2 { color: red; font-

博客园美化夜间模式

博客园美化夜间模式 一.点击控制样式 主要看思路,自己增删改查,里面样式只针对我的博客 一.触发点击 二.修改按钮样式以及对于类名 三.将模式信息存入sessionStorage中 四.更具按钮的类名,自己博客样式进行跟换 <!--夜间模式点击事件js--> <script > let night_close = document.querySelector('.night-close')||document.querySelector('.night-open'); night_

博客园美化博客随笔目录

博客园美化博客随笔目录 基于孤傲苍狼在2014-5-11写的目录代码基础上进行改进 一.js代码 <!--目录--> <script type="text/javascript"> var BlogDirectory = { /* 获取元素位置,距浏览器左边界的距离(left)和距浏览器上边界的距离(top) */ getElementPosition:function (ele) { var topPosition = 0; var leftPosition

博客园美化资源网站链接

详谈如何定制自己的博客园皮肤(禁用css模板级别) 博客美化汇总 NSDog 博客园美化教程大集合----极致个性化你的专属博客(超详细,看这篇就够了) 博客园美化教程第二篇----极致个性化你的专属博客(为博客添加背景音乐插件,调整页面布局等) 原文地址:https://www.cnblogs.com/CH520/p/9813646.html

利用GitHook实现博客园文章的备份和自动发布

在使用vscode中的writecnblog插件时有所启发,链接: 用vscode写博客和发布,大家可以看看. 我们在本地可以利用git轻松实现博客园文章的历史记录管理,利用博客园的MetaWeblog API 别人的介绍编写小程序来自动化上传文章(参考插件). 更进一步,将这个程序放到githook里,每次commit时自动执行,就实现了现博客园文章的备份和自动发布. 这样,你每次发布文章的步骤就简化为: 编写本地一个Git仓库内的xx.md文件 commit更改 程序会自动获取diff,然后

利用GitHook实现博客园文章的备份和自动发布.md

在使用vscode中的writecnblog插件时有所启发,链接: [用vscode写博客和发布](https://www.cnblogs.com/caipeiyu/p/5475761.html),大家可以看看. 我们在本地可以利用git轻松实现博客园文章的历史记录管理,利用博客园的MetaWeblog API [别人的介绍](https://www.cnblogs.com/caipeiyu/p/5354341.html)编写小程序来自动化上传文章(参考插件). 更进一步,将这个程序放到gith

[博客美化] 博客园SyntaxHighlighter代码高亮

在网上搜了一圈,觉得用Windows Live Writer/Open Live Writer代码着色太繁琐了,仅仅为了实现博客代码着色功能就要下载新软件和搞一堆配置.Win10用户只能使用Open Live Writer.Web端能干的事干嘛多搞功夫.如果不愿意网页登陆账号只想通过OLW软件编辑全文并且发布的话,可以参考这个:https://www.cnblogs.com/huntdream/p/6006350.html,说得很清楚了. [ 补充:下载完SyntaxHighlighter插件需

博客园美化操作

之所以写这篇文章的原因了主要就是博客园的默认样式太单一,而且很多人都在用,就想与众不同一样,不做大多数 准备工作 想要美化自己的博客园默认界面,首先需要申请js权限 步入正题 当你的这一步做完之后就可以开始给博客化妆了 #########################################页面标题样式================================ #cnblogs_post_body { color: black; font: 0.875em/1.5em "微软雅黑