Sie kennen sich nicht sonderlich mit HTML aus, möchten aber trotzdem das kostenlose und werbefreie Gästebuch von MeinWebworker (ehemals all 4 homepages.de) optimal in das Layout Ihrer Website einbinden? Das folgende Tutorial zeigt an einem Beispiel wie jeder – unabhängig von HTML-Kenntnissen – zu seinem “perfekten” Gästebuch kommt.
Hintergrund
Wir haben unsere Homepage-Tools von Anfang an sehr flexibel und anpassungsfähig gestaltet. Ein wenig erfahrenere Website-Betreiber können mit Hilfe des Vorlagen-Editors alle contentbasierten Homepage-Tools, also nicht nur das Gästebuch sondern auch Newssystem, Weblog und die Shoutbox, mit wenig Aufwand an das Design Ihrer Homepage anpassen. Leider mussten wir feststellen, dass die meisten Mitglieder jedoch nicht über genügend Kenntnisse bzgl. HTML und der Seitengestaltung mit einem Texteditor haben. Daher nutzen derzeit nur wenige Mitglieder die Anpassungsmöglichkeiten richtig aus. Der Assistent ermöglicht zwar die farbliche Anpassung sowie eigene Schriftarten in den Tools, jedoch ist das komplette Layout so nicht anpassbar.
Vorlage erstellen
| Als erstes müssen Sie eine Vorlage, also eine ganz “normale” Seite für Ihre Website erstellen. Mit einem Hilfsprogramm wie Frontpage oder ähnlichem dauert dies nur wenige Minuten. Wie diese ungefähr aussehen könnte, sehen Sie am Besipiel von againstchildporn.org, deren Gästebuch optimal an die Website angepasst wurde. Sie können zur Vorlagenerstellung auch eine bereits vorhandene Seite als Basis benutzen. Dann müssen Sie nur den eigentlichen Inhalt (Text) in der Mitte der Seite entfernen und einen kurzen beschreibenden Text zum Gästenbuch und / |  Beispiel Gästebuch-Vorlage |
oder eine Überschrift wie “Gästebuch” an dieser Stelle einfügen.
Tipp
| Achten Sie bei der Verwendung von Bildern unbedingt darauf, dass diese über die komplette Internetadresse angegeben werden. Also nicht z.B. “bilder/pic1.gif” sondern ein Pfad wie “http://domain.tld/bilder/pic1.gif”. Ansonsten erscheinen nur sogenannte “broken images”, also Platzhalter mit Fehlerhinweis. |
Copy&Paste
Ist die Vorlage fertig, öffnen Sie diese einfach mit Ihrem Browser indem Sie sie auf Ihrem lokalen Rechner aufrufen. Über die Ansicht des Quelltextes, beim Internet Explorer über “Ansicht” > “Quelltext”, können Sie nun den HTML-Code einsehen. Darin suchen Sie die Stelle, an der der beschreibende Text zum Gästebuch oder die von Ihnen angelegte Überschrift “Gästebuch” zu finden ist. Mit “Strg+F” öffnet sich die Schnellsuche, die das Finden des Abschnittes erleichtert.
Nun schneiden Sie den gesamten Code unmittelbar oberhalb dieser Stelle, inkl. Überschrift und ggf. Beschreibung, aus. Wenn Sie bei all 4 homepages.de eingeloggt sind, klicken Sie nun in der rechten Navigationsspalte unter “Einstellungen” auf “Homepage-Tools”. Auf der folgenden Seite gehen Sie auf “MeinGästebuch” – “Bearbeiten”. Dort wählen Sie die zu bearbeitende Vorlage eines Ihrer drei Gästebücher aus. Nun erscheint eine Konfigurationsseite mit zwei großen Eingabefeldern (Textareas). In die obige (Kopf) fügen Sie den eben kopierten Code-Teil ein. Dies wiederholen Sie mit dem restlichen Code Ihrer Vorlage, den Sie in das Eingabefeld für den sogenannten Fuss einfügen. Nach dem Speichern erscheint Ihr Gästebuch ab sofort im Look&Feel Ihrer Website und kann so nahtlos eingebunden werden.
Links zum Thema:
Beispiel-Gästebuch – Internetinitiative gegen Kinderpornographie
Noch nicht Mitglied? – Jetzt anmelden und alle Vorteile nutzen!
Diese Artikel könnten Sie interessieren:
HTML-Einführung
Feedback ermöglichen
Die Communities der “Großen” – Beim Forum gegeizt?
(CBS | 08.02.03)
Habe versucht das Gästebuch nach der Beschreibung in meine Page einzubinden.Leider ohne den gewünschten Erfolg.Bei mir erscheint zwar die Kopf und Fußzeile aber keine Eintragung.Vielleicht kann mir da mal jemand helfen? Vielen Dank.:-|
Letzte Änderung von Jürgen Scherpe am 20.03.03, 20:46.
@Jürgen Scherpe:
In allen Ihrer 3 Gästebücher konnte ich keinerlei Fehler in der Vorlage finden. Wo genau liegen denn die Schwierigkeiten bei Ihnen?
@Andreas Mauf:
Wenn ich das richtig verstanden habe, dann soll der Kopf und der Fusstext aus einem der 3 Gästebücher an der gewünschten Stelle auf meiner Seite im HTML-Text eingefügt werden.Da danach nur der Kopf-und Fußtext zu sehen ist nehme ich an,dass ich falsch liege mit meiner Methode.:-|
Nein, der Kopf- und der Fussteil Ihrer HTML-Vorlage muss in den entsprechenden Editor in unserem Mitgliederbereich kopiert werden. Unser System baut diese Vorlage dann beim nächsten Aufruf Ihres Gästebuchs um die Beiträge zusammen.
Erstellen Sie sich eine “leere” Seite, wo nur das Layout (sprich Kopf -und Fusteil) zu sehen sind. Die “Mitte” lassen Sie für die GB-Einträge frei. Diese Seite teilen Sie und kopieren Sie in die entsprechenden Formularfelder unseres Editors.
Gern können Sie sich auch den Quelltext der Beispielvorlage anschauen:
http://meinwebworker.de/demo/gb_vorlage.html
Letzte Änderung von Andreas Mauf am 20.03.03, 23:12.
Hallo.
Ich bin noch neu hier. Habe eben ein Gästebuch angemeldet und würde gerne wissen, ich das Gästebuch gestalterisch verändern kann.
Ja, dazu würde ich einfach mal den oben erwähnten Artikel lesen. ;D
Da steht eigentlich alles drin, um das Gästebuch (oder Newssystem usw.) hervorragend anpassen zu können. ;-)
Stimmt genau !!!
Hatte am Anfang auch so meine Probleme mit der Gästebucheinbindung. Das ist aber Geschichte dank der Erklärung der Webworker. Siehe oben.
;-)
Habe soeben das Gästebuch in meine HP integriert und bezüglich Layout 100% integriert. Der grösste Aufwand war, alle Links auf meinen Seiten neu zu setzen und die alten Einträge ins neue GB zu kopieren. Einfachste Handhabung bei grösstmöglichen gestalterischen Freiheite.:P
Schön wäre es, wenn auch die Eingabemaske und das Layout der einzelnen Meldungen in der Darstellung beeinflusst weden könnten ;-)
;D
Ich mach es meisten in den inneren Frame und nehme die
;-)
Hintergrundfarbe der anderen Seiten.
Die Schriftfarbe natürlich auch!!
:-)
Nina Menzel
Ich hab auf meiner beepworld-homepage schon ein gästebuch und wollte mir jetzt von hier eins einfügen wo man die einträge kommentieren kann. Kann ich die alten einträge da irgendwie übernehmen oder geht das nicht?
würde das nämlich sehr sehr gern tun, da ist ein ganz besonderer dabei!
Oder noch besser gesagt wie mach ich das überhaupt mit dem Gästebuch von hier auf meine Homepage? Von html hab ich leider absolut null Ahnung…
Gruß nina:-|:-(:-(
Letzte Änderung von Nina Menzel am 12.11.03, 20:11.
Hallo Nina, wenn man so wie ich kein aktuelles Flash-Plugin hat, kann man mit Deiner Seite leider gar nichts anfangen : keine Navigation, kein Menü, keine Links weit und breit … :(
Die Einträge kannst Du nicht so einfach übernehmen, scheinbar handelt es sich wohl auch noch um ein Flash-Gästebuch ? Ich würde einfach die Beiträge manuell dem neuen MeinWebworker-Gästebuch hinzufügen, vielleicht funktioniert ja die “Text markieren+Kopieren+Einfügen”-Methode ;)
jaja, dieser beepworld kram
spaßeshalber hatte ich da auch mal angemeldet.
das ist ja nur $Ӥ(/$)%//
und spätestens bei flash-gbs klicke ich sofert weg.
einträge von einem gb ins andere macht man im zweifel halt mit kopieren der einträge. das datum dürfte dann nicht mehr stimmen, aber man kann mal das alte gb ausmisten.
oder halt das alte noch ne zeitlang drin lassen, bis sich das neue “etabliert” hat.
das ist der direkte link ohne flashintro:
http://www.beepworld.de/members56/yeti_muc/
Letzte Änderung von Nina Menzel am 14.11.03, 15:30.
Hallo… Hatte eigentlich vor, mein altes Gästebuch an mein Neues HP-Design anzupassen, nur leider stößt man dort anscheinend an seine Grenzen, wenn man mit Tabellen arbeitet… Trotzdem müsste es dorch irgendwie gehen, die Schriftart/-größe des Gästebuchs zu verändern… Ich setze in den Kopfteil alles, was VOR den Einträgen stehen soll, in den Fußteil alles, was DAHINTER stehen soll. Und egal, wo ich den Font-Tag platziere, er wirkt sich nur auf die erste Zeile (Anzahl der Einträge, etc.) aus. Die Einträge bleiben in Times New Roman, Größe 12 (schätze ich) bestehen… Was mache ich falsch???
Adresse: http://tools.meinwebworker.de/gaestebuch.php?user=oe-punkt&gb=2&l=10&s=1
Hallo Jörn
Das Problem kannst Du lösen, in dem Du mit Style-Sheets arbeitest. Ich habe die Schrift im Body-Tag definiert
BODY {
font-family : arial, sans-serif;
font-style : normal;
font-weight : normal;
text-align : left;
color : yellow;
background-color : #000060;
font-size : 1em;
margin-left : 0em;
margin-top : 0em;
}
und die weiteren Schriftattribute, sofern notwendig im TD-Tag
TD {
text-align : left;
vertical-align : top;
font-size : 0.8em;
color : yellow;
background-color : #000060;
}
Alle CSS-Definitionen machst Du im Header oder in einer eigenen CSS-Datei, die Du mit dem link-Tag
<link rel=”stylesheet” type=”text/css” href=”css/???.css”>
lädst. So habe ich es gemacht und es funktioniert problemlos.
Beispiel:
http://www.amores.de
Hope it helps.
Markus