凭窗远眺 发表于 2007-12-4 02:23

滚动条代码大集合

<P align=left><FONT color=#ff00ff>       如果你日志或自定义模块内的东西太多了,使得版面不好看,那么滚动条的使用可以帮你个大忙哦!上面有几款滚动条的样式,如果喜欢,就试试吧!代码就在滚动条实例里面哦!</FONT></P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff00ff>代码中红色的部分是可以根据自己的需要任意更改的哦!!herbe是为了日志排版所以弄的小一点的呢。</FONT></P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff00ff> 想知道如何把代码弄到自定义模块的朋友请看下面的操作步骤吧!</FONT></P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff00ff>★置入博客的方法★</FONT></P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff00ff>1. 进入编辑→2. 排版→3. 模块→</FONT></P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff00ff>4. 添加自定义html(显示)(出现在网页左下角)→</FONT></P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff00ff>5. 复制下列语法代码後贴入自定义中→6. 新增</FONT></P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff00ff>7. 将模块移到想显示的位置→8. 再保存(右上角)→</FONT></P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff00ff>9. 预览我的博客。→10. 就可以看到出现在你的博客上了!</FONT> </P>
<P style="TEXT-INDENT: 2em" align=left></P>
<P align=left><STRONG><FONT color=#ff0000 size=4><EM>1.带背景颜色的实线边框滚动条</EM></FONT></STRONG><FONT color=#d2e8ff size=3> </FONT></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> &lt;DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid;SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: auto; BORDER-LEFT: black 2px solid; WIDTH: 200px; </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>#33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 150px; BACKGROUND-COLOR: #ccffcc" align=center&gt;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>&lt;DIV align=left&gt;&lt;FONT color=#009900&gt;文字&lt;/FONT&gt;&lt;/DIV&gt;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><STRONG></STRONG></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM> </P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM> </P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff0000 size=4><EM><STRONG>2.无背景颜色的实线边框滚动条 </STRONG></EM></FONT></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>&lt;DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px" align=center&gt;文字&lt;/DIV&gt;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><STRONG></STRONG></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM> </P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff0000 size=4><EM><STRONG>3.无背景颜色的虚线边框滚动条</STRONG></EM></FONT></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>&lt;DIV style="BORDER-RIGHT: #006c901pt dashed; BORDER-TOP: #006c901pt dashed; </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW:</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> auto; BORDER-LEFT:#006c901pt dashed; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> COLOR:#000000 ; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR:</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> #006c90; BORDER-BOTTOM: #006c901pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 150px" align=left&gt;&lt;FONT color=#0060c0 &gt;文字&lt;/FONT&gt;&lt;/DIV&gt;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><STRONG></STRONG></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM> </P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff0000 size=4><EM><STRONG>4.无背景颜色的双线边框滚动条</STRONG></EM></FONT></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>&lt;DIV style="BORDER-RIGHT: #fc48b4 double; BORDER-TOP: #fc48b4 double; SCROLLBAR-FACE-COLOR: #fcd8fc; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #fc48b4 double; WIDTH: 200px; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #d800b4; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #fc48b4 double; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 150px" align=left&gt;&lt;FONT color=#000000&gt;文字&lt;/FONT&gt;&lt;/DIV&gt;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><STRONG></STRONG></P>
<P style="TEXT-INDENT: 2em" align=left><STRONG></STRONG></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM> </P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM> </P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff0000 size=4><EM><STRONG>5.无背景颜色的圆点边框滚动条</STRONG></EM></FONT></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>&lt;DIV style="BORDER-RIGHT: #00b490thickdotted; BORDER-TOP: #00b490thickdotted;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> SCROLLBAR-FACE-COLOR: #fcfcfc; SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc; OVERFLOW: auto; </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>BORDER-LEFT: #00b490   thickdotted; WIDTH: 200px; SCROLLBAR-3DLIGHT-COLOR: #fcfcfc; </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>SCROLLBAR-ARROW-COLOR: #00b490; SCROLLBAR-TRACK-COLOR: #fcfcfc; BORDER-BOTTOM:</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> #00b490thickdotted; SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc; HEIGHT: 150px" align=left&gt; </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>&lt;FONT color=#000000&gt;文字&lt;/FONT&gt;&lt;/DIV&gt;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><STRONG></STRONG></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM> </P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM> </P>
<P style="TEXT-INDENT: 2em" align=left><FONT size=4><EM><STRONG><FONT color=#ff0000>6.无背景颜色的外凸边框滚动条</FONT> </STRONG></EM></FONT></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>&lt;DIV style="BORDER-RIGHT: #b46cfcoutset; BORDER-TOP: #b46cfcoutset;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> SCROLLBAR-FACE-COLOR:#d8b4fc; SCROLLBAR-HIGHLIGHT-COLOR: #d8b4fc;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> OVERFLOW: auto; BORDER-LEFT: #b46cfcoutset; WIDTH: 200px; </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>SCROLLBAR-SHADOW-COLOR: #d8b4fc; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>#d8b4fc; SCROLLBAR-ARROW-COLOR: #b424b4; BORDER-BOTTOM: #b46cfcoutset;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> SCROLLBAR-DARKSHADOW-COLOR: #d8b4fc; HEIGHT: 150px" align=center&gt;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>&lt;FONT color=#000000&gt;文字&lt;/FONT&gt;&lt;/DIV&gt;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><STRONG></STRONG></P>
<P style="TEXT-INDENT: 2em" align=left><STRONG></STRONG></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG></STRONG></EM> </P>
<P style="TEXT-INDENT: 2em" align=left><FONT color=#ff0000 size=4><EM><STRONG>7.有背景颜色的浮出立体线框滚动条</STRONG></EM></FONT></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>&lt;DIV style="BORDER-RIGHT:#fcb4d8ridge; BORDER-TOP: </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>#fcb4d8ridge; SCROLLBAR-FACE-COLOR: #fcb4d8; </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>SCROLLBAR-HIGHLIGHT-COLOR: #fcb4d8; OVERFLOW: auto; </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>BORDER-LEFT: #fcb4d8ridge; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR:</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> #fcb4d8; COLOR: #fcb4d8; SCROLLBAR-3DLIGHT-COLOR: #fcb4d8; </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>SCROLLBAR-ARROW-COLOR: #d82448; BORDER-BOTTOM: #fcb4d8ridge;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG> SCROLLBAR-DARKSHADOW-COLOR: #fcb4d8; HEIGHT: 150px; BACKGROUND-COLOR: </STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>#fcb4d8" align=center&gt;&lt;P align=left&gt;&lt;FONT color=#8000ff&gt;文字&lt;/FONT&gt;&lt;/P&gt;&lt;/DIV&gt;</STRONG></EM></P>
<P style="TEXT-INDENT: 2em" align=left><EM><STRONG>&lt;/DIV&gt;&lt;/DIV&gt;</STRONG></EM></P>

笑寒 发表于 2008-1-5 21:56

收藏一下,要用的时候就不客气来拿了啊

失忆 发表于 2008-3-9 22:25

很使用 喜欢

faruyun 发表于 2008-4-10 17:49

<DIV style=\"BORDER-RIGHT:#fcb4d8ridge; BORDER-TOP:

#fcb4d8ridge; SCROLLBAR-FACE-COLOR: #fcb4d8;

SCROLLBAR-HIGHLIGHT-COLOR: #fcb4d8; OVERFLOW: auto;

BORDER-LEFT: #fcb4d8ridge; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR:

#fcb4d8; COLOR: #fcb4d8; SCROLLBAR-3DLIGHT-COLOR: #fcb4d8;

SCROLLBAR-ARROW-COLOR: #d82448; BORDER-BOTTOM: #fcb4d8ridge;

SCROLLBAR-DARKSHADOW-COLOR: #fcb4d8; HEIGHT: 150px; BACKGROUND-COLOR:

#fcb4d8\" align=center><P align=left><FONT color=#8000ff>先谢谢!等学会了再用。</FONT></P></DIV>

</DIV></DIV>

天天 发表于 2008-4-15 23:02

先谢谢了,等要用的时候就不客气了!!

<DIV style=\"BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid;

SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid;

WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #0000ff;

SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #000000;

BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 80px\" align=center>如果你日志或自定义模块内的东西太多了,使得版面不好看,那么滚动条的使用可以帮你个大忙哦!上面有几款滚动条的样式,如果喜欢,就试试吧!代码就在滚动条实例里面哦!

代码中红色的部分是可以根据自己的需要任意更改的哦!!herbe是为了日志排版所以弄的小一点的呢。

想知道如何把代码弄到自定义模块的朋友请看下面的操作步骤吧!

★置入博客的方法★

1. 进入编辑→2. 排版→3. 模块→

4. 添加自定义html(显示)(出现在网页左下角)→

5. 复制下列语法代码後贴入自定义中→6. 新增

7. 将模块移到想显示的位置→8. 再保存(右上角)→

9. 预览我的博客。→10. 就可以看到出现在你的博客上了!

</DIV>

[ 本帖最后由 天天 于 2008-4-15 23:07 编辑 ]

老树新枝 发表于 2008-4-16 12:34

<DIV style=\"BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px\" align=center>谢谢楼主,辛苦啦.<BR>我全部收藏了</DIV>

碎影舞斜阳 发表于 2008-4-16 21:10

<DIV style=\"BORDER-RIGHT:#fcb4d8ridge; BORDER-TOP:

#fcb4d8ridge; SCROLLBAR-FACE-COLOR: #fcb4d8;

SCROLLBAR-HIGHLIGHT-COLOR: #fcb4d8; OVERFLOW: auto;

BORDER-LEFT: #fcb4d8ridge; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR:

#fcb4d8; COLOR: #fcb4d8; SCROLLBAR-3DLIGHT-COLOR: #fcb4d8;

SCROLLBAR-ARROW-COLOR: #d82448; BORDER-BOTTOM: #fcb4d8ridge;

SCROLLBAR-DARKSHADOW-COLOR: #fcb4d8; HEIGHT: 150px; BACKGROUND-COLOR:

#fcb4d8\" align=center><P align=left><FONT color=#8000ff>0000000000000000000</FONT></P></DIV>

</DIV></DIV>

[ 本帖最后由 碎影舞斜阳 于 2008-4-16 21:11 编辑 ]

碎影舞斜阳 发表于 2008-4-16 21:12

<DIV style=\"BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid;SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: auto; BORDER-LEFT: black 2px solid; WIDTH: 200px;

SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR:

#33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid;

SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 150px; BACKGROUND-COLOR: #ccffcc\" align=center>

<DIV align=left><FONT color=#009900>辛苦</FONT></DIV>

夜色迷离 发表于 2008-4-22 10:50

<DIV style=\"BORDER-RIGHT: #006c90 1pt dashed; BORDER-TOP: #006c90 1pt dashed; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #006c90 1pt dashed; WIDTH: 800px; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #006c90; BORDER-BOTTOM: #006c90 1pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 550px\" align=left><FONT color=#0060c0>谢谢教导!</FONT></DIV>

taku 发表于 2008-4-23 20:27

<DIV style=\"BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid;

SCROLLBAR-FACE-COLOR: #b0b0b0; OVERFLOW: scroll; BORDER-LEFT: black 2px solid;

WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #000000;

SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #b0b0b0;

BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px\"

align=center>感谢楼主</DIV>
页: [1] 2
查看完整版本: 滚动条代码大集合