我做的第一个校内模版
可能常看Wordpress模版的朋友一眼就能看出来这个风格是仿照Web Design Wall的模版制作的。这是我做的第一个校内模版,当时刚刚粗略的看了看校内的CSS。
由于做过太多纯CSS的模版,这些也是轻车熟路。甚至比起以前新浪的模版,一点创新都没有。
最后扔上代码和截图
body {
background:url(http://pic.yupoo.com/sivan/2283051c03f8/c1lhohcf.jpg) #ffffff no-repeat center top!important;
margin-top:0px;
margin-left:0px;
background-attachment:scroll!important;
}
#adbar,#logo,#header #logo,#header #logo A,#footer P,.nav-right,#navigation .nav-right,#sidebar{
display:none;
}
#container #userUpdates * .info,#container DIV{
BACKGROUND-COLOR: transparent;
}
#userStatus {
BORDER-BOTTOM-STYLE: none;
}
#spacePage #content {
BACKGROUND-IMAGE: none;
}
#userTalk{
height:400px;
overflow-y:scroll;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#D8DFEA;
scrollbar-darkshadow-color:#D8DFEA;
scrollbar-Shadow-color:#FFFFFF;
scrollbar-arrow-color:#D8DFEA;
scrollbar-track-color:#D8DFEA;
}
H4 , #userFriendUniv .boxcont .note,#starttalkForm ,#userActions LI,.opi-content,#widebar,#container,#content,#userStatus{
BORDER-TOP: #008000 0px solid;
BORDER-LEFT-WIDTH: 0px;
BACKGROUND: none transparent scroll repeat 0% 0%;
BORDER-BOTTOM: 0px solid; BORDER-RIGHT-WIDTH: 0px;
}
#userFeed H3,#userActions,#userClass H3,#userProfile H3,#userPicture ,#giftBox H3,#giftBox .sub-h3{
BORDER-RIGHT: #ffffff 0px solid;
BORDER-TOP: #ffffff 0px solid;
BORDER-LEFT: #ffffff 0px solid;
BORDER-BOTTOM: #ffffff 0px solid;
BACKGROUND-COLOR: transparent;
}
#header {
background:url(http://www.baidu.com) no-repeat center top;
LEFT: 0px;
POSITION: relative;
TOP: 0px;
HEIGHT: 252px;
}
#container H3 {
BACKGROUND: url(http://pic.yupoo.com/sivan/5888051bfca0/hjghm9i2.jpg) no-repeat left 50%;
TEXT-ALIGN: left;
}
#container {
MARGIN: 0px auto;
WIDTH: 850px;
}
#widebar {
MARGIN: 0px auto;
WIDTH: 800px;
BACKGROUND-COLOR: transparent;
BORDER-RIGHT-STYLE: none;
BORDER-BOTTOM-STYLE: none;
}
#userRelations {
FLOAT: right;
MARGIN-LEFT: 1px;
WIDTH:200px;
MARGIN-RIGHT:0px;
}
#userUpdates {
FLOAT: left;
MARGIN-LEFT: 5px;
WIDTH: 550px;
MARGIN-RIGHT: 5px;
}
#navigation {
BORDER-TOP-WIDTH: 0px;
BORDER-LEFT-WIDTH: 0px;
LEFT: 260px;
BORDER-BOTTOM-WIDTH: 0px;
COLOR: #8c8686;
POSITION: absolute;
TOP: -25px;
left: 50px;
BORDER-RIGHT-WIDTH: 0px;
text-align:left;
}
#navigation UL A:link {
COLOR: #4A292D;
FONT-WEIGHT: bold;
background-color:#FEF7FE;
}
#navigation UL A:visited {
COLOR: #4A292D;
FONT-WEIGHT: bold;
background-color:#FEF7FE;
}
#navigation UL A:hover {
COLOR: #4A292D;
BORDER-TOP: #ffffff 1px dotted;
background-color:#FEF7FE;
}
#content {
BORDER-TOP-WIDTH: 0px;
BORDER-LEFT-WIDTH: 0px;
BACKGROUND: url(http://www.baidu.com) #FFFFFF repeat center top;
BORDER-BOTTOM-WIDTH: 0px;
MARGIN: 0px auto;
TEXT-ALIGN: left;
BORDER-RIGHT-WIDTH: 0px;
}
#footer {
BACKGROUND: url(http://pic.yupoo.com/sivan/5622251c06b1/phwrr7u1.jpg) no-repeat center 50%;
WIDTH: 850px;
HEIGHT: 311px;
}
不错的模板~
2008-03-14 17:53 | #1Google进来的,一看,这不是推特上的sivan木,顿时超级崇拜呐。
2009-06-22 18:53 | #2😳 我囧了……不过这个模版也没法用了现在。
2009-06-22 20:04 | #3