[织梦CMS]如果通过审查元素实现精准修改样式的效果。

今天一个同学问我,他的问答界面如何把宽度修改了。

今天我就以这个为思路详细的为大家解答一下,该如何进行修改CSS参数、图片参数,实现自己想要达到的效果,这个我写的是[dede织梦CMS]其实这个方式是合适任何系统网站的方式来的。进入主题吧。

备注:大家先在电脑上安装360极速浏览器或者谷歌浏览器

1.如何通过审查元素精准修改替换图片。

第一、首先大家打开自己的网站,找到自己需要修改的图片

第二、对准需要修改的图片,右键审查元素(快捷键 Ctrl+Shift+i)。

第三、点击审查元素框中的左上角的箭头按钮,[点击一次],再点自己需要修改的图片

第四、点击需要修改的图片之后,会自动跳转到图片连接代码处

第五、在图片的代码处,一般可以看到图片的URL(假如看不到URL,一般都是使用JS调用的,右侧样式栏中就会显示js连接的URL)。

第六、知道图片的URL,就可以知道图片存放的位置,可以知道图片的大小(鼠标放到URL处即可显示图片像素)

第七、使用FTP工具,找到图片存放位置,进行修改(建议修改图片,图片大小尽量不修改)

附小视频教程[文件较大,请耐心等待加载]

[织梦CMS]如果通过审查元素实现精准修改样式的效果。

2.如果通过审查元素精准修改图片的宽度、高度、alt、Title等。

上面已经介绍了如何查找图片了,如果我们还需要修改图片的宽度、高度、alt、title等。

修改图片宽度、高度有2种方法。

第一,直接在FTP把图片下载后,修改图片的大小,再上传到FTP替换原图

第二,通过修改图片的宽度代码:width=”480”  数字为像素大小,高度代码:height=”300“数字为像素大小。

第三,图片的alt,title,修改的话就需要找到对应的页面模板,比如是文章模板内的图片,那就需要在文章模板中,找到对应的图片,再添加图片的alt、title、width、height。列表模板、产品模板、首页模板等等都是同样的操作方式。

3.如果通过审查元素修改DIV标签、H标签等其他标签参数

上面具体的已经讲过了如何进行修改,图片等的参数,那么DIV、H标签等参数我们如何来修改呢?其实都是差不多的。

第一,上面我们通过审查元素找到需要修改的DIV框架。

第二,比如这个<div class=”item-img“>,我们可以看到这个调用的样式指向”item-img“,在右侧styles中,我们可以找到对应的CSS样式,再找到对应的CSS样式设置即可

其实通过审查元素,可以达到精准的修改网站绝大部分的东西。

附送一个技巧,大家可以先在审查元素中,按照自己的想法进行修改,这样可以快速的预览到效果。确认效果没问题,再到自己的FTP或者后台模板中修改参数。

原创文章,作者:大BOSS,如若转载,请注明出处:https://www.jiaseo.cn/1136.html

(1)
上一篇 2019年1月17日 下午8:57
下一篇 2019年1月19日 下午11:51

相关推荐