主页左边的莱单模版改动

模版实例教程之 UCHome 左边边栏的情况色和字体大小改动
许多网站站长想为自己的站点做一个和官方网不一样的,个性化的模版,从非常简单的刚开始学起,教大伙儿怎样把左边边栏的情况色和字体大小改动给自己要想的实际效果。
改动前的实际效果以下图所显示:

1、改动情况色
以把鲜红色框中的情况色改成深蓝色为例子解读,开启./template/default/image/文件目录,寻找 appSidebar_top_bg.gif、appSidebar_bg.gif和appSidebar_bottom_bg.gif 这三个照片,用图形编写专用工具开展解决,如 Adobe Photoshop 改成自身喜爱的色调,这三个照片的尺寸是 140*10 不必更改照片的尺寸。
照片改动后储存,登陆 UCHome 后台管理升级缓存文件。
改动后的实际效果以下图所显示:

2、改动文本尺寸
开启./template/default/style.css寻找
#app_sidebar { float: left; margin: 0 20px 0 0; padding: 10px 0 0; width: 140px; background: url(image/appSidebar_top_bg.gif) no-repeat 0 0; font-size: 14px; }
#app_sidebar { float: left; margin: 0 20px 0 0; padding: 10px 0 0; width: 140px; background: url(image/appSidebar_top_bg.gif) no-repeat 0 0; font-size: 14px; } P /P
#app_sidebar { float: left; margin: 0 20px 0 0; padding: 10px 0 0; width: 140px; background: url(image/appSidebar_top_bg.gif) no-repeat 0 0; font-size: 12px; }
#app_sidebar { float: left; margin: 0 20px 0 0; padding: 10px 0 0; width: 140px; background: url(image/appSidebar_top_bg.gif) no-repeat 0 0; font-size: 12px; } P /P


扫描二维码分享到微信