[新手报到] 对博客皮肤BlueSky的一些细微CSS调整;

大家好, 我是编程领域的新手(现主要是javaweb/winfrom这块),大家多多关照哈!
最近发现cnblogs的交流氛围相当不错, 也来凑个热闹, 同时也学着写写博客, 让大家见笑了!
博客的皮肤是基于 BlueSky,对一些局部细节做了细微调整;

(由于时间关系,改动不大,代码也没继续优化,再次让各位大大见笑了!)

下面是针对BlueSky的页面定制CSS: (也当是备个份吧)

* {font-family:"微软雅黑"; border-radius:2px;}
#main {background-color:rgba(255,255,255,0.9);margin-bottom:7px;}
#header,#footer,#main,input[type=button] {box-shadow: 0px 0px 1px 1px #ccc;}
#sideBarMain .newsItem,#blog-calendar,#leftcontentcontainer,#mainContent,#navigator .blogStats {font-size:14px;}
input[type=button] {border:0px;outline:none;background-color:rgba(33,117,188,0.7);color:#fff}
input[type=button]:hover {background-color:rgba(0,0,0,0.5)}
/**body {background: url(http://img2.3lian.com/2014/f6/59/d/112.jpg) center center no-repeat;}**/
#author_profile_info a img {position: relative;top: -22px;}
#tbCommentBody {width:100%;height:100px;}
#tbCommentBody,input[type=text]{ text-indent:2px;border:1px #ccc solid; box-shadow: 0px 0px 1px 0px #ccc;}
#footer {background-color:rgba(33,117,188,0.6);width:100%;color:#fff;font-size:15px;height:15px; line-height:15px;}

如果你也喜欢这样的风格, 欢迎批评指教!

时间: 2024-11-13 01:51:05

[新手报到] 对博客皮肤BlueSky的一些细微CSS调整;的相关文章

分享个人博客皮肤【兼容移动端】

我真正开始写博客也有一年了,记得最开始写博客之前做的第一件事就是自定义皮肤样式,还为此写过一篇博文<博客园页面设置>.当然从现在的我看那个时候的我是那么的菜,也许一年之后看现在的我也会同样的想法(其实这样也挺好的,证明自己进步了).为什么要自定义皮肤样式?当然是为了编写出来的博文让人更有阅读欲,自己看着也舒服.很多时候没有一个好的皮肤样式也会成为我们不写博文的一个借口<我们为什么应该坚持写博客>. 其实,很多时候我是很懒的.不是实在看不下去了一般我也不会去动原来的样式.早就有写这篇

我的博客皮肤

页面定制CSS代码 /************************************************** 第一部分: **************************************************/ #EntryTag { margin-top: 20px; font-size: 9pt; color: gray; } .topicListFooter { text-align: right; margin-left: 10px; margin-top:

半成品博客皮肤(不知有没有继续下去的必要)

在博客园也有些日子了却也是腾不出一点时间写博客,却在浏览些什么……每天上班至少10-30分钟的初略浏览博客园,有时间的时候浏览的时间就长了……虽然有些东西看不懂,却也在mark,在赞!!!肯定没错过很多大神的博客,优化非常棒.勾起了我的冲动.如下调整: 1.导航栏 借鉴于:轩枫阁资源合集 其实就是在鼠标划过A的时候对A标签的before进行操作具体看这里 : 标题栏效果 我隐藏了博客园原来的标题栏,让后用html5的元素<header><nav>...重新改造一个标题栏,没有对其绑

去除博客园底部图片广告的CSS代码

博客园是一个很不错的程序开发站,估计大家也发现了现在文章详情页底部也出现了广告,如果不想看到怎么办呢? 不要急,博客园后台是留了自定义css样式的代码入口的,这里就成了干掉广告的入口了.通过浏览器,仔细观察发现,图片广告外面的id竟然使用JS写成了活的,还没办法使用一个#id名去掉呢!这招虽然高,不过还是有细心地小伙伴们发现了规律:这个广告的类名分别是以下几个的随机取值:#cnblogs_click.#cnblogs_c1.#cnblogs_send. #cnblogs_event.#cnblo

博客皮肤

<style><!-- #cnblogs_post_body p { font-size: 14px; margin: 5px auto 5px auto; } #cnblogs_post_body ul { margin: 5px 10px; font-size: 13px; } #cnblogs_post_body h3 { background: gray; color: #fff; border-radius: 5px; padding: 5px 0 5px 5px; margi

css扁平化博客学习总结(二)css样式重置

css样式重置 方法一:不推荐使用,这么写会让网页解析速度变慢. *{ margin: 0; padding: 0;} 方法二:大家常用的写法,比较流行. body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,li, dl, dt, dd, form, a, fieldset, input, th, td{margin: 0; padding: 0; border: 0; outline:

转载于山边小溪的博客--编写跨浏览器兼容的 CSS 代码的金科玉律

http://www.cnblogs.com/lhb25/archive/2010/06/19/1760786.html   原始网页 作为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧. 理解 CSS 盒子模型 如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码,透彻地理

博客园背景设置

博客皮肤:SimpleMemory 页面定制css /*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntax

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

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