方法来源于土豆网的导航,在这里纪录一下实现的思路。
主要是利用 position 属性的 absolute 和 relative 配合 z-index 来实现的,通过position:absolute将需要平铺的背景层叠在另一背景上,这样即可以实现同一位置的两个背景,再使用z-index将内容提升到最高阶显示。
<div id=”a”>
<div id=”b”>
<ul>
<li><a href=”http://www.prower.cn/category/internet”>互联网谈</a></li>
<li><a href=”http://www.prower.cn/category/interaction”>交互设计</a></li>
<li><a href=”http://www.prower.cn/category/technic”>技术言论</a></li>
</ul>
<div id=”c”></div>
</div>
<div id=”d”></div>
</div>
继续阅读 »
距Prower V3主题发布已经有好多个月了,期间有一些Bug一直没有去修改,现在发布一下这两个小Bug的修改方法,其中一个是日期的问题,另一个是侧边栏样式的问题。
原主题发布页里的主题包已经更新了,最新下载的不需要再修改了。
日期问题
主题中使用的日志时间调用是:
<?php the_data () ?>
继续阅读 »
左右结构是平常页面中最经常看到的结构,简洁一些的页面就会使用边框将左右两边隔开,但往往由于左右两边的内容可能是不等高的,所以就会有一高一低的现象。这个时候不管是给A写个边框还是给B写个边框,都会有高低不平,解决这个边框的高低不平之前有看过很多解决方法,但总的来说有些复杂,其实有一种取巧的方法就可以做到,那就是利用CSS属性中的负值。
比如这个示例图中的边框,取一个DIV将A、B两部分都包容起来,然后写border:1px solid #000;再给A容器写右边框border-right:1px solid #000;B容器也写边框border-left:1px solid #000;这样不管哪边高哪边低,都会保证起码有一条边框线是从头到底的。
但这样两条边框线就会造成重复,于是可以给B容器写margin-left:-1px;这样让两条边框重叠在一起,即可解决边框重复的问题。
PS:回头一看,写了个这么囧的日志,算了,既然写了就发了吧。
无论何时,IE总是让页面制作者感到那么的黯然销魂,尤其是IE6,IE7次之,虽然IE8已经做了很大的改进,但由于XP用户的数量实在太大,而且大部分不愿意升级他们的浏览器,所以页面制作者只能一次又一次的被IE6折磨得死去活来。
今天在写页面的时候,碰到了折行的问题,正好复习一下CSS中关于断行处理的问题,在这里纪录一下心得:
HTML结构及CSS样式如下:
<ul>
<li><a href=”#”>…</a></li>
<li><a href=”#”>…</a></li>
<li><a href=”#”>…</a></li>
</ul>
li {float:left; margin-right:10px; line-height:20px;}
继续阅读 »
注:本文所说的视觉设计师专指网页视觉设计师。
网页设计师与平面设计师都归类为设计师,其实这两个职业是跨行业的,虽然有很多设计师一直在跨行业工作着。这两个职业的最大区别应该是在思维上,对于平面设计师来说,天马行空般的创新思维很重要,他们需要的是在一张白纸上勾画出符合客户需求的绚丽创意;而对于网页设计师来说,更多的是需要考虑创意在网络上实现的成本以及可能性,天马行空般的思维成了次要的。
这也就是为何很多时候,网页设计师去做平面设计师的工作要比反过来容易得多。也许可以用这样一个比喻来形容:网页设计师去做平面设计师的工作就像是放开圈养在马棚里的马,也许没了撒野的能力,但还能奔跑;而平面设计师去做网页设计师的工作,则更像是原本狂奔的野马突然被圈养在马棚里,框架的束缚会让野马变成手足无措。
继续阅读 »