您现在的位置:主页 > 程序应用 > UCHome >

首页左侧的菜单模板修改

来源:新2备用网址hg622.com|首页吧 责任编辑:Jzq8 发表时间:2011-12-27 点击:次
模板教程之 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; }
CODE: [COPY]
  • #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: 12px; }
CODE: [COPY]
  • #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;?}


更新缓存即可,修改后的效果如下图所示:

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    表情:
    验证码:点击我更换图片 匿名?

    推荐图文

    • 如何在UCenter Home中添加导航
    • UCenter Home1.5邮箱设置(以sina邮箱为例)
    • 如何将日志导入到UCenter Home
    • UCenter Home 1.5邮箱设置(以foxmail为例)
    • 如何修改UCHome点击群组默认是热门群组
    • HChome如何在phpMyAdmin中执行sql语句
    • UCenter Home1.5邮箱设置(qq邮箱为例)
    • 如何在UCenter Home中显示论坛主题
    • 登录退出提示错误的排查步骤
    Alexa - 客户服务 - 联系方法 - 招聘信息 - 友情链接 - 网站地图 - TAG标签 - RSS订阅
    Copyright ? 2010-2012 JZQ8.COM. 新2备用网址hg622.com|首页吧|新2备用网址hg622.com|首页去吧 版权所有
    冀ICP备09002514号
    冀ICP备09002514号 网络报警 企业法人营业执照 中国互联网协会 支付宝付款 网银在线付款