校内网涂鸦模板

早期的校内网吸引大家眼球的莫过于其可以自定义的个性主页,现在校内转向实际,发展更有利于同学交流的东西,同时推出了屏蔽涂鸦代码的功能。现在校园社区不多也不少,校内的选择可谓明智之举!
不过仍然有一大部分的人热衷于涂鸦事业,各种涂鸦网站也是层出不穷。其实页面自己喜欢就好,如果真的想要个性,那就自己做做-其实相当简单!
下面我们来以蓝秋鹏同学的黑色主题作为分析:
都是英文,似乎傻眼,不过只要告诉你它们代表什么,就不难了。打开自己校内主页,点击IE查看-查看原代码,记事本打开了校内的原码,编辑搜索下面代码#之后的单词,都可以搜得到,它们是标签的ID,A代表连接样式定义,下面的连接都是图片以及定义,稍微一研究也就换成了自己的个性主页了!
#utility,#sidebar,#logo,.nav-right,.super-actions,#userTalk .readmore,#userTalk .discription,#navigation .with_arrow,#userFriendUniv li.note,#userFeed1,#userAlbum .subinfo,#userStatus #doing2,#userStatus #doing3,#permalink{display:none;}

#spacePage #content{background:url();border:0;}

body{background-color:#3a3a3a;color:#fff;margin:auto;}
a{color:#fff;text-decoration:none;}
a:hover{background:transparent;color:#fff;}

#starttalkForm{background:transparent;border-bottom:0;}
#container{width:963px;}

#widebar{width:963px;background-image:url(http://fm201.img.xiaonei.com/tribe/20070922/12/57/A706599050455OXC.gif);border:0;}

#navigation{background-image:url(http://fm291.img.xiaonei.com/tribe/20071218/23/39/A236940588057FEN.jpg);height:30px;border-left:none;width:950px;padding-top:6px;padding-left:18px;background-repeat:no-repeat;border-bottom:0;left:0;top:0;background-color:#3a3a3a;}

#navigation .nav-left li a:hover{background-color:#656565;}
#header{height:101px;background-image:url(http://fm261.img.xiaonei.com/tribe/20071116/23/05/A555643278258OXC.jpg);width:963px;}

#footer{background-image:url(http://fm191.img.xiaonei.com/tribe/20070922/12/46/A637517161866FLO.jpg);background-repeat:no-repeat;}

#container #footer{width:963px;padding-bottom:40px;}
#userRelations{float:right;width:223px;margin-top:0;}
#userUpdates{width:693px;float:left;margin-top:0;}.box h3{border-top:none;padding-top:6px;padding-left:12px;color:#fff;font-weight:400;}

#userAlbum h3,#userBlog h3,#userFeed h3,#userProfile h3,#userTalk h3,#giftBox h3{background-image:url(http://fm201.img.xiaonei.com/tribe/20070922/12/48/A650749527740FLO.jpg);height:32px;background-repeat:no-repeat;padding-top:22px;}

#userProfile,#userAccount,#userAlbum,#userBlog,#userTalk,#userFeed,#giftBox{background-image:url(http://fm161.img.xiaonei.com/tribe/20070922/13/00/A720704060849PUP.gif);border-bottom:1px #000 solid;}

#userAlbum .more,#userBlog .more,#userFeed .more,#userTalk .more,{padding-top:22px;}
#userFeed{padding-bottom:10px;}
#userStatus h2{background-image:url(http://fm201.img.xiaonei.com/tribe/20070922/12/48/A650749527740FLO.jpg);background-repeat:no-repeat;padding-top:20px;height:32px;font-weight:400;padding-left:20px;color:#fff;}

#userStatus{border:0;background-image:url(http://fm161.img.xiaonei.com/tribe/20070922/13/00/A720704060849PUP.gif);margin:0;padding:0;}
#userStatus .boxcont{background-color:#3d3d3d;width:680px;padding-left:10px;margin-bottom:10px;}

#userFeed #feedHome{overflow:auto;height:300px;}
#userProfile h4{font-weight:400;color:#fff;}
#footer p{visibility:hidden;}
.box .more{padding-top:6px;}
#album .image a img{padding:0;}
#talk .info{background-color:#3d3d3d;border-top:none;padding-top:3px;}#blog .article{background-color:#3d3d3d;border-bottom:0;padding-bottom:0;background-position:0 6px;}
#blog .content{background-color:#262626;width:682px;margin-left:-20px;padding:0 2px 0 0;}
#blog h4,#album h4{font-weight:400;}
#talk{overflow:auto;height:340px;}#userUpdates

#cmtbody{width:668px;height:80px;background:#333 url(http://fm192.img.xiaonei.com/pic001/20071202/01/52/large_13692l56.jpg) no-repeat right bottom;color:#fff;margin-bottom:5px;margin-top:-5px;border:1px solid #656565;}
#userActions{background:#2d2d2d;padding-bottom:0;}
#userActions li a:hover{background:#656565;width:223px;}
#userPicture{text-align:center;padding-top:40px;border:0;background-image:url(http://fm151.img.xiaonei.com/tribe/20070922/12/42/A614824072427RAT.jpg);background-repeat:no-repeat;background-color:#2d2d2d;}
#userVisitor{top:20px;}
#userFriend{top:30px;}
#userShare{top:40px;}
#userGroup{top:50px;}
#userClass{top:60px;}
#userFriendUniv{top:70px;}
#userPicture a img,#userPicture a:hover img{border:none;}
#userClass h3,#userGroup h3,#userShare h3,#userFriend h3,#userFriendSpecial h3,#userVisitor h3,#userFriendUniv h3{background-image:url(http://fm191.img.xiaonei.com/tribe/20070922/12/50/A664794074623PUP.jpg);height:29px;background-repeat:no-repeat;}

#userClass .boxcont,#userGroup .boxcont,#userShare .boxcont,#userFriend .boxcont,#userFriendSpecial .boxcont,#userVisitor .boxcont,#userFriendUniv .boxcont{background-color:#2d2d2d;}.inputbutton,.inputsubmit,.subbutton,.canbutton{border:1px solid #656565;background:#202020;height:24px;line-height:16px;margin-bottom:5px;padding:3px;}

html{scrollbar-arrow-color:#656565;scrollbar-face-color:#202020;scrollbar-darkshadow-color:#2d2d2d;scrollbar-highlight-color:#2d2d2d;scrollbar-3dlight-color:#2d2d2d;scrollbar-shadow-color:#2d2d2d;scrollbar-track-color:#656565;}

#userFeed #feedHome h2,#userFeed #feedHome p,#userStatus h2 span,#userUpdates .userProfileItXXXXXXue,#userUpdates .userProfileItem{color:#fff;}

#permalink{background:transparent;border-top:0}.act_share{padding-top:0px;padding-right:8px}.act_share A.share{border:1px solid #656565;background: #202020;color:#fff;TEXT-INDENT:1.5em; LINE-HEIGHT:12px;padding-top:5px;HEIGHT: 14px;}
#album li{width:300px;}
#giftBox .sub-h3{background:#3d3d3d;border-top:0;width:680px;}