博客主题1

/*博客标题*/
#blogTitle,#blogTitle a {
    margin-top:0px;
    height:0px;
    line-height:0px;
    font-size:0px;
    padding-left:0px;display:none;
}
#blogTitle .title {
    margin-top:0px;
    height:0px;
    line-height:0px;
    font-size:0px;
    padding-left:0px;
}

主题二

/*博客标题*/
#blogTitle,#blogTitle a {
    margin-top:0px;
    height:0px;
    line-height:0px;
    font-size:0px;
    padding-left:0px;display:none;
}
#blogTitle .title {
    margin-top:0px;
    height:0px;
    line-height:0px;
    font-size:0px;
    padding-left:0px;
display:none;
}

/*****主页文章列表开始**************************/
#mainContent .forFlow {
	background-color: #FFFFFF;
    margin-left: 22.5em;
    float: none;
    width: auto;
    padding: 15px;
}

#mainContent {
    min-height: 200px;
    padding: 0px 0px 10px 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    float: left;
    margin-left: -23em;
    width: 102%;
}

.day {
    min-height: 10px;
    _height: 10px;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.dayTitle {
    width: 100%;
    font-weight: 700;
    line-height: 1.5em;
    font-size: 120%;
    margin-top: 3px;
    margin-bottom: 10px;
    clear: both;
    border-bottom-color: #087AF5;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.postTitle {
    font-size: 17px;
    font-weight: 500;
    float: right;
    line-height: 1.5em;
    width: 100%;
font-weight: bold;
    clear: both;
}

    .postTitle a:link, .postTitle a:visited, .postTitle a:active {
        color: #087AF5;
    }

    .postTitle a:hover {
        color:#FFB900;
        text-decoration: none;
    }

.postCon {
line-height: 1.5em;
width: 100%;
clear: both;
padding: 8px 0;
font-size: 100%;
}

.postDesc {
    width: 100%;
    clear: both;
    color: #666;
    margin-top: 5px;
    margin-bottom: 7px;
}

.c_b_p_desc {
    text-indent: 0;
}

.postDesc a:hover {
    /**/
    text-decoration: none;
}

.postSeparator {
    clear: both;
    height: 1px;
    border-top: 1px solid #666;
    width: 100%;
    clear: both;
    float: right;
    margin: 0 auto 15px auto;
}
/*****主页文章列表开始**************************/

/*****侧边栏开始********************************/
/*****侧边栏开始********************************/

#sideBar {
position: absolute;
border-left: 1px solid #ccc;
border-top-width: 0;
/*top: 111px;*/
right: 0;
    width: 260px;
    min-height: 200px;
    background-color: #FFFFFF;
    float: right;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    padding: 15px;
}
/*公告隐藏*/
.newsItem .catListTitle {
    display: none;
}

.newsItem {
    padding: 8px 0 5px 0px;
    margin-bottom: 8px;
}
/**日历控件样式开始**/
#calendar {
    width: 229px;
display:none;
}

    #calendar .Cal {
        border-bottom: #087AF5 solid 1px;
        width: 100%;
        line-height: 1.5em;
    }

.Cal { /**日历容器table**/
    border: none;
    color: #666;
}

#calendar table a:link, #calendar table a:visited, #calendar table a:active {
    font-weight: bold;
}

#calendar table a:hover {
    color: #087AF5;
    text-decoration: none;
}

.CalTodayDay { /**今天日期样式**/
    color: #ffffff;
    background-color: #087AF5;
}

#calendar .CalNextPrev a:link, #calendar .CalNextPrev a:visited, #calendar .CalNextPrev a:active { /**上个月、下个月箭头样式**/
    font-weight: bold;
    background-color: #087AF5;
    color: #ffffff;
}

.CalDayHeader {
    border-bottom: 1px solid #087AF5;
}

.CalTitle {
    /**日历年月头部样式**/
    width: 100%;
    background: white;
    color: #087AF5;
    border-bottom: 1px solid #087AF5;
    font-weight: 700;
    font-size: 115%;
}
/**日历控件样式结束**/
.catListTitle {
    font-weight: 500;
    line-height: 1.7em;
    font-size: 115%;
    margin-top: 9px;
    margin-bottom: 10px;
    background-color: #087AF5;
    color: #FFFFFF;
    padding-left: 10px;
}

.catListComment {
    line-height: 1.5em;
}

.divRecentComment {
    text-indent: 2em;
    color: #666;
}

#sideBarMain ul {
    line-height: 1.5em;
}
/*****侧边栏结束********************************/

#navigator {
display:none;
}

/****查看文章页面开始*************************/
#topics {
    width: 100%;
    min-height: 200px;
    padding: 0px 0px 10px 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

    #topics .postTitle {
        font-size: 155%;
        font-weight: 500;
        border-bottom: 1px solid #999;
        float: left;
        line-height: 1.5em;
        width: 100%;
        padding-left: 5px;
    }

.postBody {
    padding: 5px 2px 5px 5px;
    font-size: 15px;
    line-height: 1.8em;

}

#EntryTag {
    color: #666;
}

    #EntryTag a {
        margin-left: 5px;
    }

        #EntryTag a:link, #EntryTag a:visited, #EntryTag a:active {
            color: #666;
        }

        #EntryTag a:hover {

        }

#topics .postDesc {
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 5px;
    color: #666;
    margin-top: 5px;
}

#divRefreshComments {
    text-align: right;
    margin-bottom: 10px;
}

.commenttb {
    width: 320px;
}
/****查看文章页面开始*************************/

/****列表页面开始******************************/
.entrylistTitle, .PostListTitle, .thumbTitle { /**几个分类列表的标题样式**/
    width: 100%;
    line-height: 1.5em;
    font-size: 120%;
    margin-top: 3px;
    margin-bottom: 10px;
    clear: both;
    border-bottom-color: #087AF5;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.entrylistDescription {
color: #666;
text-align: right;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
margin-bottom: 10px;
display: none;
}

.entrylistItem {
    min-height: 20px;
    _height: 20px;
    margin-bottom: 3px;
    padding-bottom: 4px;
    width: 100%;
}

.entrylistPosttitle {
font-size: 16px;

font-weight: bold;
float: right;
line-height: 1.5em;
width: 100%;
clear: both;
}

    .entrylistPosttitle a:hover {
        text-decoration: none;
    }

.entrylistPostSummary {
line-height: 0.5em;
width: 100%;
clear: both;
padding: 10px 0;
font-size: 100%;
}

.entrylistItemPostDesc {
width: 100%;
clear: both;
color: #666;
margin-top: 1px;
margin-bottom: 2px;
}
    .entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active {
        color: #666;
    }

    .entrylistItemPostDesc a:hover {

    }

.pager {
    text-align: right;
    margin-right: 10px;
}

.PostList {
    border-bottom: 1px solid #ccc;
    clear: both;
    min-height: 1.5em;
    _height: 1.5em;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
}

.postTitl2 {
    float: left;
    font-size: 130%;
}

    .postTitl2 a:hover {
        text-decoration: none;
    }

.postDesc2 {
    color: #666;
    float: right;
}

.postText2 {
    clear: both;
    color: #666;
}

.pfl_feedback_area_title {
    text-align: right;
    line-height: 1.5em;
    font-weight: bold;
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
}

.pfl_feedbackItem {
    border-bottom: 1px solid black;
    margin-bottom: 20px;
}

.pfl_feedbacksubtitle {
    width: 100%;
    border-bottom: 1px dotted #666;
    height: 1.5em;
}

.pfl_feedbackname {
    float: left;
}

.pfl_feedbackManage {
    float: right;
}

.pfl_feedbackCon {
    color: black;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pfl_feedbackAnswer {
    color: #F40;
    text-indent: 2em;
}

.tdSentMessage {
    text-align: right;
}

.errorMessage {
    width: 300px;
    float: left;
}

.mySearch #q {
    height: 1.4em;
    width: 175px;
}
/****列表页面结束******************************/

/*****留言页面开始*****************************/
#footer {
    text-align: center;
    min-height: 15px;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 110%;
    padding-bottom: 10px;
    color: #FFFFFF;
    background-color: #087AF5;
}
/*留言查看页面的个人信息*/
.personInfo {
    margin-bottom: 20px;
}
/*留言分页区域*/
.pages {
    text-align: right;
}
/*****留言页面结束*****************************/
/*****第三部分结束*******************************/

/**************************************************
第四部分:文章内容常用标签格式。这个部分是设置作者写作内容的部分。例如:
如果作者的文章用有p标签,则可通过这个对这些文章中的p标签进行设置。前面
的“.postBody”明确的指出了这里样式的作用范围。仅仅适用于文章主体部分。
建议这个不要设置过于详细的细节。因为,一些样式,一篇文章比较适合的话,
并不能保证所有的文章都适合。
**************************************************/
/*文章内部常用标签格式*/
.postBody {
    line-height: 1.5em;
    font-size: 105%;
    margin-top: 10px;
}

#cnblogs_post_body {
font-size: 15px;
line-height: 1.5;
}

    .postBody p, .postCon p {
        text-indent: 0em;
        margin: 0 auto 1em auto;
    }

    .postBody h1 {
        font-size: 170%;
        font-weight: 500;
        border-bottom-color: #087AF5;
        border-bottom-style: solid;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 4px;
    }

 .postBody h2 {
 background: none repeat scroll 0 0 #087AF5;

    color: #FFFFFF;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-top: 15px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-top: 5px;

    }

.postBody h3 {
color: #6FA833;
border-left: #6FA833 12px solid;
padding-left: 5px;
font-size: 16px;
font-weight: bold;
}

    .postBody h4 {
        font-size: 115%;
        margin: 15px auto 2px auto;
        font-weight: bolder;
        color: #333;
    }

    .postBody h5 {
        font-size: 105%;
        margin: 15px auto 2px auto;
        font-weight: bold;
        color: #333;
    }

    .postBody a:link, .postBody a:visited, .postBody a:active {
        text-decoration: none;
color: #5173E0;
border-bottom: 1px dashed #5173E0;
    }

.postCon a:link, .postCon a:visited, .postCon a:active {
    text-decoration: none;
}

.postBody ul, .postCon ul {
    margin-left: 2em;
}

.postBody li, .postCon li {
    list-style-type: disc;
    margin-bottom: 1em;
}

.postBody blockquote {
    background: url(‘images/comment.gif‘) no-repeat 25px 0px;
    padding: 10px 60px 5px 60px;
    min-height: 35px;
    _height: 35px;
    line-height: 1.6em;
    color: #333;
}

/*
.postBody .code {
    font-weight: 300;
    background: #ffffc6;
    border: #c0c0c0 1px dashed;
    font-size: 9pt;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-family: "Consolas", "Courier New", "新宋体", Courier, mono, serif;
    margin-top: 15px;
    margin-bottom: 15px;
}
*/
.postBody img {
    max-width: 100%;
}

.postBody table {
    border-collapse: separate;
}

.postBody th {
    font-size: 110%;
}

.postBody tr:hover {
    background-color: #dbebff;
    color: #000000;
}

.postBody .copyright {
    background: #dbebff;
    border: #c0c0c0 1px solid;
    font-size: 9pt;
    line-height: 15pt;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}
/*****第四部分结束*******************************/

/************第无部分:评论相关************/

.feedback_area_title {
    font-weight: 700;
    line-height: 1.5em;
    font-size: 130%;
    margin-top: 15px;
    margin-bottom: 10px;
    background-color: #087AF5;
    color: #FFFFFF;
    padding-left: 10px;
}

/*****第五部分结束*******************************/

/*****第六部分 code*******************************/
.title{
text-align: center;
font-size: 26px;

text-shadow: 0 0 1px #CCC;
}
.subtitle{
text-align: right;
font-family: "Comic Sans MS","Microsoft Yahei","Verdana","Arial","Helvetica","sans-serif";
 font-size: 130%;
color: #087AF5;
text-shadow: 0 0 1px #CCC;
}
.cnblogs_code_hide {
    background-color: #FFFFFF;
}
/*
.cnblogs_code {
    margin-right: 15px;
    background-color: #F8F8EE;
    border: 1px dashed #CCC;
    padding: 5px;
    overflow-x: hidden;
    padding-left: 12px;
}
.cnblogs_code pre {
    max-width: 100%;
}
.cnblogs_code_hide {
    background-color: #F8F8EE;
}
.cnblogs_code {
    background: #FCFCFC;
    border: 1px solid #CCC;
    padding: 0 5px;
    font-family: "Courier";
    line-height: 14px;
    font-size: 14px;
    word-wrap: break-word;
    border-radius: 4px;
    margin: 0 3px;
}

.cnblogs_code {
    margin-right: 15px;
    background-color: #F8F8EE;
    border: 1px dashed #CCC;
    padding: 5px;
    overflow-x: hidden;
    padding-left: 12px;
}
.cnblogs_code pre {
    max-width: 100%;
}

.cnblogs_code_hide {
    background-color: #F8F8EE;
}
.cnblogs_code {
    position: relative;
}
.cnblogs_code img {
   box-shadow: none !important;
   padding-right: 0 !important;
}
.cnblogs_code div {
    background:none;
}
*/
.cnblogs_code_toolbar {
    display: none;
}
.cnblogs_code{
border-style: dashed;
border-left: solid 5px #6ce26c;
margin: 10px 0px 10px 0px;
font-size: 10pt;
line-height: 140%;
background-color: #FFFFFF;
font-family: "Consolas","Courier New","宋体",Courier,mono,serif;
}
.cnblogs_code pre{
font-family: "Consolas","Courier New","宋体",Courier,mono,serif;
}

.runCode {
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
    border: 1px solid #CCC;
    padding: 3px;
    background: #EEE;
}

/******************************/
.feedbackItem { padding: 8px; border-bottom: 1px dotted #ccc; }
.feedbackManage { float: right; }
.feedbackCon { margin-left: 1em; color: #666; line-height: 1.5; }
.commentform td div span { margin-left: 12px; }
.gallery img { margin: 8px; }
#taglist { margin: 20px auto; }
.pfl_feedback_area_title { font-size: 16px; margin: 16px 0; font-weight: bold; }
.pfl_feedback_area_title a { font-size: 12px; color: #999; font-weight: normal; }
.pfl_feedbacksubtitle { height: 30px; }
.pfl_feedbackname, .pfl_feedbackManage { float: left; margin: 10px 20px 0 0; }
.pfl_feedbackCon, .pfl_feedbackAnswer { clear: both; margin-left: 12px; }

/************top************************/
.top_arrow {
border: 0 none;
bottom: 150px;
cursor: pointer;
display: block;
height: auto;
margin: 0;
opacity: 0.5;
padding: 0;
position: fixed;
right: 310px;

width: 35px;
z-index: 2147483647;
}

#MySignature{border:solid 1px #E5E5E5;
padding:10px;
background:#FFFEFE url(http://www.cnblogs.com/images/cnblogs_com/Terrylee/147338/o_info.png) no-repeat scroll 1% 50%;padding-left:60px;}

.cnblogs_code pre{line-height: 1;}/*公告隐藏*/
.newsItem .catListTitle {
    display: none;
}

.newsItem {
    padding: 8px 0 5px 0px;
    margin-bottom: 8px;
}
时间: 2024-11-04 07:30:04

博客主题1的相关文章

Zblog主题模板自适应手机响应式ZblogPHP简洁博客主题

Z-blog PHP版本简洁主题模板 特点简洁舒适 手机移动端自适应,完美有利于优化 代码结构利于编辑 对于不懂代码的,也非常适合简答后台简答 PC端侧边栏下拉跟随,无论下面有多长,导航侧边栏都只在左边:方便你选择栏目 SEO方面代码利于优化. 作者可免费指导安装 对于喜欢简洁的,而又不失丰富的,这是一个不错的选择 对于国产博客程序,zblog无疑是一个佼佼者.wordpress固然强大,可是沉重,买个几百的虚拟主机,差点就转不动.最后放弃选择zblog.一款好的博客主题很重要,早期作者还只是个

dajngo ORM查询中select_related的作用,博客主题的定制,从数据库中按照年月筛选时间

1.dajngo ORM查询中select_related的作用 select_related()方法一次性的把数据库关联的对象都查询出来放入对象中,再次查询时就不需要再连接数据库,节省了后面查询数据库的次数和时间.主要用于外键查询. blogobj = Blog.objects.filter(site=site).select_related('user').first() 2.博客主题的定制 将各个模块的css样式固定,然后通过.css文件导入,可以在数据里面设置.css文件的名字在模板中通

从无到有开发自己的Wordpress博客主题---代码环境准备

注意这里说的是代码环境准备哦,而不是L(M)AMP运行环境哦,运行环境会在后述文章中在写. 一.在本地初始化git环境并且链接上gitee 1.在gitee上创建一个项目托管你的代码 这个不在赘述,按照提示一步一步操作就好了,个人用户用gitee的好处是,相比于GitHub速度快,而且可以创建免费的私人库. 2.创建公钥以连接gitee 虽然主流git仓库都支持http的方式,但是每次都要输入密码,麻烦. 创建方式参考:https://gitee.com/help/articles/4181 3

博客主题更新了

博客主题更新了 当当当,经过博主一点一点的修改(其实是懒得改),博客主题终于迎来一次重大更新.本来想需要的人自己从控制台扒代码,不打算发布,然而仍有不熟悉前端的同学向我发出请求.本着互联网共享精神,特地发布当前博客主题 注意:Wider本人也不熟悉前端知识,都是平时有时间瞎捣鼓,写的代码冗长且可能存在未知bug,不一定能及时更新哦 特性 加入特色图片 介绍 博客首页文章卡片增加特色图片功能,效果详见我的博客首页,能大幅度增加博客美观度,建议用简单不杂乱的图片. 用法 添加新随笔时,在高级选项中摘

个人博客主题美化

个人博客主题美化 选择主题 Hexo默认的主题是landscape,推荐以下主题: snippet Hiero JSimple BlueLake 详见:https://github.com/search?q=hexo-theme 应用主题 下载主题 将下载好的主题文件夹,粘贴到站点目录的themes下. 更改站点配置文件_config.yml 的theme字段,为主题文件夹的名称: # Extensions## Plugins: https://hexo.io/plugins/## Themes

博客入门--自定义博客主题

对于以往博客网站已提出较多主题供用户使用,但对于海量用户而言其主题难免过于单一. 为突出博客主题个性化显示,目前已有第三方开源库(https://github.com/BNDong/Cnblogs-Theme-SimpleMemory)供大家使用.本文以博客园为例,实现自定义主题设置. 进入博客园设置页面 下载第三方库.本文重要使用资源包中的.\src\style\base.min.css的样式资源(https://github.com/BNDong/Cnblogs-Theme-SimpleMe

博客主题美化

1. 博客主题美化 cnblogs是一个老牌博客站点,是一个非常好的记录学习与生活的地方,但是主题看着着实有些年代感,所以找了一些博客主题美化下博客. 首先展示一下修改后的效果 主页效果 侧边栏效果 博客页面效果 2. 需要修改的地方 注意:需要申请JS权限,一般申请后都能通过 博客皮肤 页面定制CSS 禁用模板默认CSS 博客侧边栏公告 3. 修改方法 打开博客设置地址 修改主题为SimpleMemory 选中禁用模板CSS 复制页面定制CSS(请打开复制)到第一个框中 复制侧边栏公告代码到第

记Bili2.0博客主题修改过程

博客主题BiliV2.0更改及优化 主题特色 响应式布局(自适应<360px.<767px的不同尺寸屏幕). 首页全屏背景logo,个性定制. 首页公告消息. 首页轮播,支持定义不同数量的banner. 页脚返回顶部按钮. 博客正文为Github风格Markdown. 博客底部支持博主微信二维码. 博客评论板块调整为发表评论在上,评论列表在下,且评论顺序为倒序,便于查看. 支持博客评论带头像. 博客正文导航目录. 支持切换夜间模式. 支持导航栏扩展. 支持设置博客Tab图标. 支持博客代码块复

博客主题的修改

使用的系统主题:darkgreentrip 1. 在侧边栏添加自己的博客 <iframe width="100%" height="120" class="share_self" frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&h