猫喵 - 用你的Opera养鱼

用你的Opera养鱼

Thursday, 31. August 2006, 05:03:42

　　我刚刚在Opera Widgets发现了一个有趣的Widget——SimAquarium(电脑模拟鱼缸)。和普通的电子鱼宠物不同，你能在这个Widget里用钱购买灯光、装饰物和新品种的鱼。如果你想赚更多的钱，你仅仅需要去等待——你每一分钟便可以得到一美元。更有趣的是，鱼缸里的鱼还可以繁殖，当你的鱼足够多的时候你还可以卖掉它们，然后购买更大更漂亮的鱼。不过在这个游戏里最贵的动物并不是鱼，而是海豚。海豚有时候会离开你的鱼缸——不过不要担心，它还会回来的。
　　另外，你还能给给你的鱼缸拍照——只要点一下那个照相机按钮就行了。

截图：

下载：（需要Opera 9.0以上版本）

在你的Blog里加入Google图书搜索掌握CSS：网站布局

Comments

kirababy # 31. August 2006, 08:30

好像很好玩啊，我想问一下，你的Comment外框是怎么做的啊？很好看。
还有，你的Blog风格好清新啊

z8519312 # 31. August 2006, 08:35

Comment外框是我从官方blog那里抄来的，改改尺寸就行了。
官方blog地址：http://my.opera.com/desktopteam/blog/

kirababy # 31. August 2006, 08:39

直接作为Comment的背景就行了吗？
css怎么写呢？

z8519312 # 31. August 2006, 08:47

直接作为背景是不行的，因为不能确定留言的长短。
用下面这段替换掉CSS里的相同内容就行了：
/* :: COMMENTS :: */

.icon {
margin:0 5px -3px 0;
}

.feedicon {
margin-bottom:-2px;
}

.comments h2 {
font-size:18px;
}

.comments {
background:#f8f8ff;
clear:both;
}

.comment1, .comment2 {
clear:both;
background:#f8f8ff url(http://my.opera.com/z8519312/homes/files/comment2.gif);
border-bottom:12px solid #fff;
}

.comment1 .top, .comment2 .top {
background:transparent url(http://my.opera.com/z8519312/homes/files/comment1.gif) top left no-repeat;
}

.comments .bot {
padding:12px 12px 38px 12px;
background:transparent url(http://my.opera.com/z8519312/homes/files/comment3.gif) bottom left no-repeat;
}

.comments .c-avatar {
float:left;
width:58px;
height:58px;
border:1px solid #ccc;
background:#f8f8ff;
}

.c-avatar img {
margin:4px;
}

.comments .text {
width:410px;
float:right;
overflow:auto;
}

.comment-by {
clear:both;
color:#777;
font-size:11px;
margin:0;
padding-top:6px;
}

.editcomment {
font-size:10px;
margin:0;
}

.editcomment a:link, .editcomment a:visited {
color:#000;
}

.permalink a:link, .permalink a:visited {
color:#555;
}

.del {
color:#c00 !important;
}

.blogentry .blognav {
margin:0;
padding-bottom:25px;
}

#newcomment {
margin-top:20px;
}

#newcomment form {
background:#f8f8ff url(http://my.opera.com/z8519312/homes/files/newcomment.gif) top left no-repeat;
}

#login-message {
background:#f8f8ff url(http://my.opera.com/z8519312/homes/files/newcomment2.gif) top left no-repeat;
padding:0 10px;
height:160px;
}

.cc2 {
padding-left:1px;
}

#login-message p {
padding-top:14px;
}

#newcomment form div {
padding:12px;
}

#newcomment h2 {
margin-top:0;
}

#newcomment p {
margin:0;
}

#newcomment .submit {
font-size:16px;
padding:2px 10px;
}

#addcomment {
height:175px;
}

#description, #writecomment {
height:200px;
}

#message {
height:290px;
margin-bottom:38px;
}

#msubject {
width:100%;
}

z8519312 # 31. August 2006, 08:49

对了，你还要把背景色调一下.
另外每一条留言下都会多出一块空白，这个我一直都没解决。

kirababy # 31. August 2006, 10:58

哦，我试试看，谢谢你喽~

etian007 # 1. September 2006, 00:21

高手啊！！Skin能共享吗？
行的话发一分到 etian007@163.com

谢过先··

kirababy # 1. September 2006, 00:59

我找到去掉空白的方法了，你可能没看见：
.comment1, .comment2 {
clear:both;
background:#f8f8ff url(http://my.opera.com/z8519312/files/comment2.gif);
border-bottom:12px solid #fff;
}
在这段代码中，把最后的
border-bottom:12px solid #fff;
去掉就好了

z8519312 # 1. September 2006, 04:50

@etian007
已发