特色滚动文本框代码

Profiili｡-‿◕｡☞ShIrLy雪々素材小天堂☜｡◕‿-ValokuvatBlogiLuettelot

Työkalut

Ohje

< edellinen seuraava >

26. syyskuuta

特色滚动文本框代码

❤ 邮票效果代码❤

邮票区域代码：

❤ 滚动文本框代码❤

女巫根据Loadmemory的教程修改后配色为己用的滚动文本框代码，效果如下：

这是小女巫测试修改后的颜色搭配

把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片，而且文本框的大小可以随意调整。

具体效果看以下链接：查看效果

代码实现的文本框是浅黄色的背景，粗略效果如文本框内所示。

（注释：附语法语句的解释：

//层开始标记，对中对齐
: <DIV align=center
//样式如下：
: style='
//前景色为#ffffff
: color: #ffffff;
//背景色为#000000
: background-color: #000000;
//边框为2像素，黑色
: border: solid 2px black;
//宽度120像素
: width: 120px;
//高度200像素
: height: 200px;
//超出范围时使用滚动条
: overflow: scroll;
//滚动条的各个颜色如下
: scrollbar-face-color: #889B9F;
: scrollbar-shadow-color: #3D5054;
: scrollbar-highlight-color: #C3D6DA;
: scrollbar-3dlight-color: #3D5054;
: scrollbar-darkshadow-color: #85989C;
: scrollbar-track-color: #95A6AA;
: scrollbar-arrow-color: #FFD6DA;
//在这个层中显示文字“日志文字”，层结束标志
: '>日志文字</DIV>

PS：特别感谢百忙中提供我帮助帮我解惑的偶的朋友TOLLY！）

又一滚动文本框配色方案

粉色透明效果滚动框

<DIV align=center> </DIV>
<P align=center>
<TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=bvh8></TD></TR>
<TR>
<TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!454> 
<DIV style="BORDER-RIGHT: #f0b4b4 solid; BORDER-TOP: #f0b4b4 solid; SCROLLBAR-FACE-COLOR:

#f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0b4b4 solid;

WIDTH: 314px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR:

#ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 95px;

BACKGROUND-COLOR: #ffe1f0">
<P><B><FONT color=#ff6699>文字</FONT></B></P>
<P> </P></DIV></TD></TR>
<TR>
<TD>
<TABLE cellSpacing=0 border=0>
<TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

紫色透明效果虚线滚动框

<DIV align=center>
<TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=ellipse></TD></TR>
<TR>
<TD class=bvh8></TD></TR>
<TR>
<TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!395>
<DIV align=left>
<DIV style="BORDER-RIGHT: #c399d0 2pt dashed; BORDER-TOP: #c399d0 2pt dashed;

SCROLLBAR-FACE-COLOR: #ddcae0; SCROLLBAR-HIGHLIGHT-COLOR: #c399d0; OVERFLOW: scroll;

BORDER-LEFT: #c399d0 2pt dashed; WIDTH: 386px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR:

#ffffff; SCROLLBAR-3DLIGHT-COLOR: #ddcae0; SCROLLBAR-ARROW-COLOR: #c399d0; BORDER-BOTTOM:

#c399d0 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ddcae0; HEIGHT: 92px; BACKGROUND-COLOR:

#ddcae0" align=left>
<P align=center><STRONG><FONT color=#cc66cc></FONT></STRONG></P>
<P align=center><STRONG><FONT color=#cc66cc></FONT></STRONG></P>
<DIV align=left><STRONG><FONT color=#cc66cc>  日志文字

</FONT></STRONG></DIV></DIV></DIV>
<DIV align=left><FONT color=#cc66cc></FONT></DIV>
<DIV align=left><FONT color=#cc6699></FONT></DIV></TD></TR>
<TR>
<TD>
<TABLE cellSpacing=0 border=0>
<TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

淡黄色虚线滚动边框

<TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=ellipse></TD></TR>
<TR>
<TD class=bvh8></TD></TR>
<TR>
<TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!333>
<P> </P></A>
<DIV style="BORDER-RIGHT: #f0c378 2pt dashed; BORDER-TOP: #f0c378 2pt dashed;

SCROLLBAR-FACE-COLOR: #ffffb4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll;

BORDER-LEFT: #f0c378 2pt dashed; WIDTH: 347px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR:

#ffffff; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM:

#f0c378 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #999999; HEIGHT: 125px; BACKGROUND-COLOR:

#ffffb4">
<P><FONT color=#ffff00></FONT></P>
<P><FONT color=#ff9966>日志文字</FONT></P></DIV>
<P> </P></TD></TR></TBODY></TABLE>

粉红色滚动框加淡色背景（有分割线有字）

<TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=bvh8></TD></TR>
<TR>
<TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!454><IMG height=30

src="http://www.zyxr.com/sc/line/35.gif" width=456>
<DIV style="BORDER-RIGHT: #f0b4b4 solid; BORDER-TOP: #f0b4b4 solid; SCROLLBAR-FACE-COLOR:

#f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0b4b4 solid;

WIDTH: 456px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR:

#ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 333px;

BACKGROUND-COLOR: #ffe1f0">
<DIV style="WIDTH: 109px; HEIGHT: 108px"><IMG style="FILTER: alpha(opacity=40,

finishOpacity=25,style=0); WIDTH: 426px; HEIGHT: 527px" height=527

src="http://www.desksky.net/upload/05/wallpaper/ktdm/79/27.jpg" width=426 align=right>
<DIV style="FLOAT: left; WIDTH: 404px; HEIGHT: 515px; BACKGROUND-COLOR: transparent">
<P style="FONT-SIZE: 100%; COLOR: #3cb371"><B>
<P style="FONT-SIZE: 100%; COLOR: #3cb371"><FONT color=#8080ff><STRONG><IMG height=20

src="http://www.zyxr.com/sc/line/59.gif" width=415></STRONG></FONT></P>
<P style="FONT-SIZE: 100%; COLOR: #3cb371"><STRONG><FONT color=#58c4f7><FONT color=#ff80c0>

日志文字</FONT> </FONT><BR><FONT color=#6db1ed> </FONT><BR><FONT color=#ff86a7>　

</FONT><FONT color=#f288b1>　</FONT><BR></STRONG></P>
<P style="FONT-SIZE: 100%; COLOR: #3cb371"><STRONG><IMG height=20

src="http://www.zyxr.com/sc/line/59.gif" width=406><BR></P></STRONG><BR>  
<P></P></DIV></DIV></B></DIV><IMG height=30 src="http://www.zyxr.com/sc/line/35.gif"

width=456></TD></TR></TBODY></TABLE>

　　

　　淡绿色滚动虚线文本框，其实不需要代码，只需要把文本框拷贝，在日志上粘贴就可以了。

透明效果虚线滚动框

透明效果粉色虚线滚动框

又是一种配色滚动框

黄色滚动框　

带背景滚动框

昨晚通宵时把SPACE整理了一下，自我感觉还是比较良好的。

今天测试出了几种配色方案，而现在的这个是我今天晚上搞出来的。其中部分图片用了反转的代码来完成的。今天晚上还给松鼠框框加上了有颜色的背景，至于代码还没更新。到有空时再贴出。

眼睛好累，以后真的不太敢通宵了，真的好伤身体。

如果这里的机子的速度能快点就好了，起码我还能为通宵更新SPACE找到一个不错的借口，OK，又到时间走人了，明天再说了。

以上由女巫制造

23:32 | Lisää se blogiin

Kommentit

Jos haluat lisätä kommentin, kirjaudu Windows Live ID:llä (jos käytät Hotmailia, Messengeriä tai Xbox LIVEä, sinulla on Windows Live ID). Kirjaudu sisään

Eikö sinulla ole Windows Live ID:tä? Rekisteröidy

Viittaukset

Tämän merkinnän viittauksen URL-osoite on:

http://shirlyli2000.spaces.live.com/blog/cns!A2D2A5401BEC634B!297.trak

Blogit, jotka viittaavat tähän merkintään

Ei mitään