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

日志
    3月3日

    Rahmen fuer die ganze Zeile

    Wie erstelle ich einen RahmenUm Text oder Bild?
     
     
     
    STEP 1
     
    Kreiere einen neuen Eintrag, klicke auf den <HTML> Button. Da kannst du jetzt <DIV></DIV> sehen. Das loeschst du. Jetzt kannst du eigentlich beginen einen Rahmen zu kreieren.
     
     
     
     
    STEP 2
     
    Code fuer einen einfarbigen einfachen Rahmen:
     
    <DIV align=center>
    <TABLE style="border-color: #ff99ff; border-style:double;">
    <TBODY>
    <TR>
    <TD>Text oder URL zum Bild</TD>
    </TR>
    </TBODY>
    </TABLE>
    </DIV>
     
    Text oder URL zum Bild
     
     
     
    CODE:
     
    <DIV align=center>
    <TABLE style="
     
    border-color: #ff99ff;
     
    border-style:double;">
     
    <TBODY>
    <TR>
    <TD>Text oder URL zum Bild</TD>
    </TR>
    </TBODY>
    </TABLE>
    </DIV>
    Erklärung:
     
     
     
     
    = Farbe des Rahmens: gelb
     
     
    = Stil des Rahmens: solid
     
     
    = Text oder Bild
     
     
     
     Mit border-color: bestimmt man die Farbe. Eine Farbangabe bestimmt die Farbe fuer den ganzen Rahmen, so wie du oben sehen kannst.
     
     
     
     
    Zweifarbig:
    Mit zwei Farbangaben bekommt man zweifarbigen Rahmen (border-color:#000000 #FF1493;). Mit der erster Farbangabe bestimmt man die Farbe des oberen und unteren Randes des Rahmens, mit der zweiter Angabe die Farbe des linken und rechten Randes.
    <TABLE style="border-color:#000000 #FF1493; border-style:double;"><TBODY><TR><TD>Text oder URL zum Bild</TD></TR></TBODY></TABLE>
     
    Text oder URL zum Bild
     
     
     
     
    Vierfarbig:
    Mit vier Farbangaben bekommt man einen vierfarbigen Rahmen (border-color:#000000 #FF1493 #7FFF00 #00BFFF;).
    <TABLE style="border-color:#000000 #FF1493 #7FFF00 #00BFFF; border-style:double"><TBODY><TR><TD>Text oder URL zum Bild</TD></TR></TBODY></TABLE>
     
    Text oder URL zum Bild
     
     
     
     
    Styles:
    Mit border –style: bestimmt man den Stil des Rahmens. Es sind folgenden Angaben moeglich:
    none = kein Rahmen  (unsichtbarer Rahmen)
    hidden = kein Rahmen  (unsichtbarer Rahmen)
    dotted = gepunktet  (border-style:dotted;)
    dashed = gestrichelt  (border-style:dashed;)
    solid = durchgezogen  (border-style:solid;)
    double = doppelt durchgezogen (border-style:double;)
    groove = 3D-Effekt  (border-style:groove;)
    ridge = 3D-Effekt  (border-style:ridge;)
    inset = 3D-Effekt  (border-style:inset;)
    outset = 3D-Effekt  (border-style:outset;).
     
     
     
     

    Bei Unklarheiten oder Fragen einfach einen Kommentar

    mit Link zum Space oder e-mail hinterlassen.

    15:04 | 添加评论 | 固定链接 | 写入日志 | Scrolls & Tables
    2月21日

    Listen

     
    Liste einfügen
     
    Um eine Liste in deinen Space einzufügen, musst du wie folgt vorgehen:
    1. Du gehst auf deinen Space in Bearbeitungsmodus
    2. Da klickst du auf den kleinen Pfeil. Siehe das Bild, rot unterstrichen
    3. Nach dem du auf den Pfeil geklickt hast, öffnet sich ein Fenster.

    Da Klickst du auf Listen. Siehe Bild:

     

    1. Jetzt öffnet sich eine neue Seite.  
    1. Hier klickst du auf Listen Hinzufügen 

    1. Jetzt öffnet sich ein anders Fenster.
    Da gibst du den Name, Beschreibung und Listentyp an. 
    1. Dann einfach auf ok/speichern klicken und das war’s.
     
     
     
    Jetzt zu Bearbeitung von Listen:
     
    1. Um etwas in die Listen einzufügen, klickst du auf Hinzufügen
     
    1. Jetzt öffnet sich unten auch ein Fenster
    2. Hier gibst du Name, Webseite und Beschreibung an.  

    Obwohl auch nur der Name genügt.
    Wenn du Website angibst, wird der Name mit einer anderen Farbe nach dem Speichern angezeigt
    (ausser du hast du Einstellungen verändert).
    Wenn du keine Webseite angeben willst, aber trotzdem möchtest, dass der Text hervorgehoben wird, kannst du auch nur http:// eingeben, das reicht schon.
    1. Dann noch auf Speichern klicken und das war’s!

    13:45 | 添加评论 | 阅读评论 (1) | 固定链接 | 写入日志
    6月5日

    Custom HTML

        
    Wie bekomme ich den 'Custom HTML' in meinen Space?
     
    Mit dem Custom HTML hast du ein Modul, der HTML Tag ausfuehrt. du kannst z.Bsp.: ein Logobild reinstellen, oben in deinem Blog. Oder was dir sond noch einfeahlt damit zu machen.
     
     
    ① Gehe zu deinem Space und klicke auf "Space bearbeiten" (Edit Your Space) 

    custom_1.bmp

    ② Jetzt fuegst du in die Adresszeile am Ende der URL &powertoy=sandbox und klickst auf "Wechseln zu" (EnterTaste)

    custom_2.bmp

     

    ③ Danach klickst du auf "Anpassen" (Customize)

    custom_3.bmp

     

    ④ Klicke dann auf "Module" (1)

    In der Moduleliste gehe unter "Andere" (2)

    Klicke den "PowerToy: Custom HTML" an (2)

         und "Schliesen" unten (3)

    custom_4.bmp

     

    ⑤ Jetzt nur noch auf "Speichern" (Save) klicken und das wars.

    custom_5.bmp

     

     

    Bei Unklarheiten oder Fragen einfach einen Kommentar

    mit Link zum Space oder e-mail hinterlassen.

    12:09 | 添加评论 | 固定链接 | 写入日志 | PowerToys
    5月31日

    Schatten

    Wie mache ich eine Schrieft mit Schatten (Shadow)?

     

    STEP 1

    Kreiere einen neuen Eintrag, klicke auf den <HTML> Button. Da kannst du jetzt <DIV></DIV> sehen. Das loeschst du.

     

    STEP 2

    Füge diesen Code ein:

    <div style="width:100%; font-size:50px; color:#FF6600; filter:Shadow(color=#000000, direction=45)">Schatten</div>

     

    Schatten

    Erklaerung:

    Mit filter:Shadow kannst du einen Schatten erzwingen. Fuer den Filter brauchst du folgende Angaben:

    color= Farbe fuer den Schatten

    direction= Richtung, in die der Schatteneffekt faehlt.

    Erlaubt sind die Werte 0, 45, 90, 135, 180, 225, 270, 315:
    0 bedeutet: Der Schatteneffekt zeigt nach oben.
    45 bedeutet: Der Schatteneffekt zeigt nach oben rechts.
    90 bedeutet: Der Schatteneffekt zeigt nach rechts.
    135 bedeutet: Der Schatteneffekt zeigt nach unten rechts.
    180 bedeutet: Der Schatteneffekt zeigt nach unten.
    225 bedeutet: Der Schatteneffekt zeigt nach unten links.
    270 bedeutet: Der Schatteneffekt zeigt nach links.
    315 bedeutet: Der Schatteneffekt zeigt nach oben links.

     

    Bei Unklarheiten oder Fragen einfach einen Kommentar

    mit Link zum Space oder e-mail hinterlassen.

    11:19 | 添加评论 | 固定链接 | 写入日志 | Schrieft-Effekte

    Schattenwurf

    Wie mache ich eine Schrieft mit Schattenwurf (DropShadow)?

     

    STEP 1

     

    Kreiere einen neuen Eintrag, klicke auf den <HTML> Button. Da kannst du jetzt <DIV></DIV> sehen. Das loeschst du.

     

    STEP 2

     

    Füge den Code ein:

    <DIV style="FONT-SIZE: 60px; FILTER: DropShadow(color=#009933, offx=4, offy=4); WIDTH: 100%; COLOR: #000000">Schattenwurf</DIV>

     

    Schattenwurf

     

    Erklaerung:

    Mit filter:DropShadow kannst du einen Schattenwurf erzwingen. Fuer den Filter brauchst du folgende Angaben:

    color= Farbe, die als Schatten definiert wird.

    offx= Anzahl an den horizontalen Pixel für den Schatteneffekt. Positive Zahlen erzwingen einen Schattenwurf rechts, Negative (Minuszeichen davor) einen Schattenwurf links.

    offy= Anzahl an den vertikalen Pixel für den Schatteneffekt. Positive Zahlen erzwingen einen Schattenwurf nach unten, Negative (Minuszeichen davor) einen Schattenwurf nach oben.

     

     

    Bei Unklarheiten oder Fragen einfach einen Kommentar

    mit Link zum Space oder e-mail hinterlassen.

    11:19 | 添加评论 | 固定链接 | 写入日志 | Schrieft-Effekte

    Ware-text

    Wie mache ich eine Schrieft mit Wellenartiger Störung?

     

    STEP 1

     

    Kreiere einen neuen Eintrag, klicke auf den <HTML> Button. Da kannst du jetzt <DIV></DIV> sehen. Das loeschst du.

     

    STEP 2

     

    Füge den Ware-Code ein:

    <div style="

    width:100%;

    font-size:50px;

    font-weight:900;

    color:#FFCCFF;
    filter:Wave(freq=5, lightstrength=20, phase=50, strength=6)

    Shadow(color=#808080, direction=135);">
    Wave (Wellenartiger) Text</div>


     

    <div style="
    width:100%;
     
    font-size:123px;
    font-weight:900;
    color:#FFCCFF;
     filter:Wave
    (freq=5,
     lightstrength=20,
    phase=50,
    strength=6)
    Shadow(color=#808080, direction=135);">
    Wave-Text</div>
     
    =Breite bedeutet hier: die maximale Anzahl von Zeichen in einer Zeile.
    =Schrieftgrösse: 123px
    =Schriftgewicht:900
    =Farbe: rosa
    =Filter: Ware
    =Wellenfrequenz: 5
    =Stärke des Lichts im Welleneffekt: 20
    =Sinus-Wellenphase: 50
    =Stärke des gesamtes Effekts: 6
    =Schaten(Farbe:grau +
    Richtung=135
    =Text
    Wave (Wellenartiger) Text

     

    font-weight: bestimmt den Schriftgewicht. Folgende Angaben sind möglich:
    bold = fett.
    bolder = extrafett.
    lighter = dünner.
    normal = normales Schriftgewicht.
    100,200,300,400,500,600,700,800,900 = extra-dünn (100) bis extrafett (900).
    (500 entspricht= medium und 700 entspricht= bild)
     
    freq: bedeutet Wellenfrequenz. Je höher der Wert, desto kleiner die Wellen, je niedriger, desto größer die einzelnen Wellen. Praxisnah sind etwa Werte zwischen 2 und 50.

    lightstrength: steht für die Stärke des Lichts im Welleneffekt in Prozent bis 100.
     
    phase: steht für den Beginn der Sinus-Wellenphase in Prozent bis 100. Bei 0 beginnt der Welleneffekt normal, bei 25 etwa beginnt er bei 90°.

    strength: bedeutet Stärke des gesamten Effekts. Werte zwischen etwa 1 und 10.
     
    direction: wirkt so, als ob die Grafik aus dieser Richtung kommt.
    Erlaubt sind die Werte 0, 45, 90, 135, 180, 225, 270, 315:
    0 bedeutet:     Die Verwischspur zeigt nach oben.
    45 bedeutet: Die Verwischspur zeigt nach oben rechts.
    90 bedeutet: Die Verwischspur zeigt nach rechts.
    135 bedeutet: Die Verwischspur zeigt nach unten rechts.
    180 bedeutet: Die Verwischspur zeigt nach unten.
    225 bedeutet: Die Verwischspur zeigt nach unten links.
    270 bedeutet: Die Verwischspur zeigt nach links.
    315 bedeutet: Die Verwischspur zeigt nach oben links.
     
     

    Wenn ihr mit dem Code fertig seit, könnt ihr wieder auf <HTML> drüken, schauen wie es aussieht und vllt noch was verbessern.

     

     

     

    Bei Unklarheiten oder Fragen einfach einen Kommentar

    mit Link zum Space oder e-mail hinterlassen.

    11:18 | 添加评论 | 阅读评论 (1) | 固定链接 | 写入日志 | Schrieft-Effekte

    Glow

    Wie mache ich eine Schrieft mit Glow?
     
    STEP 1
     
    Kreiere einen neuen Eintrag, klicke auf den <HTML> Button. Da kannst du jetzt <DIV></DIV> sehen. Das loeschst du jetzt. Jetzt kannst du eigentlich beginen deine Scrollbox zu kreieren.
     
    STEP 2
     
    Füge den Glow-Code ein:
     
    <DIV style="
    FONT-SIZE: 30px;
    FILTER: Glow(color=#000000, strength=7);
    WIDTH: 100%;
    COLOR: #FF8C00"> Text</DIV>
     
    Code:
    Erklärung dazu:
    <DIV style="
    FONT-SIZE: 30px;
     
    FILTER: Glow(color=#000000, strength=7);
     
     
    WIDTH: 100%;
     
     
    COLOR: #FF8C00"> Text</DIV>
     
    =Schrieftgrösse
     
    =Filter: Name des Filters +Farbe des Glows +Stärke der Wirkung des Glows
     
     
    =Breite bedeutet hier: die maximale Anzahl von Zeichen in einer Zeile.
     
    =Farbe der Schrieft
     
    Text mit Glow
     
     
    Die Farben Könnt Ihr natürlich beliebig ändern.
    Die Grösse der Schrieft wird in diesem Fall in px angegeben, da müsst einwenig ausprobieren was euch passt.
    Strength= bedeutet die Stärke der Wirkung. Erlaubt sind Werte zwischen 1 und 255, praxisgerecht sind aber in den meisten Fällen nur Werte zwischen 1 und etwa 20 gebrauchbat.
    Wenn ihr mit dem Code fertig seit, könnt ihr wieder auf <HTML> drüken, schauen wie es aussieht und vllt noch was verbessern.
     
     
    Bei Unklarheiten oder Fragen einfach einen Kommentar
    mit Link zum Space oder e-mail hinterlassen.
    11:17 | 添加评论 | 阅读评论 (4) | 固定链接 | 写入日志 | Schrieft-Effekte

    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

    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 | 添加评论 | 阅读评论 (4) | 固定链接 | 写入日志 | Scrolls & Tables