Profiel๑۩๑ `指℡輪︷堡素材屋Foto'sWeblogLijsten Extra Help

Weblog


    10 augustus

    ☜文本框制作(文字滚动条)☞

    代码如下:
    <DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #dda0dd; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 380px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR: #990099; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #e6e6fa; SCROLLBAR-TRACK-COLOR: #d8bfd8;BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 180px; BACKGROUND-COLOR: #e6e6fa" align=center>网络日志文 </DIV>
     
    说明:

    说明:<DIV style="BORDER-RIGHT: black 2px(最外侧边框宽度) solid; BORDER-TOP: black 2px(最外侧边框宽度) solid; SCROLLBAR-FACE-COLOR: #dda0dd;(滚动条按钮颜色) SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da;(按钮边框颜色) OVERFLOW: scroll; BORDER-LEFT: black 2px(最外侧边框宽度) solid; WIDTH: 380px;(文本框的宽度) SCROLLBAR-SHADOW-COLOR: #3d5054;(按钮中间三角颜色) COLOR: #990099;(文本颜色) SCROLLBAR-3DLIGHT-COLOR: #3d5054;(按钮框边线颜色) SCROLLBAR-ARROW-COLOR: #e6e6fa; SCROLLBAR-TRACK-COLOR: #d8bfd8;(条颜色) BORDER-BOTTOM: black 2px(最外侧边框宽度) solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 180px;(框的高度) BACKGROUND-COLOR: #e6e6fa"(背景色) align=center>网络日志文 </DIV>

     

     

     

    看到效果了吗?

     

     

    另外一种
    学做滚动文本框

    大篇幅的日志会占据页面的大部分空间,从而影响整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决问题。下面就是相关语法:

    <DIV align=center
    style='

    color: #ffffff;
    background-color: #000000;
    border: solid 2px black;
    width: 120px;
    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>

     上述语法生成一个带有黑色背景及灰蓝色边框的文本滚动框。语法里的参数相当简单,主要是控制不同部分的色彩,你可以做相应变化并在预览中观看实际效果。至于调整文本框的大小,你可以在插入此语法后退出HTML编辑模式,然后在日志编辑页面使用鼠标直接进行调整。

    隐藏文本滚动框:

     1.将文本滚动框背景设置成透明色,即background-color:Transparent。 2.将文本滚动框的边框值设置为0,即border: solid 0px。 3.将有关文本滚动框的各个组成部分的色彩均设为与日志背景相同,即修改各参数的色彩值。但滚动条箭头色彩,即scrollbar-arrow-color: 应不同的色彩值。

     

     


    (11) reacties

    Een ogenblik geduld...
    De reactie die je hebt ingevoerd is te lang. Maak hem iets korter.
    Je hebt niets ingevoerd. Probeer het opnieuw.
    We kunnen je reactie nu niet toevoegen. Probeer het later opnieuw.
    Je hebt toestemming van je ouders nodig om een reactie toe te voegen Toestemming vragen
    Je kunt geen reacties geven omdat je ouders dit hebben uitgeschakeld.
    We kunnen je reactie nu niet verwijderen. Probeer het later opnieuw.
    Je hebt het maximale aantal reacties overschreden dat je elke dag kunt versturen. Probeer het over 24 uur nog eens.
    De mogelijkheid om reacties te geven is uitgeschakeld voor je account omdat onze systemen aangeven dat je spam naar andere gebruikers verzendt. Als je van mening bent dat je account ten onrechte is uitgeschakeld, kun je contact opnemen met de klantondersteuning van Windows Live.
    Voer de beveiligingscontrole hieronder uit om een reactie achter te laten.
    De tekens die je typt moeten overeenkomen met die in de afbeelding of het audiofragment.

    Meld je aan bij Windows Live ID om een reactie toe te voegen (als je Hotmail, Messenger of Xbox LIVE gebruikt, heb je al een Windows Live ID). Aanmelden


    Heb je geen Windows Live ID? Maak er nu een aan

    终于恢复原来的宽界面布局了。我决定不再试图弄成更为复杂的界面了。Old dogs don't learn new tricks, you know.
    4 Mar.
    我也试图搞成这种小窗口,结果还是没成.挺难的.后来感觉Blog好象反而变窄了.记得Blog原本能够占满14吋屏幕的,现在好象不能了.不过也没太注意,可能记忆有误.
    4 Mar.
    Afbeelding van Anoniem
    涛涛 zegt:
    很好,虽然我不太明白,呵呵
    24 Jan.
    Afbeelding van Anoniem
    Beatgals zegt:
    wasseh~~really nice !
    28 Dec.
    Afbeelding van Anoniem
    醬汁蟲蟲 zegt:
    这些语法直接贴在日志就能用了吗?不太会弄
    3 Nov.
    Afbeelding van Anoniem
    梦璇---εїз zegt:
    谢谢,很好用哦
    30 Okt.
    Afbeelding van Anoniem
    小猫桥桥 zegt:
    谢谢哦 ,,带走了
    14 Okt.
    Afbeelding van Anoniem
    懒如猫 zegt:
    多谢,带走了哦,活活
    29 Sept.
    Afbeelding van Anoniem
    薄荷 zegt:
    可是这代码要粘在哪才能在日志里生成呢?
    19 Sept.
    Afbeelding van Anoniem
    薄荷 zegt:
    拿去研究了
    19 Sept.
    Afbeelding van Anoniem
    并未失落 zegt:
    我想换成透明的框怎么办?
    31 Aug.

    Links naar je weblog

    De URL voor de link naar dit weblogitem is:
    http://oyljfriday.spaces.live.com/blog/cns!C89A17BDE4ADC1A5!600.trak
    Weblogs die naar dit item verwijzen
    • Geen
    *