通过CSS让WordPress图片成比例自动缩小
不知道大家发现没有,有时候贴入WordPress的图片尺寸过大,结果导致文章发布后图片撑破页面。整个版式变的一团糟。如果我们要贴入WordPress的大尺寸图片很多,一张一张的去调整尺寸会很麻烦,有没有简单实用的办法(如通过CSS定义)让WordPress把图片自动成比例缩小到一定程度呢?通过GG还真找到相关的方法。
阅读全文…
不知道大家发现没有,有时候贴入WordPress的图片尺寸过大,结果导致文章发布后图片撑破页面。整个版式变的一团糟。如果我们要贴入WordPress的大尺寸图片很多,一张一张的去调整尺寸会很麻烦,有没有简单实用的办法(如通过CSS定义)让WordPress把图片自动成比例缩小到一定程度呢?通过GG还真找到相关的方法。
阅读全文…
1.
++CoolCode_BLOCK_1++
2.
++CoolCode_BLOCK_2++
3.
++CoolCode_BLOCK_3++
4.
++CoolCode_BLOCK_4++
5.
++CoolCode_BLOCK_5++
6.
++CoolCode_BLOCK_6++
7.
++CoolCode_BLOCK_7++
8.
++CoolCode_BLOCK_8++
9.
++CoolCode_BLOCK_9+...
HACK1:
相信很多人听说过Hack,就是在CSS代码里加入一些如* html,+hmtl, /**/,这些代码在IE里能被识别,其它浏览器不能,也有些IE6可以,IE7不能识别,就是通过这样的方法,来写针对不同浏览器的CSS代码。
这里有几篇文章是介绍Hack的,还有收集了目前的一些Hack,可以点过去看看。先别急着点,继续往下看吧。最后我才把链接贴上,因为下面的内容更重要。比你漫无目的找HACK实用。
这里介绍几个经典的区别不同浏览器,CSS hack写法太多了,也很杂,这里我就介绍几款实用的,又容易记的写法:
阅读全文…
有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度
css代码如下:
++CoolCode_BLOCK_13++
这样当图片的高度或宽度若超过590px,将会按比例压缩成590px,如果不超过则按原大小显示。
浏览器显示页面是一行一行的按顺序执行代码,也就是说写在前面的先执行显示,而对于左中右3栏布局的设计,代码要么是从左–>中–>右来书写,要么就是到过来从右–>中–>左来书写,要做到要求的效果,那首先要书写的是中栏的代码。
所以我首先定义了一个id=m的DIV,并且padding-left:150px,定义这个是为了给左栏留出140PX的显示位置,然后再在这个DIV里面嵌套定义一个id=middle的DIV,我用position:absolute的属性(绝对定位);然后再定义左栏left和右栏right。用position:absolute的属性有一个不好的地方就是它象photoshop里的层一样,它的自动延伸并不会带动整个布局的延伸,所以会遮住一些页面元素,比如我们通常会在网站的最下面写上一些copyright的信息,如果用先显示中栏的这种方法,如果不做处理的话,这些信息会被遮盖住。处理的办法就是使用javascript,让左右2栏的高度随中栏一起自动延伸。 阅读全文…