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

校内网使用教程(一)

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

校内网使用教程(一)

1.<!--隐藏大学生互动空间/你好/LOGO/导航栏/广告布告推荐/底部链接/侧边拦/底部导航栏-->
<style type=text/css><!--#tagline,#utility,#logo,.block,#permalink,#sidebar,#footer{display:none;}--></style>

2.给主页加宽。代码如下:红色代码是加宽,绿色的是加边框,边框颜色根据自己的主页协调修改黄色背景处的代码,边框的线条大小修改红色背景处的代码数值。

 <!--使页面居中,加宽,设置边框--> <style type=text/css><!--
#container{overflow:hidden;position:relative;width:1000px;margin:0 auto;}
#content{float:none;MARGIN-RIGHT:auto;MARGIN-LEFT:auto;width:900px;border:solid 7px #FF4500;padding:15px;}--></style>

3.主页框架。现在大家多数使用的有两种框架:个人信息、相册和日志在左边;另一种当然是个人信息、相册和日志在右边。

在左边的代码如下:(右边的只要把黄色背景的right改成left,left改成right。)float意思是:对齐方式,有5种上up、下down、左left、右right、自动auto。width意思是:宽度。  (紫色背景部分是为了防止页面看起来空洞,调整各种信息的位子。)

 <!--调整各部分位置/宽度-->
<style type=text/css><!--#userRelations{float:right;width:270px;}#userUpdates{float:left;width:590px;}--></style>
<!--基本信息位置宽度-->
<style type=text/css><!--#BasicInfo{float:left;width:290px;}--></style>
<!--账号信息位置宽度-->
<style type=text/css><!--#AccountInfo{float:right;width:290px;}--></style>
<!--联系方式位置宽度-->
<style type=text/css><!--#ContactInfo{float:right;width:290px;}--></style>
<!--个人信息位置宽度-->
<style type=text/css><!--#PersonalInfo{clear:both;}--></style>

 4.设置各模块边框。边框这部分根据个人喜好而加。头像边框大小、颜色,头像下面部分的所有边框大小颜色,个人信息边框大小颜色。

 <!--设置各模块边框-->
<style type=text/css><!--
#userRelations #userInfo{border:solid 3px #FF4500;margin-top:0px;margin-bottom:10px;margin-left:auto;margin-right:auto;}
#userRelations #userStatus,#userRelations #userVisitor,#userRelations #userFriendSpecial,#userRelations #userFriend,#userRelations #userShare,#userRelations #userFriendUniv{border:solid 3px #FF4500;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;width:250px}
#userStatus .boxcont,#userVisitor .boxcont,#userFriendSpecial .boxcont,#userFriend .boxcont,#userShare .boxcont,#userFriendUniv .boxcont{border:solid 0px #FF4500;}
#userUpdates #userProfile{border:solid 3px #FF4500;margin-top:0px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:10px;}
#userUpdates #userAlbum,#userUpdates #userBlog,#userGroup{position:relative;border:solid 3px ##FF4500;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:10px;width:590px;} --></style>

5.留言板加宽。

 <!-留言板加宽->
<div class=jsEnCode></div> <body="return ''"></div><div style="position:absolute;Top:335px;left:266px;width:200px;height:128px;"></div>

 6.滚动条样式。拖动条颜色,拖动条边框颜色,拖动条背景颜色。

<!--滚动条样式-->
<style>*{SCROLLBAR-FACE-COLOR:#FF4500;SCROLLBAR-HIGHLIGHT-COLOR:#FF7F00;SCROLLBAR-SHADOW-COLOR:#FF7F00;COLOR:#000000 ;SCROLLBAR-3DLIGHT-COLOR:#FF7F00;SCROLLBAR-TRACK-COLOR:#000000;SCROLLBAR-DARKSHADOW-COLOR:#000000;SCROLLBAR-BASE-COLOR:#FFB6C1;}</style>

7.定义导航条。导航条位置整个导航条边框线条大小颜色导航条字体颜色导航条字体边沿颜色

<!--定义导航条-->
<style type="text/css"><!--
#navigation{position:absolute;left:150px;top:620px;width:680px;height:30px;background:transparent;border:solid 1px #FF4500;}
#navigation A,#navigation A:link,#navigation A:visited{FONT-WEIGHT:bold;FONT-SIZE:15px;FILTER:Glow(Color=#000000,Strength=7);COLOR:#FF4500 ;TEXT-DECORATION:blink;background:transparent;}
#navigation A:hover{FONT-SIZE:14px;BORDER-RIGHT:#FFFFF 1px dotted;BORDER-TOP:#660099 1px dotted;BORDER-LEFT: #FFFFF 1px dotted;BORDER-BOTTOM:# #FFFFF 1px dotted;background:transparent;}
--></style>

 8.定义字体颜色。自己所填的个人信息字体颜色日志及留言板字体颜色

 <!--定义字体颜色(留言板和账号信息)-->
<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: #EE0000;}
.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: #CD0000;}
.personIcon td{border:0px solid #FF0000;}
#userPicture a img{border:1px solid #FF0000;}
#userPicture a:hover img{border:1px solid #FF0000;}
.subbutton,.canbutton,HTML .inputbutton,#starttalkBtn,#editorFormBtn,.act_share A.share{border:1px solid #87CEFF;background: #555;color: #FF0000;}
.act_share A.share{TEXT-INDENT:1.5em; LINE-HEIGHT:12px;padding-top:5px;HEIGHT: 14px;}
--></style>

 9.定义Banner最上边的大图,即所谓的欢迎动画。图片连接地址(可以是gif即动画的、jpg等等图片的大小。

 <!--定义Banner最上边的大图-->
<style type="text/css"><!--#header{float:none;MARGIN-RIGHT:auto;MARGIN-LEFT:auto;position:relative;width:1024px;height:650px;left:0px;background:url(
http://tv.mofile.com/cn/xplayer.swf?v=IBY9X68L&nowSkin=0_0) no-repeat top;}--></style>

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