In dieser Lektion erstellen wir ein scrollendes Briefpapier mit Musik.

Stelle sicher, daß das Bild das Du verwenden willst, die Vorlage (htm/html) und die Musik die Du ausgewählt hast, sich in Deinem Stationery Ordner in C:\Programme\Gemeinsame Dateien\Microsoft Shared\Stationery befinden.

Die Vorlage kannst Du hier herunter laden.

Natürlich setze ich voraus, daß Du das Erlernte von Turorial 1 hier anwendest.

Öffne nun die Vorlage und schau Dir den Quelltext an:



<HTML><HEAD>

<style>

body {

background-color: #F2D8B7; /* hier kannst Du die Hintergrundfarbe ändern */

background-repeat: repeat-y; /*dies heißt, dass sich der Hintergrund wiederholt*/

margin-left: 250; /* dies ist die Schriftmarke, dass heißt im Moment beginnt die Schrift 250 pixel vom linken Rand */

font-family: "Script MT Bold"; /*Schrift, ändere sie nach belieben */

font-size: 18pt; /* Schriftgröße, ändere sie nach belieben */

color: #004080; /*hier änderst Du die Schriftfarbe */

text here

}

</style>

</head>

<body BACKGROUND="file://C:\Programme\Gemeinsame Dateien\Microsoft Shared\Stationery\babyframe.jpg"> <!--hier fügst Du Dein Bild ein. Falls Du ein Gif verwendest achte bitte auf die Endung .gif. Wenn Du ein JPG verwendest achte bitte auf die Endung .jpg. Dein Bild muss sich im Ordner C:/Programme/Gemeinsame Dateien/Microsoft Shared/Stationery befinden. Falls es in einem anderen Ordner ist, musst Du den Pfad auch entsprechend abändern. Wenn Dein Bild sich auf D:/Bilder befindet, dann heißt der Pfad: file//D:/Bilder/DeinBild.jpg-->

<BGSOUND src="file://C:\Programme\Gemeinsame Dateien\Microsoft Shared\Stationery\hands.mid" volume=-200 loop="-1"> <!--hier fügst Du Deine Musik ein. Falls Du ein Midi verwendest achte bitte auf die Endung .mid. Wenn Du ein Wave verwendest achte bitte auf die Endung .wav. Auch hier gilt ....... Deine Musik muss sich im Ordner C:/Programme/Gemeinsame Dateien/Microsoft Shared/Stationery befinden. Falls es in einem anderen Ordner ist, musst Du den Pfad auch entsprechend abändern. -->

Ändere nichts unterhalb dieser Linie!!!! Dieser Teil ist dafür verantwortlich, daß sich das Briefpapier nach oben bewegt!!.

____________________________________________________________________________

<!--This is the Majik's scroll script-->

<DIV id=imageholder

style="LEFT: 0px; POSITION: absolute; TOP: 0px; Z-INDEX: -1">

<SCRIPT language=VBScript>

placement=0

nail=0

max=9

for temp=0 to max

document.write "<img id=pics"&temp&" src><br>"

next

DIM newarray

newarray=Array(pics0,pics1,pics2,pics3,pics4,pics5,pics6,pics7,pics8,pics9)

for temp=0 to max

newarray(temp).src=document.body.background

next

document.body.background=" "

window.status="Click the image to Stop or Restart the scroll"

sub scroll()

if nail=1 then

exit sub

end if

if placement < pics0.height then

setTimeout "move", 1

else

placement=0

setTimeout "move", 1

end if

end sub

sub move()

imageholder.style.top=-placement

placement=placement+1

setTimeout "scroll", 1

end sub

sub imageholder_onclick()

if nail=0 then

nail=1

elseif nail=1 then

nail=0

end if

scroll()

end sub

scroll()

</SCRIPT>

</BODY></HTML>


Nachdem Du alle Änderungen gemacht hast, gehe in Deinem Text-Editor auf DATEI > SPEICHERN .... nicht Speichern unter und schließe dann den Text-Editor. Nun gehe in Deinem Internet Explorer auf AKTUALISIEREN ..... und was Du nun siehst ist DEIN Briefpapier und es sollte sich nach oben bewegen (scrollen). Jetzt öffne Outlook Express und gehe rauf auf Nachricht > Neue Nachricht mit > Briefpapier wählen und suche nun das Lektion2.htm mit Deinem Browser, sage ok und Dein Briefpapier ist fertig zum Versenden.

Ich wünsche Euch viel Erfolg!!!

Linda Rachel

 

Du kannst Dir gerne dieses Tutorial als E - Book downloaden.




Freitag, 18. Februar 2005