打印

这种紧贴页子的滚动条怎么做的?

又见奇迹 [楼主]

初级会员

帖子: 28
体力: 81
威望: 0
离线: 266 天

1^# 大中小发表于 2004-3-22 02:41

http://plod.popoever.com/archives/000174.html

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

当爱不再浪漫

中级会员

帖子: 100
体力: 349
威望: 0
离线: 1141 天

2^# 大中小发表于 2004-3-22 09:02

只不过滚动条的颜色和背景一样而已！

将网络进行到底

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

hitme

初级会员

帖子: 38
体力: 146
威望: 0
离线: 1716 天

3^# 大中小发表于 2004-3-22 22:33

我也很想知道呀。

TOP

activeTechPros 共享IT行业薪资信息 | 《疯狂的程序员》劲爆上市

coy

初级会员

帖子: 33
体力: 105
威望: 0
离线: 1528 天

4^# 大中小发表于 2004-3-22 22:38

在CSS中设置！设置成滚动条和背景的颜色一样！就可以了！

<STYLE type=text/css>
	 html {
		border-right: 75px solid #EEE;
		border-left: 75px solid #EEE;
		border-top: 0px none none;
		border-bottom: 0px none none;
		scrollbar-face-color: #FFF; 
		scrollbar-track-color: #EEE; 
		scrollbar-shadow-color: #FFF;
		scrollbar-highlight-color:#FFF; 
		scrollbar-3dlight-color:#FFF;
		scrollbar-darkshadow-color: #FFF; 
		scrollbar-arrow-color: #F5F5F5;
		}
	 body {
		margin:0px 0px 10px 0px;
		background:#FFFFFF;
		border-right: 5px solid white;
		border-left: 5px solid white;
		}
	A 	{ color: #999966; text-decoration: none; font-weight:bold; } 
	A:link	{ color: #999966; text-decoration: none; } 
	A:visited	{ color: #999966; text-decoration: none; } 
	A:active	{ color: #99CC66; } 
	A:hover	{ color: #99CC66; }
	
	h1, h2, h3 {
		margin: 0px;
		padding: 0px;
		}
	 #banner {
		font-family:verdana, arial, sans-serif;
		color:#FFF;
		font-size:16pt;
		font-weight:normal;
		border-bottom:3px solid #0099FF;
		border-top:2px solid #003399;
 		background:#0066CC;
 		padding:15px; 
 		/*text-transform:uppercase;*/
		letter-spacing: .2em; 		
		}
	
	#banner a,
 #banner a:link,
 #banner a:visited,
 #banner a:active,
 #banner a:hover {
		font-family:verdana, arial, sans-serif;
		font-size: 14pt;
		color: #FFF;
		text-decoration: none;
		}
	.description {
		font-family:verdana, arial, sans-serif;
		color:#99CCFF;
		font-size:8pt;
		font-weight:bold;
 		background:#0066CC;	
 		text-transform:none;	
		letter-spacing: none; 		
		}	
				
	#content {
		float:left;
		width:65%;
		background:#f5f5f5;
		border-right:1px solid #D5D5D5;
		margin-right:15px;
		padding-bottom:20px;
		}
	#links {
		background:#fff;
		padding-right:15px;				
		}
		
	.blog {
 		padding-left:15px;
 		padding-top:15px;
 		padding-right:15px;			
 		background-color:#F5F5F5;			
		}	
	
	.blogbody {
		font-family:georgia, verdana, arial, sans-serif;
		color:#333;
		font-size:9pt;
		font-weight:normal;
 		background:#F5F5F5;
 		line-height:140%;
 		padding-left:10px;	
 		padding-right:10px;
 		padding-top:10px;			
		}
 .blogbody img {
		border:0px;
		}
	.blogbody a,
	.blogbody a:link,
	.blogbody a:visited,
	.blogbody a:active,
	.blogbody a:hover {
		font-weight: normal;
		text-decoration: underline;
	}
	
	.title	{ 
		font-family: verdana, arial; 
		font-size: 9pt; 
		color: #003366; 
		text-transform: uppercase;
		font-weight:bold;	
		}			
		
	#menu {
 		margin-bottom:15px;
		background:#F5F5F5; 			
		}	
		
	#container {
		background:#F5F5F5; 			
		width: 640px;
		}
	
	#container_individual {
		background:#F5F5F5; 			
		}	
	.date	{ 
		font-family:georgia, verdana, arial, sans-serif; 
		font-size: 9pt; 
		color: #666; 
		border:1px solid #eee;
		background-color:#fff;
		padding:5px;
		margin-bottom:10px;
		font-weight:normal;
		}			
		
	.posted	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: 7.5pt; 
		color: #003366;
		margin-bottom:15px; 
		}
		
	.warning	{ 
		font-family:georgia, verdana, arial, sans-serif; 
		font-size: 9pt; 
		color: #CC0000; 
		border:1px solid #EE0000;
		background-color:#F5DDDD;
		padding:5px;
		margin-bottom:10px;
		font-weight:bold;
		float:left;
		}			
		
	.calendar {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:7.5pt;
		font-weight:normal;
 		background:#FFF;
 		line-height:140%;
 		padding:2px;
 		text-align:center;	
		}
	
	.calendarhead {	
		font-family:georgia, verdana, arial, sans-serif;
		color:#003366;
		font-size:9pt;
		font-weight:bold;
 		background:#FFF;
 		line-height:140%;
 		padding:2px;				
		}	
	
	.side {
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:8pt;
		font-weight:normal;
 		background:#FFF;
 		line-height:140%;
 		padding:2px;				
		}	
		
	.sidetitle {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:7.5pt;
		font-weight:bold;
 		background:#DDD;
 		line-height:140%;
 		padding:2px;
 		margin-top:10px;
 		text-align:center;
 		text-transform:uppercase;
		letter-spacing: .2em; 					
		}		
	
	.syndicate {
		font-family:verdana, arial, sans-serif;
		font-size:7pt;
		font-weight:bold;		
 		line-height:140%;
 		padding:2px;
 		margin-top:10px;
 		text-align:center;
 		background:#EEE; 		
 		}	
		
	.powered {
		font-family:verdana, arial, sans-serif;
		color:#003366;
		font-size:7pt;
		font-weight:bold;		
		line-height:140%;
		text-transform:uppercase; 
		padding:2px;
		margin-top:10px;
		text-align:center;
		letter-spacing: .2em;	
		}	
		
	
	.comments-body {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:9pt;
		font-weight:normal;
 		background:#FFF;
 		line-height:140%;
 		padding:10px;			
		}		
	.comments-post {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:7.5pt;
		font-weight:normal;
 		background:#FFF;			
		}	
	.trackback-body {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:9pt;
		font-weight:normal;
 		background:#FFF;
 		line-height:140%;
 		padding:10px;			
		}		
	.trackback-url {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:9pt;
		font-weight:normal;
 		background:#FFF;
 		line-height:140%;
 		padding:10px;
 		border:1px dashed #CCC;			
		}
	.trackback-post {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:7.5pt;
		font-weight:normal;
 		background:#FFF;			
		}
		
	.comments-head	{ 
		font-family: georgia, verdana, arial, sans-serif; 
		font-size: 9pt; 
		color: #666; 
		border:1px solid #999;
		padding:5px;
		font-weight:normal;
		margin-top:10px;		
		}		
	#banner-commentspop {
		font-family:verdana, georgia, arial, sans-serif;
		color:#FFF;
		font-size:12pt;
		font-weight:bold;
		border-bottom:3px solid #0099FF;
		border-top:2px solid #003399;
 		background:#0066CC;
 		padding:15px; 
 		/*text-transform:uppercase;*/
		}
	form, input {
		margin-top: 5px;
		margin-bottom: 5px;
		}
	#geourl	{
		font-family: verdana, sans-serif;
		font-size: 10px;
		font-weight:bold;
		text-decoration:none;
		color: white;
		background-color: #093;
		border-left:1px solid #3C6;
		border-top:1px solid #3C6;
		border-right:1px solid #063;
		border-bottom:1px solid #063;
		padding:0px 3px 0px 3px;
		margin:0px;
		}
 .quote {
		font-family: georgia, verdana, arial, sans-serif; 
		font-size: 9pt; 
		color: #333; 
		border:10px solid #FFF;
		background-color: #EFEFED;
		padding:15px;
		font-weight:normal;
		word-wrap:break-word;
		}
 .imgborder1 {
		border-style:solid;
		border-width:1px!important;
		border-color:#CCC #666 #666 #CCC;
		}
 .imgborder2 {
		border-style:solid;
		border-width:1px!important;
		border-color:#333;
		}
 .imgborder3 {
		border-style:solid;
		border-width:10px!important;
		border-color:#FFF;
		}
</STYLE>

提示：您可以先修改部分代码再运行

我相信只要坚持去做一件事情就一定会成功的！
请大家坚持到底吧！
----- -=ZB=-

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

hitme

初级会员

帖子: 38
体力: 146
威望: 0
离线: 1716 天

5^# 大中小发表于 2004-3-22 22:42

它的滚动条在页面里，我要的不是设置滚动条的颜色啥。

TOP

xeihui1070

银牌会员

帖子: 2191
体力: 1431
威望: 0
当前: 江西南昌
离线: 67 天

6^# 大中小发表于 2004-3-22 22:45

楼上的太麻烦啦。

www.xy51.com/bbs/index.asp

TOP

又见奇迹 [楼主]

初级会员

帖子: 28
体力: 81
威望: 0
离线: 266 天

7^# 大中小发表于 2004-3-23 00:45

hitme在上个帖子中说

引用:

它的滚动条在页面里，我要的不是设置滚动条的颜色啥。

就是啊。不是设置滚动条的颜色。

TOP

nece001

银牌会员

帖子: 584
体力: 2031
威望: 0
离线: 13 天

8^# 大中小发表于 2004-3-23 10:10

用的不是<iframe>可能就是<div>!!!!了

机器菜鸟

TOP

hexart

初级会员

帖子: 34
体力: 114
威望: 0
离线: 182 天

9^# 大中小发表于 2004-3-23 11:24

复制内容到剪贴板

代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<style type="text/css">

<!--

html {

    BORDER-RIGHT: #eee 75px solid; BORDER-TOP: 0px; SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; BORDER-LEFT: #eee 75px solid; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #f5f5f5; SCROLLBAR-TRACK-COLOR: #eee; BORDER-BOTTOM: 0px; SCROLLBAR-DARKSHADOW-COLOR: #fff

}

-->

</style>

<body>

<p>asdfasdfasdfasdf</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>asdfasdfasdfasdfa</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>asdfasdfasdfasdf</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>asdfasdfasdfasdf</p>

</body>

行了！谈点实质性的问题~~~~

TOP

麦客

银牌会员

帖子: 280
体力: 1038
威望: 0
离线: 122 天

10^# 大中小发表于 2004-3-23 12:09

用了框架不就行了，我还不喜欢这样呢。

穿过澎湃的心海，秀出青春的风采！欢迎登录麦客网

TOP

POPOEVER

N个蓝色大泡泡

管理员

帖子: 18274
体力: 28509
威望: 203
当前: 上海徐汇

专长 UI,PHP,项目管理

11^# 大中小发表于 2004-3-23 21:57

麦客在上个帖子中说

引用:

用了框架不就行了，我还不喜欢这样呢。

不用框架你喜不喜欢

I Plod | LIVE.POPO.EVER
人最想获得的是尊重用一生学习彼此尊重

TOP

hitme

初级会员

帖子: 38
体力: 146
威望: 0
离线: 1716 天

12^# 大中小发表于 2004-3-24 06:04

HAPPY~

原来还是CSS在控制吖，收集了。嘻，真是千变万化、灵活应用呀。

<style type="text/css">

</style>

TOP

Yahoo

雅狐

荣誉管理团队

帖子: 2225
体力: 1591
威望: 39
当前: 广东广州
离线: 27 天

专长 UE,产品设计,项目管理

13^# 大中小发表于 2004-3-24 09:54

我晕。
哪儿哪儿？我看不到效果。很平常的效果啊，没看到特别的地方。
我是IE6。

新闻早报|昨日要闻回顾，今日新闻速览|业余新闻人

TOP

hitme

初级会员

帖子: 38
体力: 146
威望: 0
离线: 1716 天

14^# 大中小发表于 2004-3-24 10:15

hexart在上个帖子中说

引用:

复制内容到剪贴板
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <style type="text/css">  </style> <body> asdfasdfasdfasdf                 asdfasdfasdfasdfa                 asdfasdfasdfasdf                   asdfasdfasdfasdf </body> </html>

你把这段码保存为HTM就看得到了。

TOP

hexart

初级会员

帖子: 34
体力: 114
威望: 0
离线: 182 天

15^# 大中小发表于 2004-3-24 15:15

hexart在上个帖子中说

引用:

复制内容到剪贴板
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

这段文字也不能删，不知道为什么。

行了！谈点实质性的问题~~~~

TOP

阿霁

初级会员

帖子: 35
体力: 134
威望: 0
离线: 1536 天

16^# 大中小发表于 2004-3-24 19:39

我晕，至于吗？用<iframe>不就可以解决了？！！！！！

我估计你说的是网页的嵌套吧！
〈a href=" 你要连接的地址" target="名字（注意）"></a >
<iframe name="名字（注意）" ………………></iframe>

¤∷打死我也不说∷¤

TOP

POPOEVER

N个蓝色大泡泡

管理员

帖子: 18274
体力: 28509
威望: 203
当前: 上海徐汇

专长 UI,PHP,项目管理

17^# 大中小发表于 2004-3-24 21:03

hexart在上个帖子中说

引用:

hexart在上个帖子中说
[quote]
复制内容到剪贴板
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

这段文字也不能删，不知道为什么。 [/quote]

不知道就去理解一下啊，w3c 的标准又不要钱，不看白不看

and to 楼上: 不要什么都 iframe，iframe 不是好办法，以后要慎用

I Plod | LIVE.POPO.EVER
人最想获得的是尊重用一生学习彼此尊重

TOP

ncs

金牌会员

帖子: 1261
体力: 3700
威望: 76
离线: 18 天

18^# 大中小发表于 2004-3-25 13:59

html {
  border-right: 75px solid #EEE;
  border-left: 75px solid #EEE;
  ...

如果，你承认自己的性格中有着某种英雄气概，那么，尊重并认为他人也是英雄，实为我们人格大锤炼之所必需。

个人技术帖子汇集

TOP