博客园CCS定制

页面定制CSS代码


``` cpp

home {background-color: #CAE1FF;}

.title {margin-left: 150px;}

.subtitle {margin-left: 250px;}

mainContent {margin-left: 100px;}

cnblogspostbody {font-size: 16px;}

footer {color: rgb(160,227,0);font-weight:bold;}

adtextcommentbox {display: none;}

.postDesc > a {display: none;}

adtextunder_commentbox {display: none;}

sitenavunder {display: none;}

adunderpost_holder {display: none;}

blognewskb {display: none;}

blogTitle > h2 {display: none;}

navList {display: none;}

green_channel {display: none;}

navigator {background:rgb(153,153,153);border:0px solid #ccc;border-width:0px;height:1px;line-height:1px;color:rgb(153,153,153);padding-left:15px;padding-right:5px;}

.img-rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

cnblogspostbody hr {border: dotted 1px rgb(160,227,0);}

.postBody h2{
font-size: 18px;
}

.postBody h1{
padding: 5px 10px;
margin: 10px;
background: rgb(140,214,0);
color: #F0FFF0;
font-size: 18px;
line-height: 1.3em;
text-align:center;
border: 2px dashed #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow: 0 0 0 4px rgb(140,214,0);, 2px 1px 4px 4px rgba(10,10,0,.5);
-webkit-box-shadow: 0 0 0 4px rgb(140,214,0);, 2px 1px 4px 4px rgba(10,10,0,.5);
box-shadow: 0 0 0 4px rgb(140,214,0);, 2px 1px 6px 4px rgba(10,10,0,.5);
text-shadow: -1px -1px #939393;
}

.authorprofileinfo img {display: none;}

.postTitle {
font-size: 25px;
clear: both;
padding: 10px 20px;
text-shadow: -1px -1px rgb(238,238,238);
}

.post .postTitle {text-align:center;}

```

博客侧边栏公告

``` cpp

<div
class="statcounter"><a title="website statistics"
href="http://statcounter.com/" target="_blank"><img class="statcounter"
src="http://c.statcounter.com/8695836/0/921364d0/0/" alt="website
statistics"></a></div>

RSS订阅

-->
```

页首Html代码

``` cpp

.Abstract
{
padding: 15px;
border: dotted 2px #999;
color: #999;
font-family: ‘Microsoft Yahei‘;
border-radius: 4px;
}

.First
{
    margin: 10px 0;
    font-family: ‘Microsoft Yahei‘;
    text-align: left;
    padding: 6px 20px;
    color: #fff;
    background: #55895B;
    font-size: 20px;
    border-radius: 4px;
    clear: both;
}

.Second
{
    margin: 10px 0;
    font-family: ‘Microsoft Yahei‘;
    padding: 6px 20px;
    background: #93C8A2;
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
    clear: both;
}

.Third
{
    margin: 10px 0;
    padding: 6px 20px;
    font-family: ‘Microsoft Yahei‘;
    margin: 15px 0;
    font-size: 16px;
    color: fff;
    background: #C6EFD2;
    color: #999;
    border-radius: 4px;
    clear: both;
}
.note
{
    margin: 10px 0;
    padding: 15px 20px 15px 60px;
    background: #FCFAA9 url(‘http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_yellow-pin.png‘) no-repeat 20px 0;
    font-size: 15px;
    font-family: ‘Microsoft Yahei‘;
    box-shadow: 0 0 8px #aaa;
    clear: both;
}

.demo
{
    text-align: left;
    padding: 6px 20px;
    overflow: auto;
    border-radius: 4px;
    background: orange;
    color: #fff;
    font-size: 16px;
    clear: both;
}

.cnblogs_Highlighter
{
    border: solid 1px #ccc;
    clear: both;
}

.cnblogs_code
{
    background: rgb(160,227,0);
    border: solid 1px rgb(245,245,245);
    font-size: 14px;
    clear: both;
    padding: 5px 10px;
}
.cnblogs_code pre
{
    font-size: 14px;
}
.cnblogs_code span
{
    font-family: Courier New;
    font-size: 14px;
}

```

时间: 2024-11-14 02:30:14

博客园CCS定制的相关文章

博客园页面定制CSS代码

博客园页面定制CSS代码 1 #home { 2 margin: 0 auto; 3 width: 80%;/*原始65*/ 4 min-width: 980px;/*页面顶部的宽度*/ 5 background-color: rgba(245, 245, 245, 0.7); 6 padding: 30px; 7 margin-top: 50px; 8 margin-bottom: 50px; 9 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

博客园代码定制

博客园代码定制 版本:2019-08-08 本文基于Simple Memory模板,且已获取CSS和JS权限,此版本并非最终版本. 如有错误请指出,代码开源可以修改完善,仅用于学习交流,转载时请注明出处! 本文记录了对博客园主页优化的尝试过程以及相关的CSS源码. 在此之前默认已在“管理-选项”部分设定好了每页显示的内容,在“管理-设置”部分进行下列设置. Part 1  定制CSS代码(body部分) 首先应该解决网页端缩放和手机端图片显示不全的问题,这里采用手机端“强制使用网页端”的模式来修

博客园页面定制

页面定制CSS代码 @font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; src: url("http://blog.zhaishidan.cn/css/font/fontawesome-webfont.eot?#iefix") format('embedded-opentype'), url("http://blog.zhaishidan.cn/css/font/f

[美化] 博客园美化历程

目录 开端 具体的css 净化页面 标题的蜜汁动画 改一下主页的比例 另一些改动 侧边栏的html js代码的添加 在没有目录的情况下不显示目录 在url存在 article 的时候不显示版权声明 js附带的css js完整代码 结语 标题上写着美化,但怎么看自己的界面,仿佛每条线都在呐喊着:"实际上是简化吧!" /扶额 在入驻博客园的一周时间里,我使用各种课上时间抽空研究了一下博客园的页面定制CSS代码.HTML和JS这些看了半天也搞不明白的东西,并将原来的模板"Simpl

修改博客园markdown编辑器代码高亮风格的方法

???????作为一个工程师,追求极致与艺术也应当成为我们生活中的一部分,作为自己的心爱之物--博客,当然也得装扮一下,我对代码高亮有自己所喜欢的风格~还好程序员的世界总是共通的,已经有前辈开发了一些代码高亮的样式可供我们开箱即用.Highlightjs就是这样一款产品. ???????下面介绍一下我是如何将这款产品应用于博客园markdown编辑器中的. 第一步,找到你所喜欢的高亮主题 ???????打开Hightlightjs的demo页面 选择你所喜欢的高亮主题.我选择的是Atom One

定制博客园CSS

一.选择一个博客皮肤 在定制CSS之前一定要先确定自己要先选择哪个皮肤,因为不同的皮肤其HTML结构以及class的设计和命名都不太一致,如果你在修改CSS后再更换皮肤的话,会造成部分CSS不对应,无法生效的情况.我个人选择了“BlackLowKey”这个相对比较中规中矩的皮肤. 二.所要定制的页面 一般来说,给别人看的页面是 首页 和 博文详情页,我个人的偏好还有 随笔分类列表页.所以我会对这三个页面进行CSS定制. 三.开始定制 如果觉得不需要原来皮肤的CSS,可以在设置里勾选“禁用模板默认

如何定制自己博客园的皮肤

1.进入自己博客园网站->管理->设置 皮肤随便选一个,我选的是coffer这款 2.自定义侧边栏代码: <div className="sidebarMouse"><object type="application/x-shockwave-flash" style="outline:none;" data="https://files.cnblogs.com/files/jingmoxukong/mous

博客园定制页面(五)——使用自定义JS脚本(公告栏显示时间)

一.js使用方法 使用方法主要分为以下几步: 在本地创建js脚本文件: 博客园的管理——文件——选择文件——上传 然后在设置里面的博客侧边栏公告或者页首Html代码或者页脚Html代码中用自定义的html等代码调用即可. 注意:博客园的js权限需要申请开通.一般先写两篇博客再申请,如果不通过多申请两次即可通过. 二.公告栏钟表显示时间 下面是示例我的博客公告栏的钟表显示的js设置方法: 创建js脚本 上传到自己账户的文件中,然后在博客侧边栏公告调用js脚本 2.1.本地创建js脚本 本地创建名为

使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结

[超详细教程]使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结 去年就知道有这个功能,不过没去深究总结过,最近有写网络博客的欲望了,于是又重新拾起这玩意儿. 具体到底是用Windows Live Writer 2012还是用Word 2013,个人觉得看个人,因为这2个软件各有优点,各有缺点. 1.首先用LiveWriter发博客显然更专业,发布后的效果也与本地最接近,但是在编辑功能上肯定大不如Word,另外一个最大缺点是它本地保存