最近更新

ps图层样式中的等高线才是最有威力的!

ps图层样式在图标绘制的过程中会大面积使用到,不过随着这几年扁平化的流行,图层样式使用没有拟物化年代那么精雕细琢了。投影、渐变叠加、斜面与浮雕、内阴影、内发光、外发光依然是常用的图层样式效果。但是很多时候等高线这个利器却被我们忽略了。用好了等高线,效果大不一样。等高线几乎都是一个x、y轴所构成的界面...

zblog如何为不同的分类页面设置不同的侧边栏?

zblog主题制作的时候,首页的侧边栏和二级分类页面的侧边栏会不同,不同的二级分类页面侧边栏也可能不同。如果文章的摘要列表这块是相同的,就不必要为不同的分类设置不同的模板文件了,直接用一个if判断就可以打造不同的侧边栏。zblog后台的侧边栏一共有5中,分别对应{template:sidebar}、...

zblog如何为某个分类导航设置不同的模板文件?

zblog主题设置中,首页和二级分类导航都默认使用的index的模板文件,三级正文页面使用的single模板文件,这使得页面看起来有点单调。如果某个分类想使用不同的模板文件,比如文章使用一种模板,图片分类使用另一种模板,比如下面这种布局,就需要我们自定义模板文件了。1、首先,选择index模板,另存...

zblog在后台顶部导航菜单添加“主题配置”按钮

自己做好的主题,但是因为没有后台的主题配置,所以别人想用的时候,必须自己一点一点的修改代码,有点html和css基础的人倒是无所谓,但是对于小白来说,改一个logo都不会,还是很郁闷的。所以zblog主题一般都会有后台的主题配置,让用户可以根据自己的需要重新上传logo,或者修改网站的配色等,高级一...

zblog不要缩略图插件,提取文章第一张图片放入摘要!

在zblog中,默认文章列表的摘要只有文字,没有图片,如果需要图片放入摘要,可以使用缩略图插件或者自己加入一段php代码。使用缩略图插件的方法可以查看下面这篇文章:zblog建站:为文章列表添加缩略图这篇文章讲解一下不用插件直接使用php代码的方法。在要加入缩略图的代码前面加入如下代码:{php} ...

用选区抠图,最后一定要用“调整边缘”去掉杂边!

用魔术棒或者快速选择工具抠图,适合背景颜色单一,主体轮廓清晰的图片,但是只要是选区,都不能保证边缘一定没有杂边,所以,”调整边缘“就是一个绝好的命令,在CC2017版本已经变成了”选择并遮住“,我这里用的还是CC2014的版本,所以位置可能不太一样,但功能还是差不多的。首先,调整边缘的功能分为两大部...

CSS3第十一课:transform2D变形,注意多个变形的执行顺序!

用过ps的童鞋几乎都知道ctrl+T自由变换工具,我觉得CSS3 transform就汲取了ps变形的精华,好好地继承了这三板斧精神。一、transform变形实现对元素的缩放、移动、旋转、倾斜,分别对应以下几个方法。注意:变形只能针对块状对象,行内元素需要变成块状对象才能实现变形效果。1、scal...

CSS3第十课:transition过渡动画(内附神器!)

在十年前,我用flash做动画的时候,总结了一下flash的运动规律,主要有形状、大小、位置、角度、颜色、透明度、加减速等变化。没想到移动端异军突起,似乎一夜之间,flash就没落了。想起自己曾经每天必逛的闪吧,在2012年也停止更新,虽然现在网站还在, 但也只是一个象征了,偶尔回去悼念一下,怀念过...

CSS3第九课:重复放射性渐变repeating-radial-gradient

repeating-radial-gradient重复性放射渐变和radial-gradient放射渐变的参数都是一样的,差别在于是否利用渐变单元扩展至整个容器。可以先看看这篇详细介绍放射性渐变的文章↓CSS3教程:background-image之放射性渐变(radial-gradient)详解一...

CSS3第八课:重复线性渐变repeating-linear-gradient

很早以前写过一篇线性渐变的文章,如果还没有掌握CSS3中的线性渐变,建议先看一下。CSS3教程:background-image之线性渐变(linear-gradient)最in版!时隔一年半,再把它的姐妹篇——重复线性渐变搞定,才算是真正完结了吧。忍不住感叹,How time flies!这个属性...

CSS3第七课:background多重背景及新增属性

关于CSS3的边框、圆角、阴影等新特性,在以前的CSS3教程里面已经详细介绍过,在这个系列里面就不再啰嗦,有兴趣的可以直接查看CSS3教程系列。 这篇文章详细讲解一下CSS3多重背景这个新特性,真的是很强大。 一、多重背景的用法 ba...

CSS3第六课:web中的颜色值以及rgba和opacity的区别

每次听一些web前端开发大神讲公开课或者看录制的视频,很多时候脱离了UI设计稿,大神们自己做案例的时候,都是用RGB三原色来搭配,或者直接red/blue/yellow/gray等颜色值,看得我眼睛火辣辣的痛,强烈建议web前端们也要把自己的审美,特别是色彩审美提高一下。审美教育必须从娃娃抓起!1、...
Top