乐趣参与

昨天凌晨，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） 一样，使用方法也相同。