Windows LiveWindows Live™
 
 
个人资料––––•◊•αnαsтαsîα•◊•––––照片日志列表 工具 帮助

日志
    5月31日

    Scrollbar im Blog

    Wie erstelle ich eine Scrollbar in meinem Blog?

     

    STEP 1

    Kreiere einen neuen Eintrag.

    Um die Scrollbar in der Mitte zu bekommen, klick jetzt auf den ‚zentrier’ button ( zentrier.bmp ). Danach klicke auf den <HTML> button und du kannst den anfangs Code schon sehen <DIV align=center> , das bedeutet die Scrollbar wird in der Mitte sein. Jetzt kannst du eigentlich beginen deine scrollbar oder Scrollbox zu kreieren.

     

    STEP 2

    Unterhalb von <DIV align=center> fuegst du den Scrollbar-Code.

     

    <DIV style="

    SCROLLBAR-FACE-COLOR: #B22222;

    OVERFLOW-X: auto;

    OVERFLOW: scroll;

    WIDTH: 225px;

    SCROLLBAR-SHADOW-COLOR: #00FF33;

    SCROLLBAR-3DLIGHT-COLOR: #000000;

    SCROLLBAR-ARROW-COLOR: #000000;

    SCROLLBAR-TRACK-COLOR: #C0C0C0;

    SCROLLBAR-BASE-COLOR: #FFFFFF;

    HEIGHT: 200px">

    </DIV>

     

    Eine kleine Erklaerung dazu:

    <DIV style="

    SCROLLBAR-FACE-COLOR: #B22222;

    OVERFLOW-X: auto;

    OVERFLOW: scroll;

    WIDTH: 225px;

    SCROLLBAR-SHADOW-COLOR: #00FF33;

    SCROLLBAR-3DLIGHT-COLOR: #000000;

    SCROLLBAR-ARROW-COLOR: #000000;

    SCROLLBAR-TRACK-COLOR: #C0C0C0;

    SCROLLBAR-BASE-COLOR: #FFFFFF;

    HEIGHT: 200px">

    </DIV>

     

    =Farbe der Scrollbat selbst: #bardo

    =Ueberlauf-X: auto (horizontal)

    =Ueberlauf: scroll (vertikal)

    =Breite: 225px

    =Glanzlicht Unten & rechts fuer 3D Effekt: #gruen

    =Linie oben & links der Scrollbar: #schwarz

    =Farbe für Verschiebepfeile: #schwarz

    =Spur auf der sich die Scrollbar bewegt: #silver

    =Glanzlicht oben & links fuer 3D Effekt: #weiss

    =Hoehe: 200px

    scrollbar.bmp

    Die Farben koennt ihr beliebig wechseln, da muss man einfach herumexperimentieren bis es einem passt. Dann noch zu dem Overflow-X und Overflow.

    Mit overflow: stellst du fest, wie in der Tabelle geschrieben soll. Es sind folgende Kommandos moeglich:

    Visible=Inhalt ragt aus der Tabelle so weit heraus, dass der Inhalt auf jeden fall komplett sichbar ist.

    Hidden= Inhalt wird abgeschnitten, wenn er die granze des elements ueberschreitet.

    Scroll= Inhalt wird abgeschnitten, wenn er die Granze der Tabelle ueberschreitet, aber der WWW-Browser sollte jedoch Scroll-Leisten anbieten.

    Outo= der Web-Browser entscheidet selber, wie der Text angezeigt werden soll.

    Also Ihr koennt das natierlich beliebig wechseln, dass ist euch ueberlassen, nur wuerde ich bei OVERFLOW: nur scroll oder auto; benutzen.

     

    STEP 3

    Naja, jetzt brauchst du nur noch den Code, um da schreiben zu koennen.

    Dafuer Fuegst du <P>text here</P> vor </DIV> zu und das wars.

     

    So Sollte dein Code am ende aussehen:

    <DIV align=center>

    <DIV style="

    SCROLLBAR-FACE-COLOR: #B22222;

    OVERFLOW-X: auto;

    OVERFLOW: scroll;

    WIDTH: 225px;

    SCROLLBAR-SHADOW-COLOR: #00FF33;

    SCROLLBAR-3DLIGHT-COLOR: #000000;

    SCROLLBAR-ARROW-COLOR: #000000;

    SCROLLBAR-TRACK-COLOR: #C0C0C0;

    SCROLLBAR-BASE-COLOR: #FFFFFF;

    HEIGHT: 200px">

    <P>text here</P>

    </DIV>

     

    text here

     

     

     

     

     

     

     

     

     

     

     

    EVT.: Wenn du einen Farbhintergrund haben moechtest, fuege einfach zu dem Scrollbar-Code BACKGROUND-COLOR: #color; und das wars.

     

     

    Bei Unklarheiten oder Fragen einfach einen Kommentar

    mit Link zum Space oder e-mail hinterlassen.

    Ps.: Scrollbar-Track-color funktioniert bei dieser form der scrollbar nicht immer.

    11:16 | 写入日志 | Scrolls & Tables

    评论 (4)

    请稍候...
    很抱歉，您输入的评论太长。请缩短您的评论。
    您没有输入任何内容，请重试。
    很抱歉，我们当前无法添加您的评论。请稍后重试。
    若要添加评论，需要您的家长授予您相应权限。请求权限
    您的家长禁用了评论功能。
    很抱歉，我们当前无法删除您的评论。请稍后重试。
    您已超过了一天之内允许提供的评论数上限。请在 24 小时后重试。
    因为我们的系统表明您可能在向其他用户提供垃圾评论，您的帐户已禁用了评论功能。如果您认为我们错误地禁用了您的帐户，请联系 Windows Live 支持部门。
    完成下面的安全检查，您提供评论的过程才能完成。
    您在安全检查中键入的字符必须与图片或音频中的字符一致。

    若要添加评论，请使用您的 Windows Live ID 登录（如果您使用过 Hotmail、Messenger 或 Xbox LIVE，您就拥有 Windows Live ID）。登录


    还没有 Windows Live ID 吗？请注册
    没有名字发表:
    Welcome to enter (wow gold) and (wow power leveling) trading site, (wow gold) are cheap, (wow power leveling) credibility Very good! Quickly into the next single! Key words directly to the website click on transactions! -149953794698671
    8 月 11 日
    Prema发表:
    Hallo
    Danke für deinen Besuch bei mir, auf meinen türkischen Space. PremAy und Prema sind identisch.
    Es lag am wenigen Text, wenn mehr ist, kommt auch der Scrollbar :-) Hätte ich aber nicht wissen können.
    Herzlichen dank! Und liebe Grüße
    2 月 21 日
    ShantiOM发表:
    Hallo
    Es funktioniert leider nicht.Irgend etwas stimmt an dem Cod nicht, Scrollbar bekommt keine Schieberegler...
    Liebe Grüße
    2 月 12 日
    匿名 的图片
    (no name) 发表:
    hey duu...wowww megaa hammer spacee!Respekt!isch vooolll gaaaill...:D grüessli
    5 月 31 日

    引用通告

    此日志的引用通告 URL 是：
    http://dies-und-das.spaces.live.com/blog/cns!16FB2F32B749D76B!106.trak
    引用此项的网络日志
    • 无