DW如何做这种模版滚动条？？网页设计交流中华图网 - 个性图片,photoshop教程,photoshop素材,ps教程,ps笔刷

点此查看完整干净版本: DW如何做这种模版滚动条？？

中华图网 -> 网页设计交流 -> DW如何做这种模版滚动条？？

登录 -> 注册 -> 回复主题 -> 发表主题

ヽ婉尛尕°	2008-08-27 20:10
就是右边那个可以拉动的滚动条是怎么做的求助高人啊！！

越兔

2008-08-28 10:28

这些都是设置滚动条的CSS只是IE ONLY

Quote:

scrollbar-face-color:red;
scrollbar-highlight-color:black;
scrollbar-shadow-color:black;
scrollbar-3dlight-color:black;
scrollbar-arrow-color:white;
scrollbar-track-color:black;
scrollbar-darkshadow-color:black

ヽ婉尛尕°	2008-08-28 12:58
- -.不太明白

越兔

2008-08-29 09:48

象这样

ヽ婉尛尕°	2008-08-29 12:01
挖，懂了，爱死你了那我该把做背景的图片替换到哪个位置拉- -？

越兔	2008-08-29 14:54
你想给什么设置背景图？那个div么？还是？

ヽ婉尛尕°	2008-08-29 21:56
就是想做个这种模版里面白色那个图就是背景嘛然后上面可以随便写字的我接触dw不久好多都不懂我拜你为师好不好教教我吧我好象学T.T

越兔	2008-08-30 01:52
呃...里面粉色那个背景不是图..那个貌似铅笔的东西才是图,其它的全部都可以用样式实现出来...

ヽ婉尛尕°	2008-08-30 09:47
= =那要怎么用样式展现出来了？

越兔

2008-08-31 17:13

Quote:

引用第8楼ヽ婉尛尕°于2008-08-30 09:47发表的 :
= =那要怎么用样式展现出来了？

周一帮你弄...占个楼先

,周1编辑下.

越兔

2008-09-01 12:10

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>呃。排完了</title> <style type="text/css"> .body {     scrollbar-face-color:#BC78FF;     scrollbar-highlight-color:#E0C0FF;     scrollbar-shadow-color:#FFF;     scrollbar-3dlight-color:#BC78FF;     scrollbar-arrow-color:#FFF;     scrollbar-track-color:#BC78FF;     scrollbar-darkshadow-color:#BC78FF;     height:75px;     width:315px;     overflow:hidden;     overflow-y:scroll;     background-color:#FCF7FE;     color:#666664;     font-size:12px; } .img {     height:16px;width:16px; background-color:#000000;     vertical-align:middle; } .line {     font-size:1px;     background-color:#666664;     width:45px;     overflow:hidden;     height:1px;     vertical-align:middle;     margin:0 5px 0 5px; } .inlie_block {     display:-moz-inline-box;#display:inline-block; } </style> </head> <body>  <div style="background-color:#FCF7FE; width:325px; height:85px; padding:5px;">     <div style="background-color:#FCF7FE; width:315px; height:75px; padding:5px; border:#DCC3FA 1px dashed;">         <div class="body">             <div style="margin:5px; line-height:18px;">                   旺铺描述：29元   促销模块：40元                   旺铺描述：29元   页面模块：25元                 <div style="text-align:center;color:#7D027F;">-------审核代码-----pa00-------</div>                 <div>Ｐs.分类包括8个分类，送头部大图和营业时间大图</div>                                                                </div>         </div>     </div> </div> </body> </html>

[可以先修改代码再运行]

越兔	2008-09-01 12:11
你把代码考到本地运行就可以看到效果了，这里直接运行有点问题。。。- - 可能是编码问题吧。。。utf-8的标点都要把gb2312的字小点貌似。

ヽ婉尛尕°	2008-09-01 14:56
挖天啊你太强了 - -可是我替换还是失败啊我们加个QQ说吧我要是想在切好的模版中放个这种又怎么插入拉我QQ7753738 密码on!y 你留个我加也好

越兔	2008-09-02 09:40
加了你了。。。寒一个。

若無其事	2008-09-02 23:22
版主很热心呢。。就是提示下亲在一个页面里不要用太多这种滚动条，因为只有IE支持滚动条样式，其他的看还是默认的。

ヽ婉尛尕°	2008-09-04 17:54
学会了啊太感谢师傅了!!!!谢谢楼上的亲哈,是这样的所

乖乖@坏坏	2008-10-24 15:05
` ` 当别人替换XP主题的时候``还是会有默认的``滚动条样式`` 个人感觉`` 还是没有必要的```

51181058	2008-11-20 16:07
哇，厉害，厉害，看来要多学习学习

查看完整干净版本: DW如何做这种模版滚动条？？
Powered by Cntuw.com Time 0.026240 second(s),query:4 Gzip enabled

You can
|