JavaCenterHome风格安装制作教程.docVIP

JavaCenterHome风格安装制作教程 一、安装新风格 1. 将风格文件夹复制到根目录下template文件夹中。风格文件夹中应包括名为image的图片文件夹和名为style.css的样式文件。 2. 刷新页面后，在首页右下角的风格列表中就可以看到了。 二、创建新风格 1. 在根目录下template文件夹中创建一个文件夹new_style。文件夹名称可自定义，文件夹名称即为风格名称。 2. 在new_style文件夹下创建文件夹image和样式文件style.css。image文件夹名称及style.css样式文件名称不可改变，否则将无法加载图片及样式。 3. 将需要替换的图片放到image文件夹下。图片名称对应default文件夹下相应图片的名称。 4. 打开style.css编辑新风格样式。新风格的样式文件中未定义的样式，将加载根目录下template/default/style.css中定义的样式。新风格样式可按照《JavaCenterHome样式说明》或对照default下style.css编写。 5. 刷新页面后，在首页右下角的风格列表中就可以看到了。 全局样式： 全局字体设置：body, th, td, input, select, textarea, button 全局边距及填充距设置：body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset 全局标题字字号设置：h1, h2, h3, h4, h5, h6 链接样式：a 链接鼠标移入样式：a:hover 图片链接样式：a img 列表中的头像区块样式：.avatar48 列表中头像图片样式：.avatar48 img 灰色字体样式：.gray 灰色字体链接样式：.gray a 绿色字体样式：.green 绿色字体链接样式：.green a 区块靠右样式：.r_option 左侧浮动样式：.floatleft 右侧浮动样式：.floatright 清除浮动样式：.clear, .s_clear 圆角区块边框样式：.ye_r_t, .ye_l_t, .ye_r_b, .ye_l_b（依次右上，左上，右下，左下） 头像边框：.ar_r_t, .ar_l_t, .ar_r_b, .ar_l_b（依次右上，左上，右下，左下） 页面整体样式：body 内容部分宽度控制样式：#wrap, .wrap 下拉菜单样式：.dropmenu_drop 弹出窗体层样式：.popupmenu_popup 弹出窗体层标题样式：.popupmenu_popup h1 弹出窗体层关闭按钮样式：.popupmenu_popup .float_del 同时引用 .float_del, .float_edit 弹出窗体选项块样式：.btn_line 列表项样式：ul li 随便看看各区块标题栏样式：.ntitle 随便看看各区块标题栏链接样式：.ntitle a 随便看看区块样式：.nbox 分页样式：.page 分页样式背景及边框样式：.page * 分页-信息数量样式：.page em 分页-当前页数样式：.page strong 分页-链接样式：.page a 计数数字字体样式：.num 事件列表区块样式：.event_list 事件列表样式：.event_list ol 事件列表项样式：.event_list ol li 事件列表图片显示区块样式：.event_list .event_icon 事件列表图片样式：.event_list .event_icon img 头部： #header 控制头部区块样式。 .headerwarp 控制头部内容（包括头部背景图片）。 .headerwarp a 控制头部链接。 .headerwarp .logo 控制头部logo样式。 .menu 控制菜单列表样式。 .menu li 控制菜单列表项样式。 .topdropmenu_drop 头部菜单栏下拉菜单样式。 .topdropmenu_drop li a 头部菜单栏下拉菜单文字链接样式。 .topdropmenu_drop li a:hover 头部菜单栏下拉菜单文字链接鼠标移入样式。 li.notify 头部菜单栏提醒样式。 头部菜单栏提醒下拉菜单样式为全局菜单样式 .dropmenu_drop。 .nav_account 头部右侧信息栏样式。 .login_thumb 头部右侧信息栏头像区块样式。