如何装饰博客园

CSS代码:

#comment_form_container .author {
    background: rgba(0,0,0,0.05);
    color: #333;
    border: 1px solid rgba(0,0,0,0.05);
}

#comment_form_container .comment_textarea {
    background: rgba(0,0,0,0.1);
    color: #FFF;
    border: 2px solid rgba(0,0,0,0.1);
}

.CalTitle {
    background: rgba(0,0,0,0);
    width: 100%;
    height: 25px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    color: #FFF;
}

.CalDayHeader {
    background: rgba(0,0,0,0);
    font-weight: 100;
    color: #5E5F63;
}

.CalTitle td {
    background: rgba(0,0,0,0) !important;
}

#navigator {
    background: rgba(0,0,0,0.1);
    font-size: 15px;
    border-bottom: rgba(0,0,0,0);
    border-top: rgba(0,0,0,0);
    height: 50px;
    clear: both;
    margin-top: 25px;
}

.Cal {
    background: rgba(0,0,0,0.05);
    border: none;
    color: #333;
}

#site_nav_under {
    display: none;
}
.c_ad_block, .ad_text_commentbox {
    display: none;
    margin: 0;
    padding: 0;
}
#ad_under_google {
    height: 0;
    overflow: hidden;
}
#ad_under_google a {
    display: none;
}
#ad_t2{
    display: none;
}

body{/*背景图片设置*/
    background-image: url("http://pic2.sc.chinaz.com/files/pic/pic9/201802/zzpic10078.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
    background-size:cover;
}

#blog_nav_sitehome {font-size: 17px;}
#blog_nav_myhome {font-size: 17px;}
#blog_nav_newpost {font-size: 17px;}
#blog_nav_contact {font-size: 17px;}
#blog_nav_rss {font-size: 17px;}
#blog_nav_admin {font-size: 17px;}
#blog_stats{font-size:15px;}

#blog-calendar {
   box shadow
    width: 228px;
    padding-bottom: 5px;
    margin-bottom: 35px;
    box-shadow: 0 0 0px rgba(255,255,255,0);
    border: 0px solid #EDEDED;
}

#home {/*主内容显示板颜色*/
    width: 85%;
    background-color: rgba(255, 255, 255, 0.60);
}

.postTitle{/*博客主页副标题字号*/
    background-color:rgba(0,0,0,0);
    font-size:24px;
    margin-bottom:3px;
}

#blogTitle {
    height: 100px;  /*高度*/
     clear: both;
    background-color: rgba(245, 245, 245, 0);
 }

#blogTitle h1 {/*标题字号*/
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5em;/*原始 1.6em*/
    margin-top: 10px;/*原始 15px */
    color: #548B54;
}

#blogTitle h2 {/*子标题*/
    font-weight: normal;
    font-size: 16px;/*原始 16px ;font-size: 1.0rem;*/
    line-height: 1.0em;
    color: rgb(70,70,70);
    font-weight: bold;
    text-align: right;
    float: left;
}

#cnblogs_post_body .cnblogs_code {/*代码显示框*/
    border: 2px solid rgba(0,0,0,0.1);
    background-color: rgba(0, 0, 0, 0.05);
}
#cnblogs_post_body .cnblogs_code .cnblogs_code_toolbar {/*代码显示框上下方条纹*/
    background-color: rgba(0, 0, 0, 0);
}
#cnblogs_post_body .cnblogs_code .cnblogs_code_toolbar . cnblogs_code_copy {/*代码显示框复制代码按钮*/
    background-color: rgba(0, 0, 0, 0);
}

#navList {front-size: 18px;}
#sideBarMain .newsItem {/*公告栏*/
     font-size: 15px;
     background-color: rgba(0, 0, 0, 0.05);
}

.feedbackListSubtitle{color: #FFFFFF;}/*颜色调整*/

.catListTitle{ font-size: 15px;}

.buryit{display:none;}/*哈哈哈不能反对我*/

#comment_form_container .comment_textarea {
    width: 50%;
    height:150px;
}

.postTitle a:link, .postTitle a:visited, .postTitle a:active{
font-size:20px;
}

 .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory{
background: rgba(0,0,0,0.05);}
.cnblogs_code div, .cnblogs_code_collapse {background:rgba(0,0,0,0);}

.cnblogs_code_toolbar a:hover, .cnblogs_code_toolbar a:link, .cnblogs_code_toolbar a:visited, .cnblogs_code_toolbar a:active, .cnblogs_code_toolbar a:link img, .cnblogs_code_toolbar a:visited img {
    background-color: rgba(0,0,0,0)!important;
    border: none!important;
}

页面定制CSS代码

原文地址:https://www.cnblogs.com/Cwolf9/p/8921608.html

时间: 2024-10-11 12:30:16

如何装饰博客园的相关文章

【被玩坏的博客园】之canvas装饰博客园侧边栏

最近抽空学了学canvas,然后用canvas做了个小球运动的demo,大致的效果如下: 虽然网上已经有很多这样的demo,但是还是想根据自己的思路来写一个,下面先跟大家讲解一下源代码,先看html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&q

玩坏的博客园】之canvas装饰博客园侧边栏

最近抽空学了学canvas,然后用canvas做了个小球运动的demo,大致的效果如下: 虽然网上已经有很多这样的demo,但是还是想根据自己的思路来写一个,下面先跟大家讲解一下源代码,先看html代码: html很简单,没啥讲的,就是css那块 http://p.baidu.com/itopic/main/qlog?qid=88496162633461303933633700&type=questionloghttp://p.baidu.com/itopic/main/qlog?qid=894

博客园目录导航 持续更新中~~

目录 博客园目录导航 python语言学习 python基础入门 python函数 python模块 python面向对象 网络编程 并发编程 Mysql数据库 初识数据库 mysql数据库安装 mysql支持数据类型 SQL语句 mysql约束 单表多表查 SQL注入风险 web前端 HTML CSS JavaScript Vue jQuery Bootstrap Django框架 Flask框架 算法 爬虫 人工智能 博客园装饰 博客园目录导航 python语言学习 python基础入门 计

python博客园示例,重点使用装饰器

# -*- coding:utf-8 -*- import time login_state = False user_dict = {'username': None} def register():  # 注册函数     while True:         username = input("请输入注册账号:").strip()         password = input("请输入注册密码:").strip()         with open(&

利用装饰器模拟博客园登陆

import os # 登录状态 status_dic = { 'username': None, 'status': False } flag = True # 用户名,密码 以字典形式打开 def user_pwd(): with open("user", encoding="utf-8") as f: dic = {} for i in f: li = i.strip().split("|") dic[li[0].strip()] = li

博客园 装饰

https://blog.csdn.net/wodeai1235/article/details/77825028 https://www.cnblogs.com/imsoft/p/4982400.html (标签分类 很赞) https://www.jianshu.com/p/23b2bfc9a90d [详细图解]一步一步教你自定义博客园(cnblog)界面 https://www.cnblogs.com/yelaiju/p/3185339.html 博客园模板 样式优化 http://blo

给自己的博客园装饰live2d

有挺多博友问我博客右下角的萝莉是怎么加上的,我这里做一个小教程. 首先,也是最重要的,必须先有一个cnblog账号. 登录博客园账号→管理→设置,在这里修改设置. 下滑,申请JS权限,申请成功后会有提示(支持js代码). 然后在[页首html代码]编辑器中插入 <!-- 右下角live2d效果 --> <script type="text/javascript" charset="utf-8" async="" src=&quo

博客园客户端(Universal App)开发随笔 - UAP中的项目和目录组织

前言 本篇随笔主要是分享一下做一个Universal App的目录组织结构,说明什么样的结构才能适合一个团队开发,使开发成员之间的相互影响最小.这些组织好的项目和目录会成为一个公共的规约,大家都能知道什么东西应该放在哪里,或者在什么地方能找到什么功能.这对于避免重复写code或者最大限度地复用code来说是至关重要的. 这种工程结构和目录划分虽然没有什么理论基础,但是是经过我们很多项目的经验总结出来的,如果是个人开发者,也严重建议参考此组织结构,能够帮助你理清思路,做好功能设计和类设计. 项目组

模拟博客园系统

1. 启动程序, 显?菜单列表      菜单:      1. 登录      2. 注册      3. ?章      4. ?记      5. 退出 2. ?户输入选项, ?章和?记必须在登录后才可以进?操作.(装饰器) 3. ?户注册, 将?户名和密码写入到register?件中. 同时?成"article_?户名"?件?于 存储?户?章. 同时?成"diary_?户名" 来存储?户的?记内容. 4. ?户登录成功后, ?户名和密码从register?件