热门关键字：　校内网代码　校内网代码　校内网代码　涂鸦板代码　涂鸦板代码　校内网代码　校内网代码　涂鸦板代码

复古剧院-班级美化

来源：www.tuyaban.com.cn 作者：校内网代码发布时间：2007-10-21

#sidebar,#header,#adbar,#friendsNewsFeed,#friendsNewsCount,#classInvitation,.xui-g p,#footer
{display:none}
/* 隐藏左边导航,顶部(有logo,导航条等),广告栏,成员新鲜事,快速邀请,底部文字(问题报告建议等),footer栏 */

a
{ color:#B9B9B9;}
a:hover
{ color:#B9B9B9; text-decoration:underline;}
textarea
{background:transparent;border:1px solid #B9B9B9;color:#B9B9B9;}
.subbutton
{background:transparent;color:#B9B9B9;border-color:#d8dfea #111111 #111111 #d8dfea;}
/* 修改链接,文本框，提交按钮的颜色,背景,边框等样式 */
#classProfile .boxcont
{font-size:12px}/* 设置管理班级，申请加入，邀请加入处的字号 */

body{
color:#B9B9B9;font-size:15px;font-weight:500 ;
}
/* body 样式的简单修改 */

#systempage
{padding:0px; /* 使上下边界无空隙 */
scrollbar-base-color:#567;
scrollbar-darkshadow-color: #567;
scrollbar-highlight-color: #567;
scrollbar-arrow-color:#FFF;
background:black;
height:100%;
overflow:hidden;/* 使整个大页面边缘不出现滚动条 */
margin:0;}
/* 其实也是对body,ID名为systempage而已. 边距改为0,定义滚动条样式 */

#container{
width:1006px;
height:100%;
scroll:none;
margin:0px auto; /* 居中 */
background:url(http://fm201.img.xiaonei.com/tribe/20070923/12/05/A032354475685HEI.jpg) no-repeat fixed}
/* container是body下同footer(已隐藏)并列的大层.页面中大部分东西都在其中。定位并加背景（整个剧院的图） */

.box h3
{margin:0px;
border:0px;
background:none;
text-indent:-500px;/* 对所有h3 的文字移动到页面之外(使隐藏) */
}

#classProfile {overflow:visible} /* 由于前面对整个页面overflow用了hidden,而此处的确是要溢出的,单独定义visible显示 */
#classTalk h3{background:url(http://fm181.img.xiaonei.com/tribe/20070925/10/42/A816081517628EWE.gif) no-repeat} /* “剧本”的背景 */
#classPhoto h3{background:url(http://fm171.img.xiaonei.com/tribe/20070925/10/46/A836519873224FLO.gif) no-repeat} /* “剧照”的背景 */
#classProfileBasic h3{background:url(http://fm161.img.xiaonei.com/tribe/20070925/10/50/A863804327907FLO.gif) no-repeat} /* “剧组”的背景 */
table.personIconList{padding-top:50px;background:url(http://fm171.img.xiaonei.com/tribe/20070925/10/53/A880834136278FLO.gif) no-repeat top center} /* “特邀演出”的背景 */

#content /* container下的层，包含了.xui-gf和.xui-g */
{margin:8px 267px 30px 269px; /* 定位,上右下左距其他要素(其实是container的内边框)距离 */
float:none;
width:470px;
border:none}

#customHtml /* 这是很重要的一个层，我们的代码都写在里面，并且，虽然他.xui-gf内部，但他似乎包含了下面的所有层（包括和.xui-gf并列的.xui-g，甚至于footer也被置于他下面）。这就使得他的滚动框包含了下面的全部东西。*/
{
overflow-y:auto; /* 自定义代码框 y轴自动(当高度超出397px时出现滚动) */
height:397px;width:465px;
background:url(http://fm191.img.xiaonei.com/tribe/20070924/19/46/A440865647831PUP.gif) no-repeat fixed; /* 闪动的幕布的背景 */
filter: chroma(color=#556677);}

.xui-t2 .xui-g, .xui-t2 .xui-gf,/* content内并列的两个大的层 */
#classTalk /* .xui-t2 .xui-gf下的留言板 */
{width:450px;float:left;}
/* 设置宽度 */

.talk .info
{
background:url(http://fm171.img.xiaonei.com/tribe/20070925/10/21/A690845057879PUP.gif) no-repeat 20px top;
border:none}
/* 留言板的留言人信息栏.添加背景（点点点） */

.xui-g .boxcont
{color: #B9B9B9;}

#classProfileBasic th
{width:200px;
background:url(http://fm191.img.xiaonei.com/tribe/20070924/21/23/A019341279312PUP.gif) no-repeat 30px top }
/* 修改班级信息栏的长度,并加背景（点点点） */

#classPhoto table
{border:none}
/* 照片栏，去边框 */

.personInfo {padding-left:50px}
/* 最近访客，左边距设置50px,显示右移50px */

.xui-g .iconlist
{text-indent:-9000px; /* 左缩进9000px,使隐藏 */
width:456px;height:385px;background:url(http://fm151.img.xiaonei.com/tribe/20070925/14/27/A163450263539HEI.gif) no-repeat}
/* 隐藏成员列表，添加背景（THE END）*/

</style>

<pre> 
<p class="note">   出品人 :    <a href="http://class.xiaonei.com/classhome.do?classid=2070700" class="tip">浙江林学院天目信息041 <span class="tipbox">0 4 1</span></a> </p>
<p class="note">   导演 :    <a href="http://class.xiaonei.com/classhome.do?classid=2070700" class="tip">浙江林学院天目信息041 <span class="tipbox">0 4 1</span></a> </p>
<p class="note">   编剧 :    <a href="http://www.xiaonei.com/armyone" class="tip">天目信息041 王红军 <span class="tipbox">王红军</span></a> </p>

<div>

<style type="text/css">

.iconlist li .icon
{
color: #B9B9B9;
margin-left:30px;
padding-right:250px;
background:url(http://fm191.img.xiaonei.com/tribe/20070924/21/23/A019341279312PUP.gif) no-repeat 40px top }
/* 对成员列表进行控制，加上那个点点点的背景图 */

.note{
font-size:20px ;
color:black;
font-weight:600 }
a.tip{background:none;border:none}
a.tip span{display:none}
a.tip:hover{cursor:hand;text-decoration:none;}
a.tip:hover .tipbox{display:block;position:absolute;background:none;top:30px;left:120px;width:65px;color:white;font-size:12px;font-weight:200;border:1px dashed}
/* 对出品人，导演，那里的连接做小提示窗口 */

</style>
</div>

这个很厉害啊代码比较多

如果超出限制请自行删减

里面相关的内容也改成自己班级的就可以了

上一篇：寻找爱的忠诚下一篇：淡淡的粉色-宁静窗帘背景

【收藏到QQ书签】【返回顶部】【打印本页】【关闭窗口】

推荐文章

热门文章

复古剧院-班级美化

相关文章