标签为‘css’的日志

关于主题嵌套评论的设计

这两天制作新的Retweet主题,除了在后台功能设定做了一些工作比较繁琐,另一个头疼的问题就是评论样式的制作。Wordpress功能丰富,每个人习惯不同设定不同,从而显示效果就不同。设计的效果用户可能不用,用户的设定可能又体现不出设计的样式。这个就很纠结,所以我已经抱着凑合着用的心态来制作诸如“嵌套评论”这样的地方。而说到“嵌套评论”,那就谈谈这几天制作用到的一些设计。

WordPress更新到2.7后,采用了新的函数wp_list_comments来调取评论列表。我们制作主题的时候可能希望自己修改评论样式,在function.php设定评论样式然后在comment.php中用callback来调出样式。而这时我们需要注意一个问题,就是在function.php设定评论样式时,不要在最后添上</li>来闭合前面的<li>。
继续阅读 »

Tags : ,

庆祝CSS裸奔节

今天是CSS裸奔节,博客删除了CSS,看起来会很阿格里吧。嘿嘿。
反正你们已经看到我博客的裸体了,你们裸不裸看着办吧。

CSS Naked Day的意义是:
推动Web标准、提倡简洁为美、使用正确的 (x)html语义标记、良好的层次结构。暂时把页面设计抛弃,直接展示内容!

Tags :

定义页面中的链接样式

最近读《精通CSS》一书,学了不少知识。前两天给博客的链接添加了一些样式,因为本身博客主题的链接就不怎么显眼,这样也是想给读者更多方便,同时让博客的样式更加丰富好玩。

我根据不同的链接,设定了不同的显示效果,如下图。

继续阅读 »

Tags : ,

纯CSS圆角边框——让IE一边站


如图,博客已经换上。
如标题,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 :

分享一个Plurk主题:Citi Theme

今天继续摸索我的Plurk,想换换主题,自己也懒得研究那些CSS代码。很快在Plurk Themes找到一款挺喜欢的Citi Theme并换上。咦,怎么样子差那么多?仔细一看,原来作者在CSS用的自己博客的图片地址,而这个地址有幸被GFW了。

代理下图,传到Picasa。有喜欢这个主题的可以用下面的代码,样式看下图或者看我的Plurk

代码如下:
继续阅读 »

Tags : , ,

全国哀悼日(网站灰黑色CSS滤镜代码)

在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 : , ,

对IE很无语

近来Sivan一直在捣鼓自己的新模版,总的来说一切还算顺利。过去用underone的G7V1时Sivan在博客里加了个FLASH播放器,舍不得丢掉,就想加到新模版里。Sivan把相应代码Copy到模版右侧最上的标签切换页,这样的好处时虽然播放器默认是播放的,但是如果你不点“player”那个标签它不会放歌,当你点开才开始读取,如果你不喜欢可以点击暂停。而后又在右侧加了一个滔滔的标签面板。

继续阅读 »

Tags : , ,

1 / 2 ☑ 2