RSS
热门关键字:  背景音乐代码  播放器代码  校播放器代码内网  漂亮的雪  浪漫
当前位置 :| 主页>校内网使用教程>

校内网代码教程之充分利用涂鸦板

来源:www.biyela.net 作者:新版校内网代码 时间:2008-02-11 点击:

校内网涂鸦版是一个可以放CSS代码和HTML代码的地方,这给了我们美化自己的页面带来了很大的方便..

好了发下我的代码了.把自己要的东西先放进自己的藏宝箱里,在替换掉我代码里的代码就行了,个性就是你的了

相关代码:做了又一次修改!

<style type=text/css><!--#tagline,#utility,#logo,#navigation,.block,#permalink,#sidebar{display:none;}--></style>
<!--定义背景/鼠标-->
  <BODY style="background-color:#681C07;cursor:url('http://img.xiaonei.com/photos/51/602/orig86384.ani');">
  <style type=text/css><!--A{CURSOR:url('http://img.xiaonei.com/photos/51/602/orig86384.ani')}--></style>
<!--使页面居中,加宽,去掉边框,设置中间背景-->
  <style type=text/css><!--#container{overflow:hidden;width:800px;margin:0 auto;border:solid 0px #fbf8ef;background:url(http://fm062.img.xiaonei.com/tribe/20070421/1740/A8444915ME.gif) repeat;}
  #content{MARGIN:0 10px;width:755px;border:solid 0px #A75AA2;}--></style>
<!--调整各部分位置/宽度-->
  <style type=text/css><!--#userRelations{float:right;width:230px;}#userUpdates{float:left;width:510px;}--></style>
<style type=text/css> <!--#permalink,#snav,#footer{display:none;}--></style><!-除底部链接->
<style type=text/css><!--#userBlog .text{height:40px;overflow-y:auto;} --></style><!--日志长度限制-->
<style type=text/css><!--#talk{height:100px;overflow:auto;}--></style><!--留言板长度限制-->
<!--定义Banner-->
  <style type="text/css"><!--#header{position:relative;background-image:url(http://fm042.img.xiaonei.com/tribe/20070421/1800/A9613179ME.gif);background-repeat:no-repeat;width:795px;height:200px;left:28px;}--></style>
<style type=text/css><!--#userSchoolClass{display:none;} --></style><!--隐藏加入班级-->
  <style>a img {filter:alpha(opacity=300,style=3);}a:hover img {filter:none;/*隐约头像*/}</style>
<!--所有滚动条样式-->
  <style>
  * {SCROLLBAR-FACE-COLOR:white; SCROLLBAR-HIGHLIGHT-COLOR: #AC3535; SCROLLBAR-SHADOW-COLOR: #AC3535; SCROLLBAR-3DLIGHT-COLOR: #AC3535; SCROLLBAR-ARROW-COLOR:white; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR: #AC3535;}
  </style>
<!--设置各模块背景-->
  <style type=text/css><!--
  #userRelations #userInfo{margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;}
  #userRelations #userStatus{margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;background:url(http://fm011.img.xiaonei.com/tribe/20070421/1540/A1447813GE.gif) no-repeat;height:75px;width:210px;padding:15px 10px 10px 10px;}
  #userRelations #userVisitor,#userRelations #userFriendSpecial,#userRelations #userFriend,#userRelations #userShare{margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;background:url(http://fm011.img.xiaonei.com/tribe/20070422/2000/A3399360GE.gif) no-repeat;height:220px;width:210px;padding:15px 10px 10px 10px;}
  #userRelations #userFriendUniv{margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;background:url(http://fm062.img.xiaonei.com/tribe/20070422/2240/A2989666RO.gif) no-repeat;height:500px;width:210px;padding:15px 10px 10px 10px;}
  #userShare .boxcont{height:140px;overflow:auto;}
  #userFriendUniv .boxcont{height:300px;overflow:auto;}
  #userGroup .boxcont{height:70px;overflow:auto;}
  #talk{height:340px;overflow:auto;}
  #userStatus .boxcont,#userVisitor .boxcont,#userFriendSpecial .boxcont,#userFriend .boxcont,#userShare .boxcont,#userFriendUniv .boxcont{border:solid 0px white;}
  #userUpdates #userProfile,#content #userPandora{margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;background:url(http://fm042.img.xiaonei.com/tribe/20070421/1500/A8944224GE.gif) no-repeat;height:300px;width:490px;padding:15px 10px 10px 10px;}
  #userUpdates #userAlbum,#userGroup{margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;background:url(http://fm031.img.xiaonei.com/tribe/20070421/1520/A0004846ME.gif) no-repeat;height:100px;width:490px;padding:15px 10px 10px 10px;}
  #userUpdates #userBlog{margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;background:url(http://fm041.img.xiaonei.com/tribe/20070421/1530/A0781786MG.gif) no-repeat;height:200px;width:490px;padding:15px 10px 10px 10px;}
  .subbutton, .canbutton { color:#A75AA2;}
  #userTalk{margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;background:url(http://fm011.img.xiaonei.com/tribe/20070422/2230/A2491677MG.gif) no-repeat;height:520px;width:490px;padding:15px 10px 10px 10px;}
  --></style>
<!--所有H3标题背景-->
  <style type=text/css><!--
  .box h3,#userProfile h3{background:transparent;border-top:0px;border-bottom:1px dashed #A75AA2;}
  .more a{position:relative;top:15px;}
  .share{position:relative;top:15px;left:-10x;}
  --></style>
  <!--H4标题背景透明-->
  <style type=text/css><!--#userBlog .info,#userTalk .info{background:transparent;border-top:1px solid #A75AA2;}#userActions li{border-bottom:0px solid #A75AA2;}
  --></style>
<!--定义头像背景-->
  <style type=text/css><!--#userInfo{height:320px;TEXT-ALIGN:center;background:url(http://fm031.img.xiaonei.com/tribe/20070421/1535/A1155221FA.gif) no-repeat;border-top:1px none #A75AA2;}
  #userPicture{padding-top:20px;}#userActions{width:200px;}--></style>
<!--定义字体/边框颜色-->
  <style type=text/css><!--
  A,A:hover,A:link,A:visited,#userProfile A,#userProfile A:hover,#userProfile A:link,#userProfile A:visited,#userProfile h4{color:#A75AA2;}
  .box h3,.boxcont,#userProfile .stat,#userAlbum .stat,.box span,#userRelations .time,#userUpdates .time,#userUpdates #userBlog .time,#userTalk #talk .time,#userTalk #talk .text,#userGroup .boxcont p,#userAlbum .subinfo,#userProfile .userProfileItem,#userProfile .userProfilXXXXXXue{color:#A75AA2;}
  .personIcon td{border:0px solid #A75AA2;}
  #userPicture a img{border:0px solid #A75AA2
  #userPicture a:hover img{border:1px solid #A75AA2;}
  .subbutton,.canbutton,HTML .inputbutton,#starttalkBtn,#editorFormBtn,.act_share A.share{border:0px solid #A75AA2;background:white;color:#A75AA2;}
  .act_share A.share{TEXT-INDENT:1.5em; LINE-HEIGHT:12px;padding-top:0px;HEIGHT: 14px;}
  --></style>
<!--定义导航条-->
  <!--定义导航条样式--><style type=text/css><!--
  #tab{float:left;clear:both;position:relative;Top:-775px;left:280px;width:480px;height:30px;}
  #tab span{display:none}
  #tab A,#tab A:link,#tab A:visited{float:left;FONT-SIZE:15px;FONT-WEIGHT: bold;COLOR:#A75AA2;WIDTH:89px;TEXT-ALIGN:center;TEXT-DECORATION:none}
  #tab A:hover,#tab A.on:hover{LEFT:-2px;POSITION:relative;TOP:-2px}
  --></style>
  <!--定义导航条内容-->
  <div id="tab">
  <a href="http://home.xiaonei.com/Home.do" target="_blank">首页</a><span>|</span><a href="http://blog.xiaonei.com/GetBlog.do?id=221262886" target="_blank">日志</a><span>|</span><a href="http://photo.xiaonei.com/getalbumlist.do?id=221262886" target="_blank">相册</a><span>|</span><a href="http://club.xiaonei.com/external_rk.php" target="_blank" style="WIDTH:118px;">校内广场</a><span>|</span><a href="http://xiaonei.com/Logout.do" target="_blank">走吧</a>
  </div>
<img height=0 loop=infinite dynsrc="http://fm021.img.xiaonei.com/tribe/20070430/2345/A7906272GE.wma" width=0 border=0> <!--背景音乐**-->

<DIV id=kongfu style="RIGHT: 400px; POSITION: absolute; TOP: 310px"><IMG src="http://fm012.img.xiaonei.com/tribe/20070430/1950/A4033398GE.gif" border=0></A></DIV>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=/uploads/allimg/080211/1412230.gif|http://fm031.img.xiaonei.com/pic001/20070430/1950/L3935729GE.jpg|http://fm041.img.xiaonei.com/pic001/20070430/1950/L3941180GE.jpg|http://fm051.img.xiaonei.com/pic001/20070430/1950/L3942268GE.jpg|http://fm052.img.xiaonei.com/pic001/20070421/2050/L9976848ME.jpg&;;links=http://photo.xiaonei.com/getalbum.do?id=203077556|http://photo.xiaonei.com/getalbum.do?id=203077556|http://photo.xiaonei.com/getalbum.do?id=203077556|http://photo.xiaonei.com/getalbum.do?id=203077556|http://photo.xiaonei.com/getalbum.do?id=203077556&;;texts=注释|注释|注释|注释|注释&borderwidth=300&borderheight=200&borderalign="center"&textheight=20" BGCOLOR="#F0F0F0" WMODE="opaque" ></EMBED>
<DIV id=kongfu style="left: 0px; POSITION: absolute; top:0px"><IMG src="http://fm041.img.xiaonei.com/tribe/20070422/0015/A2231275RO.gif" border=0></A></DIV>
<DIV id=kongfu style="right:1px; POSITION: absolute; top:30px"><IMG src="http://fm022.img.xiaonei.com/tribe/20070422/0015/A2252790RO.gif" border=0></A></DIV>
<DIV id=kongfu style="right:390px; POSITION: absolute; top:970px"><IMG src="http://fm011.img.xiaonei.com/tribe/20070430/1950/A4055223GE.gif" border=0></A></DIV>
<br>
 <a href=http://www.xiaonei.com/GetThread.do?id=301410217>我的箱子</a>|<a href=http://class.xiaonei.com/04zzhi>04思政班</a>|<a href=http://class.xiaonei.com/qjzx04_4>高中班级</a>|<a href=http://zdcfeng.cersp.net>我的博客</a>

 <!--这段代码在涂鸦板里的效果不错哦,自己试一下哈-->

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
栏目列表