Skip to main content
首页 > 碎言碎语 »正文

新手修改网站之利用审查元素功能

碎言碎语 伊枫 2016-01-19 11:26:40 查看评论 加入收藏

 作为新手的我们在使用各种网站程序进行建站的时候,除非是对div+css比较熟悉,能够自行编辑模板,大部分还是习惯去网上寻找一些适合自己的模板来使用。但是下载之后的模板也很难完全适合自己使用,那么就需要根据现有模板的基础进行修改,作为新手,完全看不懂代码,那么我们可以使用浏览器中的“审查元素”功能来进行修改。

 

5.jpg

 

那么,在使用审查元素功能之前,我们就要先准备相关的浏览器了。支持审查功能的浏览器是火狐内核的浏览器与谷歌内核的浏览器。意思就是,除了火狐与谷歌的浏览器都有审查元素的功能以外,还有双核的浏览器也可以使用该功能。因为双核的浏览器一般都是支持IE内核与谷歌内核的浏览器,我们在使用双核浏览器的时候,一定要注意选择谷歌内核的那一部分,IE浏览器与IE内核的浏览器是不支持使用审查元素功能的。

 

如下图:

6.jpg 

 

一般网站模板分为几个重要的页面,其中主要的形成是头部、尾部、首页、栏目页、文章页等几个页面组成。我们在修改网页模板的时候,首先需要确定修改的网页是哪个页面的哪个部分,然后使用审查元素功能进行网页的内容的修改或者CSS调整。

 

大家可以看到上面的网页中,有部分内容是空白,那么我们就可以使用审查元素的功能来进行查找(打开审查元素可以在网页中使用鼠标右键,点击审查元素,或者使用快捷键F12)。

 

7.jpg

 

然后选择到我们需要查找的空白部分。

 

8.jpg

 

打开层可以看到,里面是一张图片。

 

9.jpg

 

那么我们可以用ftp根据路径,重新上传一张一样大小的图片即可。

 

10.jpg

 

除了确定图片进行修改以外,审查元素还可以进行CSS的修改,在我们打开审查元素的时候,可以看到左边为代码内容,右边则是CSS的部分。我们可以随意把那个勾去掉,或者更换CSS里面的数字与颜色等,可以即时看到修改后的效果。大家可以慢慢尝试一下,你会发现有很多不同的惊喜!

 

11.jpg

 

现在希望把网页中绿色改为其他颜色,那么可以直接用审查元素先看看效果,确定了效果之后,再通过网站后台修改。我们找到颜色的部分,那么就可以直接通过photoshop找到一个颜色,替换颜色代码。

 12.jpg

13.jpg

此外,还有一些恶搞的效果,不需要使用PHOTOSHOP也可以马上看到效果。

 14.jpg

图片中该域名价格为178/年,我们可以修改一下。

 

当然,这个仅限娱乐了,真是的价格还是原来的,该测试仅限测试,请勿用作其他用途。

 

通过审查元素功能,我们可以自行修改不同的模板,然后修改出来一个自己需要的网站。


留言与评论(共有 0 条评论)
   
验证码: