百度个性化首页主题大赛教程文档.pdfVIP

百度个性化首页主题大赛教程文档 主题大赛教程文档 Mybaidu 项目组 2010.04.29 1 百度个性化首页主题大赛教程文档 目录 一、 大赛简介3 二、 主题结构说明3 1、顶部区域3 2、模块区域5 3、底部区域6 三、 主题包说明7 1、图片说明7 2、皮肤CSS 说明7 四、 主题制作步骤8 1、主题创意设计8 2、设计页面裁切8 3、css 文件编写8 4、测试主题8 5、主题打包上传9 2 百度个性化首页主题大赛教程文档 一、 大赛简介 本次大赛是百度个性化首页改版以来首次主题大赛，大赛本着以用户个性化为中心 的指导原则，向广大网友征集个性化主题。 只要一点小创意，就能定制一款属于自己的“个性化首页”主题背景！可以用照片， 也可以用原创设计图……人人都能参加的设计比赛，期待你的参不！ 二、 主题结构说明 主题结构分为三个部分：顶部区域、模块区域、底部区域。（见图.1 ） 图.1 1、顶部区域 该区域需要大家设计以下七个部分： A、顶部区域背景图设计（注 ，此处背景图可以由背景平铺图片和背景主题图片两 部分组成) 3 百度个性化首页主题大赛教程文档 B、百度搜索框区域的文字链接样式 C、页面右上角的副导航文字的链接样式 D、标签页的样式 （注 ，标签页样式只能调整颜色，通过css 文件实现效果） E、添加按钮及滚动标签页按钮（注，标签页滚动按钮只有在标签页数量很多，超 出了该区域宽度时才会出现） F、标签页右侧相关设置顷的文字链接样式 G、搜索区“更多”的下拉菜单样式 4 百度个性化首页主题大赛教程文档 H、标签页的下拉菜单样式 2、模块区域 这个区域用于成列各个模块，每个模块的外观都是统一的，需要设计的地方包括 ： A、模块区整体背景（注，可以是图片平铺，也可以是单色背景） B、单个模块边框颜色 C、模块标题背景填充颜色 5 百度个性化首页主题大赛教程文档 D、单个模块投影颜色 E、模块内的文字链接样式 F、模块右上角设置图标点击之后下拉出来的设置菜单的样式。 3、底部区域 这个区域需要设计的地方 ： A、底部区域背景设计（注意，此处背景图可以由背景平铺图片和背景主题图片两 部分组成） B、文字链接样式 6 百度个性化首页主题大赛教程文档 三、 主题包说明 主题包由一些图片及css 文件组成。（详见“教程包”内的“skin 示例.zip”） 1、图片说明 在 “skin 示例.zip”压缩包中给出了所有可能用到的图片文件。图片的命名和格式 是固定的。参赛者可以替换、删除图片但丌能新增、改变图片格式 ，其中“banner.jpg” 是用于展示主题的，是必须要有的 ，尺寸也是固定的（298×51px ）。