荆棘鸟正在修改博客皮肤,给您的访问带来不便,深感歉意。这次升级、修皮主要目的是,兼容主流浏览器,检验所学。
这次修改主题,是在原来一剑的绿色主题基础上进行修改,参考了WP的mg12主题部分设计,以及当前博客流行元素。
理想中的博客皮肤:
两栏(因为我喜欢简洁),
宽屏(大气,可容纳更多信息和设计回旋余地)
亮色系(眼睛舒服,心情舒畅)
看似不高的要求,很可惜在z-blog现有皮肤中没有找到中意的,本来想换用从WP移植过来的mg12主题,应用之后发现并不合适,遂产生自己动手修皮的念头。
动手修皮之后,才发现修皮也是一项大工程,伤筋动骨(重构了部分Html代码),修皮过程很磨人,也很有价值,学到不少东西。
目前已完成的项目有:
[2009-3-6]
-----------------------------------------------------------------------------------
以后做什么,就是整理文章,去除原来引用代码和表格样式,给其它Tags加上图标
[2009-3-5]
-----------------------------------------------------------------------------------
基本完工,发现FF下一个BUG,就是FF对锚链命名大小写敏感
给文章页标题加上评论锚,只要一点文章标题,就可以做电梯下去评论了。
Feed订阅更换了hover背景,醒目一点
[2009-2-26]
-----------------------------------------------------------------------------------
终于解决TAG AD垂直对齐问题
对目录页、搜索页,重构
限制z-blog搜索框文字输入数为20个字符(汉字)
[2009-2-25]
-----------------------------------------------------------------------------------
如果给图片加边框, 在CSS中定义了 vertical-align:middle;属性,在IE6中浏览,就会发生图片下边框消失的情况。去除这条属性即可恢复正常显示。
将黄金价格实时走势图实时数据刷新,改成无闪屏局部刷新,提高加载速度和用户体验,反映真实的博客PV流量。
[2009-2-24]
-----------------------------------------------------------------------------------
基本完成正文评论区的设置
记个超菜的Html,给标签加注释,一般元素用Alt,链接用Title
如:<img alt="这是图片" /> <a title="这是链接">链接</a>
评论框区的修改,不能去掉任何元素语句,否则不能提交回复,只能用 display:none;隐藏。
[2009-2-23]
------------------------------------------------------------------------------------
格式化/INCLUDE目录中的自定义文件名名称,如:zf***.asp
zfggsearch.asp Google搜索
zfadtag.asp TAG AD
zfadmm.asp 阿里妈妈广告
zfadlink.asp 链接广告
zfad.asp 通用临时广告调用文件
[2009-2-16 2009-2-20]
------------------------------------------------------------------------------------
博客有效阅读区,固定宽度950px
Banner(950*115),加入节日logo(117*95,宽度最大不超过370),背景图形式,方便更换
子标题增加链接到荆棘鸟一文,为此文加上别名。
导航条重构(950*42),参考mg12
导航条右侧加入“博客自带搜索”和FEED订阅图标,方便访客,位置醒目
改变原来绿色主题,为蓝色主题,欢迎留言提出配色建议,谢谢。
主体区,增加一层Div嵌套(divContent,divMain | divSidebar),放置分栏背景图
底部区, 增加一层Div嵌套(#copyinfo,H3 | H3),便于管理,为增加背景图做准备
底部放置返回页首锚,加入缓冲特效,“页面锚点平滑缓冲跳转JS代码”
修改发文时间格式,增加背景引导图标
侧栏原自带搜索,改为Google搜索
重新启用“图标汇集”(Misc),解决IE6躲猫猫Bug
增加首页,文章摘要图文混排
调整模版文件夹目录结构 THEMES\green\STYLE\img