多语言展示
当前在线:1600今日阅读:23今日分享:25

我的phpweb建站经验:[12]排版技巧4

前面介绍了排版插件,成品网站贴心的插件扩展,让我们设计版面的时候游刃有余,可惜,即便可以调用这么多插件,有时候,我们还是对插件的一些细节无法满意,要想做到最好,那么就需要对插件进行微调,这里就会设计到代码的修改。       看不懂代码?没有编程基础?别在意,这里的修改很简单,只需要了解几个关键的地方就可以做微调了。下面看看我是怎么修改的吧。
工具/原料

网站后台管理权限

方法/步骤
1

准确说,我并不懂代码修改的,也没有系统的学习过,只是做了简单的了解,我们要修改的,无非是插件的边框、大小,默认的字体颜色等,如果仅仅如此,这就好办了,我们先点开需要修改的插件吧,这里我选择的是修改文章列表插件,为大家示范。

2

首先,在插件设置的对话框中,可以看到已经有很多可以设置了,包括插件的标题、更多按钮的连接地址、文章列表与边框的边距、插件的长宽大小等。

3

好了,我们根据需要,设置了对应的内容,可是因为在之前容器底色设置为了为黑灰色,比较深,而选择的这个插件,文章列表的颜色确也是深色文字,这样就不显眼了,而且,边框的样式根据需要,的logo,那么怎么办呢?不急,我们先看看这个插件到底调用的是那个文件。

4

我们可以看到此插件调用的文件名为tpl_newslist_time.htm,那么在程序文件中,找到这个文件,并用notepad编辑软件打开它。

5

看不懂!恩,不要紧,看第二栏,那个.css后缀的文件名,找到这个文件,前面已经提示了,是在css/这个文件夹下。

6

使用notepad编辑软件打开newslist_time.css,果然,这就是关于文章列表的css文件,正是编辑插件样式的代码,包括字体大小、颜色等。font就是字体,后面的参数当然修改字体大小的;color,不用多说,这是颜色,也就是字体的颜色,如果不知修改的是否正确或者满意,可以对源文件进行备份,然后修改一点,就立即刷新页面观察变化,这样,就算修改错误,也可以恢复到最初的状态。

7

而边框的样式,则与插件的设置一样,找到边框所在的文件,并对边框的图片进行修改,看看我选择的边框样式,前面有一个数字番号783,好了,我们在源程序里找783这个文件吧!

8

找到了吗?这就是那边框的文件,就是一张图片,下面对这种图片想怎么修改就怎么修改,直到你满意为止。

注意事项

注意,对源文件做任何修改,一定要备份,改错了,还可以再来,一定要变成一种习惯。

推荐信息