博客园修改BlackLowKey皮肤样式,增加占屏比

#home {
    margin: 0 auto;
    width: 100%;
}

#sideBar {
    min-height: 200px;
    padding: 0 5px 0 5px;
    margin-left: 80%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    _margin-left: 0;
    _width: 240px;
    padding-bottom: 20px;
}

#mainContent {
    min-height: 200px;
    *padding-top: 10px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    float: left;
    width: 80%;
    background: #fff;
}

#navigator {
    background-color: #333;
    height: 60px;
    clear: both;
    margin-top: 10px;
    position: relative;
}

转自:https://www.cnblogs.com/lanqie/p/7464243.html

原文地址:https://www.cnblogs.com/yanl55555/p/11745378.html

时间: 2024-10-10 03:40:39

博客园修改BlackLowKey皮肤样式,增加占屏比的相关文章

修改博客园日历的默认样式

我们知道,博客园默认的日历样式是灰底的,有点丑. 我想把它改成类似于WIN10的样式. 上代码. #blogCalendar td{ color:#fff; } #blogCalendar td.CalOtherMonthDay{ color:gray; } #blogCalendar td a:link{ color:#fff; background-color:blue; border-radius:2px; } #blogCalendar th.CalDayHeader{ color:#f

博客园修改TinyMCE编辑器为Markdown编辑器的方法

博客园修改TinyMCE编辑器为Markdown编辑器的方法 登录后点击"我的博客"然后点击"管理"进入管理后台 注意,鉴于个人之间博客的皮肤或布局有所不同,该选项可能并不位于此或表述上有出入 之后再进入"选项"页面并在②处选择Markdown,然后在③处点击保存 Q.E.D. 原文地址:https://www.cnblogs.com/oberon-zjt0806/p/10656581.html

博客园CodingLife模板手机样式优化

博客园CodingLife模板手机样式优化:用博客园写笔记也有一段时间了,当我用手机浏览我的文章时感觉样式不太完美,主要是个人首页和文章详情的头部宽度太大,原本大屏右侧的模块放在文章下面后宽度和位置不太合适,刚好今天看到设置中可以上传自定义样式,于是写了一些样式来优化CodingLife模板,等下次有时间再继续优化,感兴趣的园友可以复制以下样式到你的页面定制CSS代码中, /*author stumpx*/ #navigator { min-width: 1200px; } @media (ma

【如何设置博客园好看的标题样式】

1.向博客园申请js权限 我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限.[博客园]->[设置]->[博客设置],点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一下,页面就会显示支持js代码 ,博客园也会在用户邮箱给你发送是否开通js权限的邮件. 2.添加css样式 我们在[管理]-->[设置]-->[博客设置]-->[页面定制CSS代码]中粘贴如下面的代码 #cnblogs_post_body { color: black

如何设置博客园好看的标题样式

1.向博客园申请js权限 我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限.[博客园]->[设置]->[博客设置],点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一下,页面就会显示支持js代码 ,博客园也会在用户邮箱给你发送是否开通js权限的邮件. 2.添加css样式 我们在[管理]-->[设置]-->[博客设置]-->[页面定制CSS代码]中粘贴如下面的代码 #cnblogs_post_body { color: black

cnblogs博客园修改网站图标icon

比特虫,图片转换成ico图标 上传到博客园文件 修改网络地址即可 <script type="text/javascript" language="javascript"> //Setting ico for cnblogs var linkObject = document.createElement('link'); linkObject.rel = "shortcut icon"; linkObject.href = "

博客园设置自定义页面样式

首先是背景图片,这个修改对模版而言都是通用的 body { background:url('URL') no-repeat top center fixed;} 这里图片路径可以上传到博客本地图片,图片就有了网上路径 然后是正文模块在整体背景中的浮动 #home { margin:0px auto; width:1000px; } 一个控制模块顶部和背景距离 一个控制模块和宽度{当页面缩放的宽度远远小于你设定的宽度,右边搜索框及其他组件都会移动到底层,不利于使用,最好设置一个合适的宽度} 正文模

自定义博客园皮肤:暗色流体响应式布局

博客园的皮肤模板虽然有100多套,但我需要的作品却没几套,从布局上看,大多是固定布局,有的使用表格布局,有的将侧边栏在HTML页面的代码顺序放在主内容的前面.这些布局方式不利于页面缩放和不同屏幕尺寸与分辨率的设备浏览,尤其是在当今网页浏览设备屏幕尺寸与分辨率多样化的时代,流体与响应式布局才是最佳的选择.从配色上看,博客园有3款还不错的暗色皮肤,但不符合我布局的要求. 我想要自己的博客皮肤满足以下要求: 模版选择:不能使用表格布局,侧边栏在HTML页面的代码顺序放在主内容 的后面,页面结构和样式简

博客园自定义样式

我现在的博客园首页暂时应该是一个女生背景,一些星星的悬浮飘扬 那么我们怎么来设置博客园的自定义的样式,而不是不个性的默认界面呢? 第一步:进入你的首页,打开管理 => 设置 第二步:我在博客皮肤中选择了SimpleMemory,这个皮肤相对来说要轻快.干净,更方便你来修改你的样式. 第三步:事实上你可以禁用默认CSS,这也是允许的,不过就会弄成这样 学过前端的同学应该知道不掺杂任何任何的CSS就会出现这样的情况,这是浏览器默认给定的样式,而不是博客园给的CSS默认样式(所以你已经禁用了博客园的默