Grafik zwischen den einzelnen Einträgen

      Grafik zwischen den einzelnen Einträgen

      Hallo zusammen,

      ich bin gerade dabei, das Layout für mein Gästebuch ein wenig für meine Bedürfnisse abzuändern und habe mir den ganzen html-code ersteinmal in Dreamweaver reinkopiert.
      Nun würde ich gerne zwischen jedem Beitrag der Gäste eine Grafik einbinden - immer die gleiche - ist das möglich? Wenn ja wie und wie muss der Code dazu aussehen?
      Habe nur html- und css grundkenntnisse, komme aber an und für sich ganz gut zurecht.

      Viele Grüße
      Steffi
      Hallo Steffi,

      bitte beachte, dass du den Code nicht einfach so kopieren kannst, da das Gästebuch sonst nicht funktionieren wird. Du musst zwingend die Codes wie unter flf-book.de/FLF_Book_Anleitung.pdf dargestellt einbinden.

      Eine Grafik kannst du dann aber ganz normal so einbinden wie auch auf einer normalen Webseite, also mit dem Code <img src="…>. Solltest du weitere Hilfe brauchen, am besten direkt hier den Code veröffentlichen!

      Viele Grüße,
      Fabian Karg

      >>> flf-book.de
      Hallo Fabian,

      ich hoffe, es ist in Ordnung, wenn ich mein Anliegen hier anhänge?

      Ich habe nun folgende zwei Templates erstellt:

      Hier sollen die Einträge angezeigt werden:

      Quellcode

      1. <center><br /><br />
      2. <table width="70%">
      3. <tr>
      4. <td>
      5. <center><img src="images/gaestebuch.png" width="600" height="450" /></center><br/><br/><br/>
      6. </td>
      7. </tr>
      8. </table>
      9. <a href="http://www.flf-book.de/betziswelt.htm"><b>Eintrag
      10. hinzufügen</b></a><br/>
      11. <!-- BEGIN Eintrag -->
      12. <table border="0" cellpadding="0" cellspacing="0" width="70%">
      13. <tr>
      14. <td><div align="left"><script language="javascript">
      15. document.write('<a href="mailto:{Email}"><b>{Name}</b></a>')
      16. </script>
      17. <!-- BEGIN Ifwebseite -->
      18. &nbsp;<a href="http://{Webseite}" target="_blank"><img
      19. src="http://www.flf-book.de/FLFBook/Grafiken/webseite.gif" border="0"
      20. align="absmiddle"></a>
      21. <!-- END Ifwebseite -->
      22. </div>
      23. </td>
      24. <td><div align="right">{Datum}</div></td>
      25. </tr>
      26. <tr><td colspan="2"><hr noshside height="1" color="#000000"></td></tr>
      27. <tr><td colspan="2">
      28. {Nachricht}
      29. <!-- BEGIN Ifkommentar -->
      30. <br/><br/>
      31. <b>Kommentar von {Kommentar_von}:</b><br/>
      32. {Kommentar}
      33. <br/>
      34. <!-- END Ifkommentar -->
      35. <center><img src="images/zwischenbildkatze.png" width="356" height="221" /></center></td></tr>
      36. </table>
      37. <br/><br/><br/>
      38. <!-- END Eintrag -->
      39. <table border="0" width="80%">
      40. <tr>
      41. <td><center>{Navigation}<br/><br/>
      42. Einträge {Eintrag_von} bis {Eintrag_bis} von {Eintrag_gesamt}
      43. </center>
      44. </td>
      45. </tr>
      46. </table>
      47. <br/><br/><br/>{Copyright}
      48. <a href="http://www.flf-book.de/betziswelt.htm"><b>Eintrag
      49. hinzufügen</b></a><br/><br/><br/>
      50. </center>


      und das hier soll die Eintragsseite sein:

      HTML-Quellcode

      1. <html>
      2. <head>
      3. <title>Beispielgästebuch Nr.2</title>
      4. <style>
      5. <!--
      6. body,table,tr,td {
      7. font-family:Verdana, Arial;
      8. font-size:12px;
      9. fontcolor:#
      10. 000000; background-color: #009;
      11. color: #FFF;
      12. }
      13. //-->
      14. </style>
      15. </head>
      16. <body bgcolor="#FFFFFF">
      17. <center>
      18. <h2> Eintrag hinzufügen</h2>
      19. <form method="post"
      20. action="http://www.flf-book.de/betziswelt/eintrag.php?action=write_entry&user=
      21. Bsp1" name="neu" enctype="multipart/form-data">
      22. <table>
      23. <tr>
      24. <td>Name:</td> <td><input type="text" name="name" size="30"></td></tr>
      25. <tr><td>Email Adresse:</td> <td><input type="text" name="e_mail"
      26. size="30"></td></tr>
      27. <tr><td>Homepage:</td> <td><input type="text" name="web_seite"
      28. size="30"></td>
      29. </tr>
      30. </table>
      31. <br/>
      32. Nachricht:<br/>
      33. <textarea name="nachricht" cols="30" rows="9"></textarea><br/><br/>
      34. Bild hochladen: <input size="15" name="Datei" type="file" /><br/><br/>
      35. <input type="submit" value="Abschicken" onFocus="this.blur()">
      36. </form><br/><br/><br/>
      37. </center>
      38. </body>
      39. </html>


      Nun habe ich beide Templates über mein FTP auf meinen Server hochgeladen. Die Seite, auf der die Einträge erscheinen soll, sieht nun so aus: betziswelt.de/web1/gaestebuch.html

      Ist da alles korrekt? Wenn ich auf "Eintrag hinzufügen klicke, bekomme ich eine Fehlermeldung. Kannst du mir sagen, wo hier der Fehler liegt?

      Vielen Dank für deine Hilfe!
      Hallo,

      drei Fehler haben sich eingeschlichen:

      1. Anstatt <a href="http://www.flf-book.de/betziswelt.htm"><b>Eintrag hinzufügen</b> musst du folgenden Code verwenden: <a href="http://www.deinewebseite.de/eintragsseite.htm"><b>Eintrag hinzufügen</b> [link bitte so anpassen, dass er genau auf die Eintrags-URL auf deinem Webspace zeigt]

      2. Anstatt <form method="post" action="http://www.flf-book.de/betziswelt/eintrag.php?action=write_entry&user=Bsp1" name="neu" enctype="multipart/form-data"> folgendes verwenden: "<form method="post" action="http://www.flf-book.de/betziswelt/eintrag.php?action=write_entry&user=betziswelt" name="neu" enctype="multipart/form-data">"

      3. Das erste Dokument (zum Anzeigen der Einträge) muss auf den Server von flf-book.de übertragen werden. Das geht ganz einfach über den Mitgliederbereich.

      Wie sieht es nun aus?

      Viele Grüße,
      Fabain Karg

      >>> flf-book.de
      Die Verlinkung funktioniert jetzt schon mal, d.h. ich komme jetzt auf die Eintragsseite drauf.

      Nun wollte ich testen, ob das Gästebuch auch funktioniert - leider Fehlanzeige.
      Es kommt folgende Fehlermeldung:

      http://www.flf-book.de/betziswelt/eintrag.php?action=write_entry&user=betziswelt


      Der Code der Eintragsseite sieht aktuell wie folgt aus:

      Quellcode

      1. <center><br /><br />
      2. <h2> Eintrag hinzufügen</h2>
      3. <form method="post" action="http://www.flf-book.de/betziswelt/eintrag.php?action=write_entry&user=betziswelt" name="neu" enctype="multipart/form-data">
      4. <table>
      5. <tr>
      6. <td>Name:</td> <td><input type="text" name="name" size="30"></td></tr>
      7. <tr><td>Email Adresse:</td> <td><input type="text" name="e_mail"
      8. size="30"></td></tr>
      9. <tr><td>Homepage:</td> <td><input type="text" name="web_seite"
      10. size="30"></td>
      11. </tr>
      12. </table>
      13. <br/>
      14. Nachricht:<br/>
      15. <textarea name="nachricht" cols="30" rows="9"></textarea><br/><br/>
      16. Bild hochladen: <input size="15" name="Datei" type="file" /><br/><br/>
      17. <input type="submit" value="Abschicken" onFocus="this.blur()">
      18. </form><br/><br/><br/>
      19. </center>


      Stimmt eigentlich auf der ersten Seite, auf der die Gästebucheinträge zu sehen sind, die aktuelle Ansicht mit den komischen Klammern: betziswelt.de/web1/gaestebuch.html

      Danke dir für deine Hilfe. Ich seh schon, wir bekommen das noch hin :)
      hmm, wir sind wieder ein Stück weiter ... jetzt gelange ich - wenn ich auf abschicken klicke - auf folgende Seite: flf-book.de/FLFBook/eintrag.ph…ite_entry&user=betziswelt

      Ist das korrekt? Ich dachte, man käme dann auf die ganz normale Gästebuchseite zurück und sieht seinen Eintrag.
      Das Template gaestebuch.html habe ich im Profil eigentlich hochgeladen und habe auch auf speichern geklickt. ...

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von „betziswelt“ ()

      Ah, jetzt blicke ich bei den ganzen Links endlich durch ;D Also, ändere bitte folgendes in der gaestebuch.html und lade diese dann erneut über den Mitgleiderbereich hoch:

      - Codierung kannst du direkt hier ändern: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Einfach das utf-8 löschen und durch obigen SIo-Code ersetzen.

      - Sämtliche deiner Bilder sind nicht mit ihrem absoluten Pfad eingebunden. Deshalb vor jedes Bild, externes CSS etc. noch folgendes packen: betziswelt.de/web1/ - Nur so kann der Browser die richtigen Bilder finden, die ja auf deinem Server liegen und nicht bei flf-book.de.

      Ich weiß, alles ein wenig verwirrend, aber bald haben wir's :)
      Das ist der Code von gaestebuch.html

      Wo genau muss ich das betziswelt.de/web1 ergänzen?


      HTML-Quellcode

      1. <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Rahmenvorlage.dwt" codeOutsideHTMLIsLocked="false" -->
      2. <head>
      3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      4. <!-- InstanceBeginEditable name="doctitle" -->
      5. <title>Unbenanntes Dokument</title>
      6. <!-- InstanceEndEditable -->
      7. <link href="stylesheets/layout.css" rel="stylesheet" type="text/css" />
      8. <!-- InstanceBeginEditable name="head" -->
      9. <!-- InstanceEndEditable -->
      10. <script LANGUAGE="JavaScript" TYPE="text/javascript">
      11. <!--
      12. if (document.layers){
      13. window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
      14. window.onmousedown=rightclick;
      15. window.onmouseup=rightclick;
      16. function rightclick(e) {
      17. if (e.which == 3) {
      18. // Put right mouse code here
      19. alert('COPYRIGHT!');
      20. return false;
      21. }
      22. else {
      23. return true;
      24. }
      25. }
      26. }
      27. if (document.all){
      28. function click() {
      29. if (event.button==2) {
      30. alert('COPYRIGHT!')
      31. }
      32. if (event.button==3) {
      33. alert('COPYRIGHT!')}
      34. }
      35. document.onmousedown=click
      36. }
      37. // -->
      38. </script>
      39. </head>
      40. <body>
      41. <div id="rahmen1">
      42. <div id="rahmen2">
      43. <div id="rahmen3">
      44. <div class="container">
      45. <div class="header"><img src="images/bannerblaubutton1.jpg" width="1000" height="365" border="0" usemap="#Map" />
      46. <map name="Map" id="Map">
      47. <area shape="rect" coords="4,306,139,360" href="uebermich.html" />
      48. <area shape="rect" coords="142,306,263,359" href="http://betziswelt.de/word" />
      49. <area shape="rect" coords="267,307,383,359" href="betzi.html" />
      50. <area shape="rect" coords="387,308,512,358" href="katzen.html" />
      51. <area shape="rect" coords="535,309,728,359" href="regenbogenbruecke.html" />
      52. <area shape="rect" coords="732,308,882,359" href="gaestebuch.html" />
      53. <area shape="rect" coords="886,309,996,358" href="links.html" />
      54. <area shape="rect" coords="3,3,998,300" href="index.html" />
      55. </map>
      56. <!-- end .header --></div>
      57. <div class="sidebar1">
      58. <!-- end .sidebar1 --></div>
      59. <div class="content"><!-- InstanceBeginEditable name="Hauptinhalt" -->
      60. <center><br /><br />
      61. <table width="70%">
      62. <tr>
      63. <td>
      64. <center><img src="images/gaestebuch.png" width="600" height="450" /></center><br/><br/><br/>
      65. </td>
      66. </tr>
      67. </table>
      68. <a href="http://www.betziswelt.de/web1/gaestebucheintragen.html"><b>Eintrag hinzufügen</b></a><br/>
      69. <!-- BEGIN Eintrag -->
      70. <table border="0" cellpadding="0" cellspacing="0" width="70%">
      71. <tr>
      72. <td><div align="left"><script language="javascript">
      73. document.write('<a href="mailto:{Email}"><b>{Name}</b></a>')
      74. </script>
      75. <!-- BEGIN Ifwebseite -->
      76. &nbsp;<a href="http://{Webseite}" target="_blank"><img
      77. src="http://www.flf-book.de/FLFBook/Grafiken/webseite.gif" border="0"
      78. align="absmiddle"></a>
      79. <!-- END Ifwebseite -->
      80. </div>
      81. </td>
      82. <td><div align="right">{Datum}</div></td>
      83. </tr>
      84. <tr><td colspan="2"><hr noshside height="1" color="#000000"></td></tr>
      85. <tr><td colspan="2">
      86. {Nachricht}
      87. <!-- BEGIN Ifkommentar -->
      88. <br/><br/>
      89. <b>Kommentar von {Kommentar_von}:</b><br/>
      90. {Kommentar}
      91. <br/>
      92. <!-- END Ifkommentar -->
      93. <center><img src="images/zwischenbildkatze.png" width="356" height="221" /></center></td></tr>
      94. </table>
      95. <br/><br/><br/>
      96. <!-- END Eintrag -->
      97. <table border="0" width="80%">
      98. <tr>
      99. <td><center>{Navigation}<br/><br/>
      100. Einträge {Eintrag_von} bis {Eintrag_bis} von {Eintrag_gesamt}
      101. </center>
      102. </td>
      103. </tr>
      104. </table>
      105. <br/><br/><br/>{Copyright}<br /><br />
      106. <a href="http://www.betziswelt.de/web1/gaestebucheintragen.html"><b>Eintrag hinzufügen</b></a><br/><br/><br/>
      107. </center>
      108. <!-- InstanceEndEditable -->
      109. <!-- end .content --></div>
      110. <div class="footer">
      111. <p><center>© by Stephanie Faßbender • <a href="impressum.html">Impressum </a>• <a href="kontakt.html">Kontakt </a>• <a href="index.html">Home </a>
      112. </center>
      113. </p>
      114. <!-- end .footer --></div>
      115. <!-- end .container --></div>
      116. </div>
      117. </div>
      118. </div>
      119. </body>
      120. <!-- InstanceEnd --></html>
      Habe es dir direkt mal ergänzt :)

      PHP-Quellcode

      1. <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Rahmenvorlage.dwt" codeOutsideHTMLIsLocked="false" -->
      2. <head>
      3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      4. <!-- InstanceBeginEditable name="doctitle" -->
      5. <title>Unbenanntes Dokument</title>
      6. <!-- InstanceEndEditable -->
      7. <link href="http://www.betziswelt.de/web1/stylesheets/layout.css" rel="stylesheet" type="text/css" />
      8. <!-- InstanceBeginEditable name="head" -->
      9. <!-- InstanceEndEditable -->
      10. <script LANGUAGE="JavaScript" TYPE="text/javascript">
      11. <!--
      12. if (document.layers){
      13. window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
      14. window.onmousedown=rightclick;
      15. window.onmouseup=rightclick;
      16. function rightclick(e) {
      17. if (e.which == 3) {
      18. // Put right mouse code here
      19. alert('COPYRIGHT!');
      20. return false;
      21. }
      22. else {
      23. return true;
      24. }
      25. }
      26. }
      27. if (document.all){
      28. function click() {
      29. if (event.button==2) {
      30. alert('COPYRIGHT!')
      31. }
      32. if (event.button==3) {
      33. alert('COPYRIGHT!')}
      34. }
      35. document.onmousedown=click
      36. }
      37. // -->
      38. </script>
      39. </head>
      40. <body>
      41. <div id="rahmen1">
      42. <div id="rahmen2">
      43. <div id="rahmen3">
      44. <div class="container">
      45. <div class="header"><img src="http://www.betziswelt.de/web1/images/bannerblaubutton1.jpg" width="1000" height="365" border="0" usemap="#Map" />
      46. <map name="Map" id="Map">
      47. <area shape="rect" coords="4,306,139,360" href="uebermich.html" />
      48. <area shape="rect" coords="142,306,263,359" href="http://betziswelt.de/word" />
      49. <area shape="rect" coords="267,307,383,359" href="betzi.html" />
      50. <area shape="rect" coords="387,308,512,358" href="katzen.html" />
      51. <area shape="rect" coords="535,309,728,359" href="regenbogenbruecke.html" />
      52. <area shape="rect" coords="732,308,882,359" href="gaestebuch.html" />
      53. <area shape="rect" coords="886,309,996,358" href="links.html" />
      54. <area shape="rect" coords="3,3,998,300" href="index.html" />
      55. </map>
      56. <!-- end .header --></div>
      57. <div class="sidebar1">
      58. <!-- end .sidebar1 --></div>
      59. <div class="content"><!-- InstanceBeginEditable name="Hauptinhalt" -->
      60. <center><br /><br />
      61. <table width="70%">
      62. <tr>
      63. <td>
      64. <center><img src="http://www.betziswelt.de/web1/images/gaestebuch.png" width="600" height="450" /></center><br/><br/><br/>
      65. </td>
      66. </tr>
      67. </table>
      68. <a href="http://www.betziswelt.de/web1/gaestebucheintragen.html"><b>Eintrag hinzufügen</b></a><br/>
      69. <!-- BEGIN Eintrag -->
      70. <table border="0" cellpadding="0" cellspacing="0" width="70%">
      71. <tr>
      72. <td><div align="left"><script language="javascript">
      73. document.write('<a href="mailto:{Email}"><b>{Name}</b></a>')
      74. </script>
      75. <!-- BEGIN Ifwebseite -->
      76. &nbsp;<a href="http://{Webseite}" target="_blank"><img
      77. src="http://www.flf-book.de/FLFBook/Grafiken/webseite.gif" border="0"
      78. align="absmiddle"></a>
      79. <!-- END Ifwebseite -->
      80. </div>
      81. </td>
      82. <td><div align="right">{Datum}</div></td>
      83. </tr>
      84. <tr><td colspan="2"><hr noshside height="1" color="#000000"></td></tr>
      85. <tr><td colspan="2">
      86. {Nachricht}
      87. <!-- BEGIN Ifkommentar -->
      88. <br/><br/>
      89. <b>Kommentar von {Kommentar_von}:</b><br/>
      90. {Kommentar}
      91. <br/>
      92. <!-- END Ifkommentar -->
      93. <center><img src="http://www.betziswelt.de/web1/images/zwischenbildkatze.png" width="356" height="221" /></center></td></tr>
      94. </table>
      95. <br/><br/><br/>
      96. <!-- END Eintrag -->
      97. <table border="0" width="80%">
      98. <tr>
      99. <td><center>{Navigation}<br/><br/>
      100. Einträge {Eintrag_von} bis {Eintrag_bis} von {Eintrag_gesamt}
      101. </center>
      102. </td>
      103. </tr>
      104. </table>
      105. <br/><br/><br/>{Copyright}<br /><br />
      106. <a href="http://www.betziswelt.de/web1/gaestebucheintragen.html"><b>Eintrag hinzufügen</b></a><br/><br/><br/>
      107. </center>
      108. <!-- InstanceEndEditable -->
      109. <!-- end .content --></div>
      110. <div class="footer">
      111. <p><center>© by Stephanie Faßbender • <a href="impressum.html">Impressum </a>• <a href="kontakt.html">Kontakt </a>• <a href="index.html">Home </a>
      112. </center>
      113. </p>
      114. <!-- end .footer --></div>
      115. <!-- end .container --></div>
      116. </div>
      117. </div>
      118. </div>
      119. </body>
      120. <!-- InstanceEnd --></html>


      Wie sieht's nach dem Upload aus?
      1. Das mit den Umlauten habe ich schon geändert, sollte also passen. Auf der Eintraggseite musst du es aber noch anpassen, siehe meinen vorigen Post: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

      2. Einfach im Adminbereich unter "Allgemein > Sprache > Deutsch ohne Sprachnachrichten" auswählen, dann verschwindet der Text!