准备工作

前几天看到自己网站的模板有点土，颜色死气沉沉，布局也乱糟糟的，就想自己动手改改。我不是专业人士，就喜欢捣鼓这些，不求别人帮忙。先打开我的电脑，登录了网站后台。

我找到模板文件夹，里面一堆文件，看得头晕。挑了个叫"*"的文件，这是管所有样式的主文件。再拿了个简单的文本编辑器，不是什么高级货，就是电脑自带的那个记事本。

动手修改样式

我先打开那个css文件，瞄了瞄代码。全是英文，但关键词不难认，比如"background"是背景色，"font"是字体。就想改个清新点的颜色，把老气的深蓝换成天蓝。

• 搜到带"background"的代码行。
• 删掉那个深蓝的代码值，比如"#333333"。
• 换成新色码"#87CEFA"。
• 字体也小修了一下，把"size"从12px改成14px。

改完后保存文件，手还有点抖，怕出错。又打开首页瞄了瞄预览，页面一下子亮了点。

调整布局

然后看首页布局，左侧菜单挤成一坨，右边空白太多。我就琢磨挪挪空间。打开同一个css文件，找"width"和"padding"参数。

改左侧栏的宽度值，原来"200px"太窄，拉到"300px"。右边内容区缩小点，"800px"改成"700px"。还加了点间距，padding值从0改成10px。

又试了次预览，这回菜单没那么挤了，页面平衡多了。

测试结果

点保存，刷新整个网站。哈哈，搞定。页面变整洁了，颜色鲜亮，布局顺眼。没花一毛钱，就靠自己瞎改。碰到小问题，比如某个按钮位置歪了，我就再翻翻代码调调，前后折腾不到半小时。

改模板真不难。胆子大点动手试试，比求人强多了。有问题大不了还原文件，从头来呗。