bs图片样式更改文档.docVIP

BS图片样式更改文档 登录页面及banner图片更换 登录页面 BS4.3/5.0程序背景图片分别放在两个文件夹下 主界面背景图片存放路径为：\hrms\images\login1\ 图片名称分别为：login_01.jpg、login_02.jpg、login_03.jpg、login-bg.jpg 图片尺寸如下 login_01.jpg 993*231 login_02.jpg 453*405 login_03.jpg 540*405 login-bg.jpg 7*664 图一 登录后界面 Banner图片 登录后的界面背景图片存放路径为：\hrms\images\ 图片名称分别为：b-left.jpg、b-right.jpg、b-bj.jpg 图片尺寸如下： b-left.jpg 590*92 b-right.jpg 455*92 b-bj .jpg 12*92 图二 菜单按钮的箭头 图片存放路径为：\hrms\images\ 图片名称为：darrow.gif 图片大小：14*14 图三 图四 图片存放路径为：\hrms\images\ 图片名称为：rarrow.gif 图片大小：14*14 Css样式更改 登录后桌面的首页显示 桌面背景主要用到三个css样式文件 其中包括css1.css，css8.css，drop.css 存放位置为hrms/css文件夹中 图五 备注1： 背景颜色修改样式文件css8.css 存放路径：hrms/css/css8.css 修改内容： body { background-color:#DEEAF5; font-size: 12px; margin:4 0 0 4; } 默认颜色是：:#DEEAF5，可以将:#DEEAF5修改为其他颜色 备注2 首页该框体颜色是以一个图片为底图背景 样式文件名：drop.css 存放位置：hrms/css/drop.css 修改内容： .rowbody { background-image: url(/images/board_body.gif); background-repeat: repeat-y; height:170; } 其中board_body.gif为图片名，存放位置：hrms/images，也可以直接替换图片文件更换颜色 左侧菜单显示 左侧菜单中主要用到2个css样式文件 其中css1.css，leftmenu.css 存放位置为hrms/css文件夹中 图六 备注3 按钮框体颜色是以一个图片为底图背景 样式文件名：leftmenu.css 存放位置：hrms/css/leftmenu.css 修改内容： .menu_title{ background-image:url(/images/title_bg.jpg); background-position : left; background-repeat:repeat; color:#000000; cursor:hand; height:28px; border: inset 0px #2E5B89; BORDER-BOTTOM: #2E5B89 0pt solid; BORDER-LEFT: #2E5B89 0pt solid; BORDER-RIGHT: #2E5B89 0pt solid; BORDER-TOP: #024FC1 0pt solid; font-size:12px; font-weight:bold; } 其中title_bg.gif为图片名，存放位置：hrms/images，也可以直接替换图片文件更换颜色 备注4 背景颜色修改样式文件leftmenu.css 存放路径：hrms/css/ leftmenu.css 修改内容： .menu_table{ background-color:#DEEAF5; BORDER-RIGHT: #94B6E6 1pt solid; } .menuBodySet{ background-color:#DEEAF5; margin:0 4 0 0 ; } 其中#DEEAF5;为背景颜色 备注5 按钮字体颜色、大小 样式文件名：leftmenu.css 存放位置：hrms/css/leftmenu.css 修改内容： .menu_title{ background-image:url(/images/title_bg.jpg); background-position : left; background-r