Fotos im Profil

Das erste Foto

Fortgeschrittenes

Animierte Cursor

Vorlagen


Aktualisiert am 10.01.2007

3. Anlauf - 5. Fassung *g*
Vorweg: Kenntnisse in Frontpage(-Express) sind von großem Vorteil, aber nicht zwingend notwendig, denn
zu den einzelnen Schritten sind Screenshots vorhanden.
Solltest Du mit einem Browser wie Firefox oder Maxthon (Erweiterung für den iE) arbeiten, dann sollten die Screenshots in einem eigenen Tab aufgehen und Du kannst bequem hin- und herklicken. (Siehe hierzu die Software-Seite).
Eine s/w-Druckfassung folgt noch, dadurch wird es noch einfacher.

Eine Anmerkung für die Bezieher des Profile-Newsletter:
Es wird nicht zu jeder Änderung/Ergänzung auf dieser Seite ein Newsletter verschickt,
denn er soll ja nicht zum Spam ausarten. Der Newsletter folgt erst wieder bei (fast) "weltbewegenden" Neuerungen.

Die Lorbeeren für die Anleitung bitte an Thomas den Tempelritter senden ;-)
 


Die Träume sind
grenzenlos

 

A) Vorbereitung:
1. Das oder die Bilder, welche in das Profil eingefügt werden sollen, auf der Festplatte bereitstellen. Es kann sich hierbei um normale Fotos (jpg) oder auch um Animationen (gif) handeln, darf aber kein Sonderzeichen wie ä, ö, ü, ß enthalten.
2. Bilder auf einen Webspace übertragen, zB: nach http://members.aol.com/DeinAOLName/bild1.gif.
3. Falls Frontpage (Express) noch nicht vorhanden, zB hier herunterladen.
4. Die Texte Deines vorhandenen Profils evtl. sichern.
B) Fremdprofil mit Bild:
5. Zur Vereinfachung brauchst Du ein Profil, welches bereits ein Bild enthält. Hierzu stellt EinTempelritter sein Profil zur Verfügung, alternativ kannst Du auch mein Profil nehmen (für den Fall, dass der Server, auf dem sich das Profil von Thomas befindet, gerade überlaufen ist *g*). Allerdings ist mein Profil seit dem 28.2. komplett anders aufgebaut. Es beinhaltet 4 Bilder und einen animierten Mauszeiger. Außerdem gibt es den linken Rand (Name) mit den vorgegebenen AOL-Bezeichnungen Name, Ort etc. nicht. Falls Du mit diesem Profil arbeiten möchtest, dann lies Dir diese Seite der Anleitung erst durch, damit Du weißt, wie es geht. Dann lese auf der Seite "Fortgeschrittenes" weiter.
Von nun an zeige ich Dir, wie man von dem vorgegebenen Profil zu seinem eigenen Profil kommt.
Ausgangspunkt ist das Profil von "Ein Tempelritter", Ziel ist das Profil von "San Zhansel".
Wenn Du weitere Hilfe benötigst, klickst Du auf das kleine Bild und es geht in einem neuen Fenster größer auf.
6. Setze den Mauscursor in das Profil von Ein Tempelritter.
Dann Rechtsklick und Markieren , anschließend Rechtsklick und Kopieren.
C) Frontpage-Express (FP-E) bzw. Frontpage (FP) öffnen:
7. Mit Rechtsklick/Einfügen (Strg*+V) den Inhalt des Profils in eine leere Frontpage-Seite einfügen.
Speichere die Vorlage ab, zB unter Ursprungsprofil.htm (die Endung htm geschieht automatisch).
  * Anmerkung: Auf einigen Tastaturen heißt die Taste Strg, auf anderen Ctrl.
8. Nun siehst Du einige Felder. Erstmal die rechte Feldspalte "Name" markieren und entfernen. Das ist deshalb notwendig, weil Du sonst später im Profil das Feld "Name" doppelt hättest und dadurch alles weiter nach rechts rücken würde.
Dazu setzt Du den Cursor über das Feld, so dass ein kleiner nach unten zeigender Pfeil erscheint.

Nun den Cursor in das markierte Feld setzen, rechte Maustaste/Spalten löschen.
9. Bei FP-E oben auf Ansicht/HTML bzw. bei FP unten auf Code.
10. Nun musst Du die Zeile mit
"
style="BACKGROUND-IMAGE: url(http://hometown.aol.de*/Ein%20Tempelritter/wfallfrau.gif); BACKGROUND-REPEAT: no-repeat"
suchen und dort das hier zur Verdeutlichung rot hervorgehobene mit Deinem AOL-Namen und Ort des Bildes ersetzen, zum Beispiel so:
"style="BACKGROUND-IMAGE: url(http://hometown.aol.com*/SanZhansel/bilder/zhansel.gif); BACKGROUND-REPEAT: no-repeat"   Das Bild kann sich aber auch bei einem anderen Webspace-Dienst befinden, es muss also nicht bei hometown.aol oder members.aol sein.
  * Anmerkung: manchmal heißt es aol.de und manchmal aol.com - teste mit dem Internet-Explorer aus, wo Deine Homepage liegt.
Tipp von "AchtungBissigm27": Im Menü von AOL findet man unter Kontakte / Homepages erstellen rechts den Dateimanager zum Hosten der Homepage. In der Adresszeile des Browsers kann man nun sehen, ob es eine com- oder de-Domäne ist.
11. In der Vorschaufunktion ansehen, ob es klappt (URL richtig ist etc.) und wie es aussieht.
Dazu musst Du natürlich ebenfalls online sein.
Falls Du offline arbeitest (so wie ich meistens ;-), lege das Bild in den gleichen Ordner, in dem Du die Ursprungsprofil.htm gespeichert hast und setze den Link erstmal dorthin, also einfach nur den vollständigen Bildnamen ohne http davor eingeben.
Später musst Du den Link des Bildes natürlich so wie oben beschrieben auf den Homepage-Server zeigen lassen.
12. Im Beispiel siehst Du, dass das Bild von Ein Tempelritter schmaler ist als das von San Zhansel, dafür aber viel höher.
Geh wieder in die Funktion Entwurf und setze den Cursor an die rechte Begrenzung, so dass ein Doppelpfeil entsteht.   Nun kannst Du die Begrenzungslinie weiter nach rechts ziehen, so dass das Bild auch in der Breite vollkommen zu sehen ist.
Nun setze den Cursor an die untere Begrenzungslinie und ziehe sie nach oben, so das sie kurz vor dem Bild steht.
13. Speichere Deine Arbeit ab, zB unter MeinvorläufigesProfil.htm
14. Nun setze den Cursor irgendwo in eines der Felder und betätige Strg+A oder Rechtsklick/Alles markieren.
15. Anschließend Strg+C oder Rechtsklick/Kopieren.
Der Inhalt des Profils befindet sich nun erstmal im Zwischenspeicher (Teil des Arbeitsspeichers) Deines Rechners.
D) zum eigenen Profil:
16. Nun darfst Du endlich Dein Profil öffnen *g*.
Falls Du bereits eines angelegt hattest, tut es mir nun schrecklich Leid, Dir sagen zu müssen, dass es erstmal verloren ist ;-)  Es ist nämlich ein unabdingbares Muss, dass Du links unten auf [Profil löschen] klickst und die Sicherheitsabfrage bestätigst.
Haha, das war nur ein Spaß, Wie ich *hüstel* wie Diascia1 feststellte, braucht man nur das Feld Name zu löschen und den Hintergrund auf weiß zu setzen. Alle anderen Felder, falls ausgefüllt, bleiben erhalten.
17. Den Cursor in das Profilfeld "Name" setzen und Rechtsklick/Einfügen.
18. Zum vorläufigen Schluss wählst Du noch die gewünschte Hintergrundfarbe.
19. *Tata*, klick auf [Fertigstellen].
20. Das Bild sollte nun auch beim normalen Aufruf des Profils zu sehen sein, falls Du alles richtig gemacht hast (und ich keinen Fehler in der Anleitung Fassung 3/5 habe ;-)
E) Texte einfügen:
21. Nun kannst Du das Profil erneut öffnen und wie gehabt mit Text ergänzen.
22. Das fertige Feld Name kopierst Du dann wie oben beschrieben und überträgst es ins Frontpage. Sichere es unter einem eindeutigen Namen, zB meinbildprofil.htm, so kannst Du es später leicht wieder mit einem neuen Bild versehen und hast Deinen eigenen Text bereits integriert.

F) Vielen Dank & die Lorbeeren an

"Thomas den Tempelritter" (*g*, den Namen habe ich erfunden & gefällt mir;-), ohne den diese Anleitung nicht entstanden wäre. Schon Wochen bevor ich diese Seite durch seine Hilfe erstellen konnte, hat er seine Erkenntnisse am veröffentlicht, also schau bitte auch dort vorbei ....