Windows LiveWindows Live™
 
 
プロフィール––––•◊•αnαsтαsîα•◊•––––フォトブログリスト ツール ヘルプ

ブログ
    5月31日

    Scrollbox im Blog

    Wie erstelle ich eine Scrollbox?

     

    SPET 1

    Kreiere einen neuen Eintrag, um die Scrollbox 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 Scrollbox wird in der Mitte sein. Jetzt kannst du eigentlich beginen deine Scrollbox zu kreieren.

     

    STEP 2

    Unterhalb von <DIV align=center> fuegst du den Scrollbox-Code ein:

     

    <div style="

    BORDER-RIGHT: #0066FF 2px solid;

    BORDER-TOP: #0066FF 2px solid;

    SCROLLBAR-FACE-COLOR: #B22222;

    FONT-SIZE: 8pt;

    SCROLLBAR-3DLIGHT-COLOR: #000000;

    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;

    OVERFLOW-X: auto;

    OVERFLOW: scroll;

    BORDER-LEFT: #0066FF 2px solid;

    WIDTH: 300px;

    SCROLLBAR-SHADOW-COLOR: #00FF33;

    SCROLLBAR-ARROW-COLOR: #000000;

    SCROLLBAR-TRACK-COLOR: #C0C0C0;

    BORDER-BOTTOM: #0066FF 2px solid;

    FONT-FAMILY: Tahoma;

    HEIGHT: 200px;

    BACKGROUND-COLOR: #FFFF99">

    <P>Text</P>

    </div> 

     

    Die Farben koennt ihr beliebig wechseln, da muss man nur einwenig herumexperimentieren bis es einem passt.

     

    Jetzt noch eine kleine Erklaerung zu dem Code:

    <div style="

    BORDER-RIGHT: #0066FF 2px solid;

    BORDER-TOP: #0066FF 2px solid;

    SCROLLBAR-FACE-COLOR: #B22222;

    FONT-SIZE: 8pt;

    SCROLLBAR-3DLIGHT-COLOR: #000000;

    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;

    OVERFLOW-X: auto;

    OVERFLOW: scroll;

    BORDER-LEFT: #0066FF 2px solid;

    WIDTH: 300px;

    SCROLLBAR-SHADOW-COLOR: #00FF33;

     SCROLLBAR-ARROW-COLOR: #000000;

    SCROLLBAR-TRACK-COLOR: #C0C0C0; 

     BORDER-BOTTOM: #0066FF 2px solid;

    FONT-FAMILY: Tahoma;

    HEIGHT: 200px;

    BACKGROUND-COLOR: #FFFF99">

    <P>Text</P>

    </div>

     

    = recher Rand: #blue 2px solid

    = oberer Rand: #blue 2px solid

    = Farbe der Scrollbat selbst: #bardo

    = Schriftgroesse: 8pt=1

    = Linie oben & links der Scrollbar: #schwarz

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

    = Ueberlauf-X: auto (horizontal)

    = Ueberlauf: scroll (vertikal)

    = linker Rand: #blue 2px solid

    = Breite: 300px

    =Glanzlicht unten & rechts fuer 3D effekt: #gruen

    = Farbe für Verschiebepfeile: #schwarz

    = Spur auf der sich die Scrollbar bewegt: #silver

    = unterer Rand: #blue 2px solid

    = Schriftart: Tahoma

    = Hoehe: 200px

    = Hintergrundfarbe: #gelb

    = Text

     

    scrollbar2.bmp

     

    Text

     

     

    So siehts dann im blog aus

     

     

     

     

     

     

     

     

     

    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.

    Auto=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.

     

     

    Bild als Background ist natuerlich auch moeglich.

    Dafuer muss man nur einwenig den Code veraendern. Ist eigentlich nur unnoetige verwierung, wenn man sich nicht so gut auskennt.

    Code gibts vllt bei nachfrage.

     

     

    Bei Unklarheiten oder Fragen einfach einen Kommentar

    mit Link zum Space oder e-mail hinterlassen.

    11:17 | この記事を引用 | Scrolls & Tables

    コメント

    しばらくお待ちください。
    入力されたコメントは長すぎます。短くしてください。
    何も入力されていません。もう一度やり直してください。
    現在、コメントを追加できません。後でもう一度やり直してください。
    コメントと書くには、保護者 (ほごしゃ) の方の許可 (きょか) をもらってください。許可をリクエストする
    保護者 (ほごしゃ) の方が、あなたがコメントを書けないようにしています。
    現在、コメントを削除できません。後でもう一度やり直してください。
    1 日に投稿できるコメントの最大数を超えました。24 時間経過してから、もう一度やり直してください。
    あなたが他のユーザーに対して迷惑行為を行っている可能性があると確認されたため、お使いのアカウントによるコメントの投稿を無効にしています。誤って無効にされたと思われる場合は、Windows Live のサポートにお問い合わせください。
    コメントを投稿する前に、以下のセキュリティ チェックを完了してください。
    セキュリティ チェックに入力する文字は、画像に表示されている文字または音声で流れた文字と一致していなければいけません。

    コメントを投稿するには、お使いの Windows Live ID でサインインしてください (Hotmail、Messenger、または Xbox LIVE を既に使用している場合は、そのアカウントが Windows Live ID です)。サインイン


    Windows Live ID をお持ちでない場合は、アカウントを新規登録してください。

    トラックバック

    この記事のトラックバックの URL は次のとおりです。
    http://dies-und-das.spaces.live.com/blog/cns!16FB2F32B749D76B!107.trak
    この記事を参照しているブログ
    • なし