webdesign
Thursday, July 17th, 2008
by Lucifr
著名的设计网站Smashing Magazine推出的Wordpress主题,必然是精品啦。
介绍及下载 | 图片预览
这款由德国设计师Maleika Attawel打造的主题在细节上没得挑,搜索栏置顶,RSS及邮件图标醒目设计,Featured post,整合thumbnail(和lucifr首页上的设计相似),首页输出摘要。虽然背景的图片元素很丰富,但据介绍说实际的载入时间仍然很快。更为可贵的是,Smashing Magazine还提供了主题的PSD和EPS,不仅可以让大家自行对背景修改,更可以学习一下先进的设计方法和思路。
Sunday, June 22nd, 2008
by Lucifr
上次做logo还是改tarski那个模板的时候,对设计一窍不通的lucifr来说真是头大。新的logo也是差强人意。先凑合着用吧。
用到的两个字体都是免费的,“lucifr”和“beta”都用的是Anivers regular,后面的小字部分用的是Delicious bold&italic。
有的网站加logo就直接写到header里,用<img>标签,lucifr还是喜欢写到css里,弄成背景图片,鼠标hover之后有个变亮的效果,实际上就是用两张图片,一张上相应元素的透明度调至50%。所用的CSS如下:
下载: logo.css#logo a {background:transparent url(../images/logo_3.gif) no-repeat scroll 0pt 50%; /*这里的logo_3.gif用的是透明度50%的那张*/border:medium none;color:transparent !important; /*把原本文字变成透明,似乎只有ff3支持这个transparent,所以还要用到下面的这个*/text-indent:-999999px;/*用了这个,在IE和Opera里文字就不会显示出来啦*/display:block; /*block显示,这样就能定义大小了*/font-size:73px; /*字体可以设大一些,点击logo的时候就能回到主页了*/height:78px;width:370px;} #logo a:hover {background:transparent url(../images/logo_2.gif) no-repeat scroll 0pt 50%; /*这里的logo_2.gif用透明度100%的鼠标移到上面后就有变亮了的效果了*/}
Wednesday, June 18th, 2008
by Lucifr
看到漫步在用这个插件,勾起了lucifr过往的回忆,发现原来自己一点都没变,还是这么喜欢捣鼓,试试这,改改那,文章没写篇,就改着玩了。wordpress却变得越来越好用了。看看这个小插件,比以前一些theme带的aside功能就要完善的多。设置工作在后台就可以完成,完全不用去动ftp。
可能还是有人不太清楚这个aside到底有什么用。aside其实也是早就提出来的,当时也有人叫它Inline,可以将指定类别里的文章以与一般文章不同的显示样式(通常是简化,如去掉标题、发布时间、作者等一般都会显示的内容,只留下正文部分)在主页或存档里展示,作用就是用来发布一些短小的文章,或是与作者平时写作的主题相去比较远的东西,比如很专业的只介绍一些专业知识的作者在写到个人生活的时候就可能会设置到aside里去,以不对主流内容造成干扰,提高可读性。
感觉那会儿的aside和inline还是有点区别的,aside好像被放到侧栏的比较多,而inline就是现在asideshop达到的效果这样以short blog的形式参差在content里。
Asideshop的功能特点:
阅读全文——共929字
Wednesday, May 21st, 2008
by Lucifr
Giveaway of the Day今天送出的是一个小巧的按钮制作软件Button Shop 3,可提供超过200多种专业按钮样式,还可以自行定义,如颜色,按钮形状,还可以添加效果如阴影,镜象等。经lucifr测试对中文支持良好。
Button Shop 3售价是$29.95,所以想要免费使用的朋友们快抓紧了,到本文发布时间为止还有约17个小时。点击以下刚用这款软件制作的按钮到下载页面:
P.S. Giveaway of the Day是一个每天都会限时送出一款收费软件的免费版本的网站。只在一定时间内可以免费下载,而且每天送出的软件都不同。下载的免费软件不能得到技术支持,也不能升级,更不能用于商业用途。
对于没有专业设计能力的lucifr来说,这款软件制作按钮的功能已经足够了。推荐大家下载。
Thursday, May 3rd, 2007
by Lucifr
Javascript是目前比较广泛应用于网页的技术,很多炫目的效果都是由它来实现的。今天在digg上看到了这个名为Loupe.js的放大镜效果的js,可以在图片显示上实现放大效果。
这个js十分小巧,只有7kB,实际效果还是很不错的,而对于网页设计者来说实现起来也并不复杂。
应用方法:
1. 首先下载loupe.js 1.0。解压后上传其中的loupe.js和loupe.png到网站的目录中。
2. 在要实现这一功能的页面的header中载入loupe.js和loupe.png:
阅读全文——共624字
Wednesday, June 7th, 2006
by Lucifr
最近一直企图把k2 svn和一直在用的simpla掺合到一起, 为此还特地开辟了一块”秘密花园”.
无奈css功力太差, 虽然在firefox下看起来人模狗样, 可一到IE里就错误百出, 中途更是遭遇了传说中的Peekaboo, 更何况k2 svn本身就是个半成品…
不过经过千辛万苦, 总算作出个模样, 还有很多想改的地方, 不过… 实在太累了… 困觉先zzz
Update:
醒来之后又一直在修改, 盯着代码看太久现在看哪里都有各种标签在浮动, 比如那满墙的div, ul, li, 那满床的?php?和js, 还有那满盆的margin和padding…(路人A:”来人啊, 把这个撒癔症的给我抬出去!”)
阅读全文——共458字
Sunday, May 14th, 2006
by Lucifr
所谓独立blogger, 就是如同鄙人这一类的, 不愿意寄人篱下的blogger. 与使用bsp的”博客”们不同, 他们拥有自已的域名, 使用自己的空间(多是需要掏腰包的虚拟主机, 当然也不排除用着免费空间的”穷人”以及合租着服务器的”富人”们…), 自行安装并调试的blog程序(wordpress, movable type, 等等…), 是以一己之力在blog这个大圈子里”痛并快乐着”的一群.
独 立的好处自不必多说, 就好比买房住和自己盖房住一样. 买来的房, 基本配置都定了型, 顶多也就是装修装修, 添置几件家具而已;而自己盖房自由度就大的多了, 你想要仨厕所? 没问题, 只要你乐意! 当然独立的缺点也同样突出, 花的钱更多, 操的心更多, 关键的一条, 你还得有设计的能力.
作了几个月的独立blogger, 觉得有几件东西是必不可少的, 罗列于下:
1. 钱, 以及为此花钱的魄力. 域名要钱, 空间要钱, 上网要钱. blogger都是人, 人活着得要钱. 光有钱还不够, 你还得有为此花钱的觉悟与魄力, blog属于虚拟投资, 买来的东西只在网上看得到, 而能够收回成本并以此赚钱的人实在太少了. 所以在你决定要成为一个独立的blogger之前, 请先确认一下自己的荷包, 并能保证当它空下去的时候你不会攥着它后悔.
阅读全文——共1817字
Friday, April 28th, 2006
by Lucifr
simpla, 我现在在用的模板, 板如其名, 真是简单到不能再简单, 五个图片, 五个文件, 43kb大小, 没有the_loop.php, 没有search.php, 更别说内嵌的插件了; 如果不是从theoompa(thanks a lot)那里得到了些修改的方向, 我这个菜鸟还真不知从何入手去改造它.
“自己动手, 丰衣足食.” 这话真不假, 虽说对于我这样一个连最基本的php都不懂的初学者来说, 写个正则都费了老大的劲, 可学到的东西可比纯粹的”拿来主义”要多的多了. 建议如我一样的菜鸟也不妨找个这样的裸板改改, 必定受益匪浅.
目前的改造进度: 将将可以看…
Update: Apolagize to Oompa: I’m so sorry for ripping the code from your site. I should have ask before hand. But I really like this theme!
Saturday, March 4th, 2006
by Lucifr
可能是之前长时间在msn space里混的原故吧, 一直没注意到自己主页的大小, 直到beeno℃在qq里对我大叫:”你的BLOG很卡,图片太多了~” 我这才注意到载入速度的问题. 用web page analyzer查了一下, 结果相当不乐观…
Download Times*
阅读全文——共767字