中 国 没 有 真 正 的 爱 情
[CSS/DHTML/PHP]教程手册下载(CHM格式)
2007/01/24 16:39 | by
模板名称：kseey
模板大小：53K
演示地址:http://www.kseey.com
适用版本：Bo-Blog 2.0.3及以上版本
适用环境：IE7.0、FireFox、Opera测试通过
适用分辨率：自适应
如果还有什么问题,可以在www.kseey.com上留言希望大家喜欢这个风格.
模板大小：53K
演示地址:http://www.kseey.com
适用版本：Bo-Blog 2.0.3及以上版本
适用环境：IE7.0、FireFox、Opera测试通过
适用分辨率：自适应
引用
下载文件 引用
风格完全没有图片,自己是CDMA拨号上网,没有办法只有这样设计才能速度最快.其实简单的风格设计好了也还是很好看的.
引用
风格特点:
可以每天随心情改变风格颜色,只要花上3分钟.
风格只用了到了四个颜色:
主题颜色代码:#3F68A6(蓝色) 基本上都是这个颜色,包括字体,边框等.
[引用框,代码框,tags栏]颜色代码:#DAFFB0(浅绿色)
日历上显示有日志颜色代码:#99CC00(亮绿色)
其他背景颜色代码:3#FFFFFF(白色)
更换颜色方法:
将 styles.css 中主题颜色的代码用 全部替换(ctrl+H) 替换为你希望的颜色代码保存上传就可以了
可以每天随心情改变风格颜色,只要花上3分钟.
风格只用了到了四个颜色:
主题颜色代码:#3F68A6(蓝色) 基本上都是这个颜色,包括字体,边框等.
[引用框,代码框,tags栏]颜色代码:#DAFFB0(浅绿色)
日历上显示有日志颜色代码:#99CC00(亮绿色)
其他背景颜色代码:3#FFFFFF(白色)
更换颜色方法:
将 styles.css 中主题颜色的代码用 全部替换(ctrl+H) 替换为你希望的颜色代码保存上传就可以了
引用
注意:因为头部右侧太空,所以加上了广告条,不需要的可以在 elements.php 中将以下代码删除 或者 将其改为你自己希望的广告条代码.
如果出现错位,可以从 styles.css 中
/****** Header Elements Styles ******/
/* blog blog-topad */
.blog-topad {
float: right;
margin-right: 8px;
margin-top: -5px;
}
自己设置调整一下.
<div class="blog-topad"><a href="http://fetion.im/recommender/rcmd/u/568816081/m/20"><img src=http://img.fetion.im/img/fetion/fetion_3.gif title="立刻点击注册中国移动飞信" border=0></img></a></div>
如果出现错位,可以从 styles.css 中
/****** Header Elements Styles ******/
/* blog blog-topad */
.blog-topad {
float: right;
margin-right: 8px;
margin-top: -5px;
}
自己设置调整一下.
引用
另外:导航条右侧的LOGO可以自己修改为喜欢的图片,不需要的也可以将紫色部分直接去掉就可以了.
/* nav menu */
#menu {
width: 958px;
margin-top: 30px;
margin-left: 8px;
height: 25px;
border: 1px solid #3F68A6;
background: url('images/menu.jpg') no-repeat 100% 60%;
/* nav menu */
#menu {
width: 958px;
margin-top: 30px;
margin-left: 8px;
height: 25px;
border: 1px solid #3F68A6;
background: url('images/menu.jpg') no-repeat 100% 60%;
如果还有什么问题,可以在www.kseey.com上留言希望大家喜欢这个风格.
感谢您的劳动成果！
这个模板非常清爽，但是日志与日志之间分割不是非常明显，又不希望硬生生通过一个深色的条来区分，因为TAG本身已经有一个分割线了
能不能给这个模板加一个背景图？
/* nav menu */
#menu {
width: 958px;
也改为
/* nav menu */
#menu {
width: 100%
但是选项栏出现问题，如下图
http://ojuice.diy.myrice.com/wenti.jpg
我截图了，我是超级CSS菜鸟，呵呵，希望您能指正
很喜欢无图的，希望颜色及一些图标也能更完善……
很喜欢无图的，希望颜色及一些图也能更完善……
#mainWrapper {
margin-top: 10px;
}
可以将 styles.css 文件中的以上代码修改如上面所示,其中10px就是可以用来调节和导航条的距离的:)