博客施工日志

荆棘鸟正在修改博客皮肤,给您的访问带来不便,深感歉意。这次升级、修皮主要目的是,兼容主流浏览器,检验所学。

这次修改主题,是在原来一剑的绿色主题基础上进行修改,参考了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

  • quote 6. 百叶
  • http://www.kk51.com
  • 哈哈.现在的界面我看的挺舒服的.不过你要用宽屏得用百分比做宽度.不能固定值哈..我估计现在的界面在 1024*768的分辨率是满屏.不过在1280*1024就是宰屏咯.

    总的来说.你做的挺细致的.我这里有许多浏览器帮你测试下兼容.
    测试ing.....

    丫的都挺正常的.就ie六有点像素慢移.

    以后常来.
    birder 于 2009-2-26 9:47:56 回复
    多谢多谢,

    宽度如果设百分比自适应,下面就有许多关联问题要考虑,太复杂了脑子不够用,暂时就设为固定值。

    百叶 于 2009-2-26 10:50:10 回复
    做个交易如何.你要是收藏我的站,哈哈.鄙人协助你一起改宽屏.

    ...貌似我就对这个比较在行点..哈哈
  • 2009-2-25 17:21:09 回复该留言
  • quote 7. gao
  • http://gaowhen.com
  • 嗯,这风格比较清新啊
    鸟原来也是个高手啊。。。
    birder 于 2009-2-26 9:48:42 回复
    哪敢称高手,你现在职业潜水了。Haha
  • 2009-2-25 20:50:43 回复该留言

评论恒久远,一贴永流传

提交

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

帮助他人 - 快乐自己

最近发表

Search

热门文章

随机推荐

网站收藏

增值服务

Top

Powered By Z-Blog 1.8 Walle Build 100427 wedding dresses

© 2007-2010 zfnn.com. 皖ICP备07503469号