张文保的博客
张文保 · Paul Zhang

Engineering the Future

分类 HTML/CSS 下的文章

水印
京东商品主图去水印方法

京东商品主图去水印方法

很多时候看到京东商品主图非常清晰,想截图或下载保存,发现上面有水印,通过以下方法,可以完美得到高清无水印的京东商品主图。点击商品主图,进入商品相册,切换到你想要保存的相册图片,右键点击审查元素,找到图片路径,点击在新标签中打开,得到了一个图片的网址。将网址中的/n0/改为/img/,回车重新打开,即可得到一张800*800的无水印商品主图。提醒:虽然这种方法可以获取京东商品主图无水印的图片,但……

古腾堡 响应式设计 移动端堆叠 Wordpress区块
调整Wordpress区块在移动端上堆叠显示的顺序

调整Wordpress区块在移动端上堆叠显示的顺序

移动端堆叠是什么意思?移动端堆叠指的是在移动设备(如智能手机或平板电脑)上,网页内容的显示方式与在桌面设备上不同。具体而言,堆叠的概念涉及以下几个方面:垂直排列:在移动端,通常会将多个列或区块内容以垂直的方式进行排列,而不是像桌面端那样并排显示。例如,原本在桌面上并排的两个或多个内容区块,在移动设备上可能会被调整为一个在上,一个在下的排列。响应式设计:为了提升用户体验,移动端网站设计通常会采用……

CSS滤镜
网站悼念黑白灰CSS代码

网站悼念黑白灰CSS代码

给网站换上了黑白色调,以表达哀思。我的地方资讯网站也做了这个设置,现在分享一下网站悼念黑白灰CSS滤镜代码:<style> html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); fil……

图片居中
使用CSS控制全局图片居中

使用CSS控制全局图片居中

玩站群的人,经常会碰到批量采集文章时,图片本地化上传,要统一控制图片居中,不可能一张一张在编辑器里居中。最近保哥在DISCUZ做的地方资讯站上采集微信公众号内容时,采集的图片默认没有居中,需要统一居中,以下代码可以实现:#article_content img { display: block!important; margin: 0 auto!important; m……

等比缩放 图片缩放
纯CSS控制文章内容图片等比缩放

纯CSS控制文章内容图片等比缩放

很多CMS模板,发布内容上传图片后,图片宽度超过正文主体内容宽度时,需要设置等比例缩放。下面用纯CSS来控制图片比例,效果非常不错,以下CSS设置的最大宽度是800px,超过800px的,都会按800px等比例缩放。.img {max-width: 800px;//非IE浏览器 zoom:expression( function(elm) {//IE浏览器 if (elm.width>8……

Kindeditor图片批量上传数量和大小限制修改

KindEditor批量图片上传,默认允许用户同时上传20张图片,单张图片容量不超过1MB。有时不满足我们的需要,就需要修改KE批量上传图片的个数和单个图片大小限制。方法一:调用KE时配置好参数就行,代码如下:<link rel="stylesheet" href="kindeditor/themes/default/default.css" /> <script charset……

kindeditor编辑器优化图片上传目录修改

一、传取消网络图片1.单图片上传图片(非编辑器),传取消网络图片。调用的js中,在editor.plugin.imageDialog({   });中增加showRemote : false,2.单图片上传图片(编辑器),传取消网络图片。修改editor\plugins\image\image.js,在self.plugin.imageDialog({   });中增加sh……

button刷新页面的几种方式

<input type=button value=刷新 onclick="location.reload()"> <input type=button value=刷新 onclick="location=location"> <input type=button value=刷新 onclick="location.assign(location)"……

CSS 网站统计

隐藏第三方网站统计图标

有时为了页面美观,需要隐藏一些不需要展示的代码,而这些代码的功能却一定要生效,比如统计代码。下面提供两种方法隐藏:第一种方法,将统计代码放在<div style="display:none">与</div>中间,如下所示:<div style="display:none"> <script type="text/javascript">var ……

CSS

段落开头自动空两格CSS代码

网页内容中遇到大量的中文段落时,排版需要为每个段落前空两格或者往右缩进两格,以符合中文阅读的习惯,不会像豆腐块一样。只需要将文章“容器”样式中加上text-indent这个属性就可以了,如下代码所示:.box{text-indent:2em;}或者<div style="text-indent:2em;">你的文章内容!</div>如果网页模板加了这个CSS代码的话,就……

SSL安全认证