blog样式表命名.docVIP

Blogease采用CSS控制整体博客界面风格，因此修改CSS就可以设计出各种各样不同的界面，下面对CSS标签、html结构做一个说明。网站整体结构：分为 header、main和footer三部分，对应着css标签也是#header #main #footer。 其中对与main结构最复杂，见下图：默认的结构，左侧是content，也就是记录blog正文的地方，右侧为sidebar，侧栏，显示你的最新文章、最新评论等等。在右侧的sidebar中，又可以分为leftbar和rightbar，当你想将侧栏设置为左右两个分栏时，可以设置leftbar和 rightbar的属性，让他们列在两旁，如下图：因此这里要再重复说明一点： 要一个分栏，只需要设置sidebar的属性，两个分栏，设置leftbar和rightbar的属性。 下面详细说明各个自定义css标签的作用： #blogease 页面主体部分 #header BLOG头部 #header .blogtitle 头部博客标题 #header .blogdescription 博客描述 #main 主要部分 #content 内容部分 #content .blog 一篇博客文章区域 #content .date 文章发表时间 #content .blogbody 文章主体区域 #content .title 文章标题 #content .article 文章正文 #content .readmore “阅读更多”文字 #content .trackbackurl 引用地址 #content .moreinfo 博客发表人、所属类别、评论数等信息 #content .blogbottom 文章底部区域 #content .photo 一张图片区域 #content .current_photo 当前显示图片区域 #content .photo_slide 图片滚动列表 #content .photo_prev 上一张图片区域 #content .photo_next 下一张图片区域 #content .photo_list 图片列表 #content .is_current 图片列表中当前显示图片 #content .carousel-list 图片列表 #content .carousel-clip-region 图片列表 #content .comment 评论区域 #content .postcomment “发表评论“ 文字 #content .commentform 发表评论表单区域 #content .showcomment 显示评论区域 #content .commentavatar 评论人头像 #content .commentcontent 评论内容区域 #content. commenttitle 评论标题 #content .commenttext 评论文字 #sidebar 侧栏区域 #menubox 侧栏模块区域 #menubox .menutitle 模块标题 #menubox .menumain 模块内容 #menubox .menubottom 模块底部 #footer 博客底部区域 .pagination 分页显示 还有一个可以更个性化的地方，你可以对任何一个模块的属性进行改造，比如用户信息模块的标签为#mod_user_info