RSS

QQ的清爽版——不耍流氓的QQ

0 Comments | This entry was posted on Jan 22 2009

 

成功登录上QQ, 还没等反应过来,先是弹出一个“无限QQ使用向导”的对话框,紧接着右下角弹出一个推荐使用“好友印象”的小对话框,过一会儿又弹出个“腾讯网迷你首页” 的对话框。消停一会儿,然后QQ宠物的登录框又弹出来了。右下角还时不时弹出腾讯“好心”提供的各类新闻和QQ各项增值服务的提示…… 

还有,QQ的“点亮图标”模式(不知道是不是首创),让你在很多地方看到一堆有用没用的小图标,并且还有一大堆人对“点亮图标”乐此不疲 ,不知道这些人是什么心理,难道这是身份和地位的象征? 哈哈。

还有,还有……

 

虽然QQ有很多缺点不足以及烦人之处,但对大多数来讲,我们离不开QQ,因为身边的人都在用QQ。毕竟IM不是一个人玩的。这又一次说明了腾讯的牛×之处。

 

废话说的有点多,赶快进入正题: 你想不想你的QQ更干净一些,而不是频繁弹出对话框的流氓。

 

你别跟我说可以通过改代码、删文件来实现。我现在还不会,要弄还是您老人家自己弄去吧。

我要说的方法是,改代码、删文件。谄笑

 

囧一下,开个玩笑,嘿嘿。看图:

 

 

喂,同学,我可不是让你看美女的,这是“I’M QQ – QQ Official Site 。 也就是说,这是腾讯的国际官方站点,是为外国朋友准备的QQ。这就是我所谓的QQ清爽版了,不过先不要忙着去下载 ,看一下我的几点说明后再去也不迟:

 

 

  • 目前版本为QQ 2009 Beta for Windows,可支持 Vista 。至于是否支持 Windows 7 ,等我有时间试验一下。
  • 此软件的此版本不会弹出任何对话框,也去除了一大堆没用(包括曾经 很流行的QQ空间)的图标,所以看上去很干净。毕竟腾讯想给外国人也留下好印象。言外之意,如果你很在乎那些你辛辛苦苦点亮的图标们,那么,Bye Bye。
  • 此软件的语言当然是,English 。别说你不懂,使用它也没多少东西需要你懂的。
  • 这个版本的QQ和大家平常使用的版本功能上没有太大区别。
  • 此版本还提供了9款很和谐的Skins ,你可以将 8个Color和9个Backgrounds进行排列组合,原则上可以得到72个(我没算错吧?)Skin 样式。下图:


     

  • 好像没什么好说的了,到这里 去下载吧。

 

——————————————-

本文的清爽版:

 

  QQ清爽版在这里

另三款 Twitter 风格校内模板

0 Comments | This entry was posted on Jan 21 2009

 

 

昨天凌晨,ZhouGe 发布了自己的第一款校内模板 “Twitter Theme 4”,今天同样按照 Twitter 所提供的样式,做成了另外三个校内模板—— Twitter Theme 1 、Twitter Theme 9 、Twitter Theme 10 。

 

一、 Twitter Theme 1.

 

 

Twitter Theme 1代码:

 

body { background: #9ae4e8 url(http://assets2.twitter.com/images/bg.gif) fixed no-repeat top left; padding-top:0px;}
a:link {color: #1f3a87; text-decoration:none;}
a:visited {color: #1f3a87;text-decoration:none;}
a:hover {color: #bc2931; text-decoration: underline;}
a:active {color: #bc2931;}

/* Made By ZhouGe ^^ */


.profile .profile-panel{background:url() no-repeat 50% 0;border-bottom:none;padding-top:100px;}
.left-column{ margin:0 auto; background-color:#FFF; padding-top:20px; padding-bottom:10px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; border-left:7px solid #FFF;}
.profile-tabs{ margin:0 auto; background-color:#FFF; padding-top:20px; -moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;}
.tab-content{ margin:0 auto; width:950px; background-color:#FFF; -moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
#footer{ margin:0 auto; width:950px; background-color:#FFF; -moz-border-radius: 5px;-webkit-border-radius: 5px; padding-top:3px; margin-top:15px; margin-bottom:40px;}

 

 

二、Twitter Theme 9.

 

 

Twitter Theme 9 代码 :

 

body {

  color: #666666;

  background-color: #1A1B1F;

  background: #1A1B1F url(‘http://static.twitter.com//images/themes/theme9/bg.gif’) fixed no-repeat top left; }



a:link {color: #2FC2EF; text-decoration:none;}

a:visited {color: #2FC2EF;text-decoration:none;}

a:hover {color: #bc2931; text-decoration: underline;}

a:active {color: #bc2931;}



/* Made By ZhouGe ^^ */



.profile .profile-panel{background:url() no-repeat 50% 0;border-bottom:none;padding-top:150px;}

.left-column{ margin:0 auto; background-color:#FFF; padding-top:20px; padding-bottom:10px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; border-left:7px solid #FFF;}

.profile-tabs{ margin:0 auto; background-color:#FFF; padding-top:20px; -moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;}

.tab-content{ margin:0 auto; width:950px; background-color:#FFF; -moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}

#footer{ margin:0 auto; width:950px; background-color:#FFF; -moz-border-radius: 5px;-webkit-border-radius: 5px; padding-top:3px; margin-top:15px; margin-bottom:40px;}

 

三、 Twitter Theme 10 .

 

 

Twitter Theme 10 代码 :

 

body {
  color: #3D1957;
  background-color: #642D8B;
  background: #642D8B url(‘http://static.twitter.com//images/themes/theme10/bg.gif’) fixed repeat top left;
}
a:link {color:#1f3a87; text-decoration:none;}
a:visited {color: #1f3a87;text-decoration:none;}
a:hover {color: #bc2931; text-decoration: underline;}
a:active {color: #bc2931;}

/* Made By ZhouGe ^^ */


.profile .profile-panel{background:url() no-repeat 50% 0;border-bottom:none;padding-top:100px;}
.left-column{ margin:0 auto; background-color:#FFF; padding-top:20px; padding-bottom:10px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; border-left:7px solid #FFF;}
.profile-tabs{ margin:0 auto; background-color:#FFF; padding-top:20px; -moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;}
.tab-content{ margin:0 auto; width:950px; background-color:#FFF; -moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
#footer{ margin:0 auto; width:950px; background-color:#FFF; -moz-border-radius: 5px;-webkit-border-radius: 5px; padding-top:3px; margin-top:15px; margin-bottom:40px;}

 

四、要说的.

关于这三款模板要说的都和第一款(Twitter Theme 1) 一样,使用方法也相同。

 

一款 Twitter 风格的校内模板

0 Comments | This entry was posted on Jan 20 2009

 

话说,ZhouGe 在公元2009年1月20日,凌晨2:58分完成了自己的第一款校内模板—— Twitter Theme 4。

 

 

你可以到 我的个人主页 上查看该模板的效果(如果看不到,说明你将其他人的涂鸦板屏蔽了,可在 编辑涂鸦板 里设置)。下图为被校内压缩的效果图:

 

 

 

关于这款模板,要说明的几个问题:

  • 该模板的创作灵感来源于 Twitter 的 Theme 4 主题, 所以我将这款模板命名为“Twitter theme 4”。
  • 该模板背景设置为固定。
  • 该模板采用了圆角样式,看起来更和谐(但在IE下可能显示不出来)。
  • 该模板只采用了一张23K的背景图片,原则上不会耗费太多打开个人主页的时间。
  • 盖模板的背景图片盗链于 Twiiter ,在这里道歉一下,嘿嘿。
  • 这是本人的第一款校内模板,没有深入到细微之处。
  • 这个模板真的是我原创的,虽然我不知道该怎么证明, ^^ 。

 

如果你觉得这款模板还凑合,或者仅仅是给我面子,你可以按照下面的方法使用:

 

     校内模板其实就是一堆 CSS 代码,你在 CSS 中设置好的样式会根据正文的 DIV 位置相应的显示。我的这款模板的CSS代码是:

 

body {
    margin:0px auto;
    color: #3C3940;
    background-color: #0099B9;
    background: #0099B9 url(‘http://static.twitter.com//images/themes/theme4/bg.gif’) fixed no-repeat top left;
}
a:link {color: ; text-decoration:none;}
a:visited {color: #1f3a87;text-decoration:none;}
a:hover {color: #bc2931; text-decoration: underline;}
a:active {color: #bc2931;}

/* Made By ZhouGe ^^ */

.profile .profile-panel{background:url() no-repeat 50% 0;border-bottom:none;padding-top:150px;}
.left-column{ margin:0 auto; background-color:#FFF; padding-top:20px; padding-bottom:10px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; border-left:7px solid #FFF;}
.profile-tabs{ margin:0 auto; background-color:#FFF; padding-top:20px; -moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;}
.tab-content{ margin:0 auto; width:950px; background-color:#FFF; -moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
#footer{ margin:0 auto; width:950px; background-color:#FFF; -moz-border-radius: 5px;-webkit-border-radius: 5px; padding-top:3px; margin-top:15px; margin-bottom:40px;}

 

 

你选择个人主页 右上角的 在这里修改新版涂鸦板 的CSS栏中,将这堆代码复制粘贴过去就可以使用了。

 

如果你认为这款模板有不足之处,我会进行相应的修改。

 

任何人均可免费使用此模板,只要在下面留言告诉我一声就可以,ZhouGe 不会收取任何费用,但如果你非要请我吃饭,或者请我吃棒棒糖以表谢意的话,我还是十分愿意接受的,哈哈~。