日期 : 2009年07月13日分类 : WordPress作者 : Sivan
这两天制作新的Retweet主题,除了在后台功能设定做了一些工作比较繁琐,另一个头疼的问题就是评论样式的制作。Wordpress功能丰富,每个人习惯不同设定不同,从而显示效果就不同。设计的效果用户可能不用,用户的设定可能又体现不出设计的样式。这个就很纠结,所以我已经抱着凑合着用的心态来制作诸如“嵌套评论”这样的地方。而说到“嵌套评论”,那就谈谈这几天制作用到的一些设计。
WordPress更新到2.7后,采用了新的函数wp_list_comments来调取评论列表。我们制作主题的时候可能希望自己修改评论样式,在function.php设定评论样式然后在comment.php中用callback来调出样式。而这时我们需要注意一个问题,就是在function.php设定评论样式时,不要在最后添上</li>来闭合前面的<li>。
继续阅读 »
Tags : css, 主题
日期 : 2009年04月9日分类 : 护脸网作者 : Sivan
今天是CSS裸奔节,博客删除了CSS,看起来会很阿格里吧。嘿嘿。
反正你们已经看到我博客的裸体了,你们裸不裸看着办吧。
CSS Naked Day的意义是:
推动Web标准、提倡简洁为美、使用正确的 (x)html语义标记、良好的层次结构。暂时把页面设计抛弃,直接展示内容!
Tags : css
日期 : 2009年03月14日分类 : 有码设计作者 : Sivan
最近读《精通CSS》一书,学了不少知识。前两天给博客的链接添加了一些样式,因为本身博客主题的链接就不怎么显眼,这样也是想给读者更多方便,同时让博客的样式更加丰富好玩。
我根据不同的链接,设定了不同的显示效果,如下图。
继续阅读 »
Tags : css, Wordpress
日期 : 2008年11月15日分类 : 有码设计作者 : Sivan
如图,博客已经换上。
如标题,IE不支持。尽管如此,我也换上了,效果觉得好看多了。至于IE,随便吧,方框也不是很丑。
过去看过一些介绍纯代码打造CSS边框的文章,都比较麻烦。想要简单,那兼容性就不好,我不知道到底是IE难兼容FF,还是FF总不能兼容IE?总是对于页面设计,这是个很痛苦的问题。既然如此,为何不先让非IE用户体验上他们本应有的效果?更何况代码如此简单。
代码如下:
.entry {
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
这些圆角属性依次对应支持FF、Konqueror、Safari&Chrome、CSS3。后面的12px可以自己改动控制圆角的大小。比较酷的是,如果你有两个CSS打造的边框,他们甚至可以很好的重叠在一起。看看我博客主页那个随机公告那里的效果吧。
当然,你可以用一个复杂些的代码来获取更好的兼容性,可以看看mg12大虾的这篇文章。
总之,现在用纯CSS实现圆角边框还很麻烦。与其等待有更好的标准方案出现,我更希望FF更早一统江湖。
update(08.11.17):添加其他浏览器支持,感谢Shawn给出的Safari和Chrome下的圆角代码,Shawn博客的主题也很漂亮,大家可以去观摩一下 😛
Tags : css
日期 : 2008年10月2日分类 : 有码设计作者 : Sivan
今天继续摸索我的Plurk,想换换主题,自己也懒得研究那些CSS代码。很快在Plurk Themes找到一款挺喜欢的Citi Theme并换上。咦,怎么样子差那么多?仔细一看,原来作者在CSS用的自己博客的图片地址,而这个地址有幸被GFW了。
代理下图,传到Picasa。有喜欢这个主题的可以用下面的代码,样式看下图或者看我的Plurk。
代码如下:
继续阅读 »
Tags : css, plurk, Sivan
日期 : 2008年05月19日分类 : 有码设计作者 : Sivan
在Discuz上看到的:据国务院文件,5.19-5.21为全国哀悼日,在此期间,全国和各驻外机构下半旗致哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿。5月19日14时28分起,全国人民默哀3分钟,届时汽车、火车、舰船鸣笛,防空警报鸣响。建议中国所有站点更换为素装,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
另在哀悼日或遇难的新闻,所有专题和主题 不能使用红色标题。
FF下无效,由于大部分网友都是基于IE的浏览器,都可以正常看到效果。
有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议。
请将网页最头部的<html>替换为以上代码。
有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
最简单的把页面变成灰色的代码是在head 之间加
一般的discuz或phpwind等论坛应该风格目录下有css文件,添加在最后再在后台更新缓存即可。
使用校内网(校内屏蔽此代码)的朋友请参考我下面的破解方法(需登录)
http://blog.xiaonei.com/GetEntry.do?id=294828667&owner=236732831
Tags : css, 地震, 校内网模版
日期 : 2008年05月16日分类 : 网事作者 : Sivan
近来Sivan一直在捣鼓自己的新模版,总的来说一切还算顺利。过去用underone的G7V1时Sivan在博客里加了个FLASH播放器,舍不得丢掉,就想加到新模版里。Sivan把相应代码Copy到模版右侧最上的标签切换页,这样的好处时虽然播放器默认是播放的,但是如果你不点“player”那个标签它不会放歌,当你点开才开始读取,如果你不喜欢可以点击暂停。而后又在右侧加了一个滔滔的标签面板。
继续阅读 »
Tags : css, Firefox, FLASH