Profiili。-‿◕。☞ShIrLy雪々素材小天堂☜。◕‿-ValokuvatBlogiLuettelot Työkalut Ohje

Blogi


    26. syyskuuta

    特色滚动文本框代码

    特色滚动文本框代码

    邮票效果代码

     

     
    邮票区域代码:
     
     
    <DIV align=center>
    <DIV class=content style="BORDER-RIGHT: #ccccff dashed; BORDER-TOP: #ccccff dashed; BORDER-LEFT: #ccccff dashed; WIDTH: 82.78%; COLOR: #0000ff; BORDER-BOTTOM: #ccccff dashed; HEIGHT: 85.66%; BACKGROUND-COLOR: #ccccff" align=center>
    <DIV align=left>&nbsp;</DIV>
    <DIV align=center><FONT size=3><STRONG>日志文字</DIV>
    <DIV align=center></STRONG></FONT>&nbsp;</DIV></DIV></DIV>
    <P>&nbsp;</P>
     

     

     

    ❤ 滚动文本框代码❤

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

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

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

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

    <DIV align=center
    style='
    color: #990099;
    background-color:#FFFFE0;
    border: solid 2px black;
    width: 470px;
    height: 180px;
    overflow: scroll;
    scrollbar-face-color: #ffc0cb;
    scrollbar-shadow-color: #ffb6c1;
    scrollbar-highlight-color: #98fb98;
    scrollbar-3dlight-color: #ffb6c1;
    scrollbar-darkshadow-color: #90ee90;
    scrollbar-track-color: #ffdead;
    scrollbar-arrow-color: #f5deb3;
    '>日志文字</DIV>  

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

    (注释:附语法语句的解释:

    //层开始标记,对中对齐
    : <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!)

     

    又一滚动文本框配色方案

    <P>&nbsp;</P>
    <DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 236px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 113px; BACKGROUND-COLOR: #fffacd" align=center>日志文字</DIV>

     
     

    粉色透明效果滚动框

    <DIV align=center>&nbsp;</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>&nbsp;
    <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>&nbsp;</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>&nbsp; 日志文字
    </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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;&nbsp;
    <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,又到时间走人了,明天再说了。

     

     

     以上由 

    Kommentit

    Odota...
    Kommenttisi on liian pitkä. Lyhennä sitä.
    Et kirjoittanut mitään. Yritä uudelleen.
    Emme voi lisätä kommenttiasi juuri nyt. Yritä myöhemmin uudelleen.
    Tarvitset kommentin lisäämiseen luvan vanhemmiltasi. Pyydä lupaa
    Vanhempasi on poistanut kommentit käytöstä.
    Emme voi poistaa kommenttiasi juuri nyt. Yritä myöhemmin uudelleen.
    Olet jo lähettänyt vuorokauden aikana suurimman sallitun määrän kommentteja. Yritä uudelleen 24 tunnin kuluttua.
    Tilissäsi on voitu poistaa kommentit käytöstä, koska järjestelmämme mukaan olet saattanut lähettää roskapostia ja -viestejä muille käyttäjille. Jos tilisi on mielestäsi poistettu käytöstä virheellisesti, ota yhteyttä Windows Live -tukeen.
    Tee alla oleva suojaustarkistus lähettääksesi kommenttisi.
    Suojaustarkistukseen kirjoittamasi merkkien tulee vastata kuvan tai äänisisällön sisältämiä merkkejä.

    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