Design Clean
    >> Tipps zum anpassen

Gästebuch anpassen

Das Gästebuch anpassen


So kann es dann aussehen: Grafiken anklicken für Große Ansicht.

Screen vom Formular Screen von Gästebucheintrag


Einstellungen

Schritt 1: Einstellungen im Gästebuch

- auf "Extras editieren"
- das Extra "Gästebuch" auswählen

- "Hintergrundfarbe Einträge" auf Standard
- "Farbe Eintrags-Text" auf Standard
- "Hintergrundfarbe Textfeld" auf Standard
- "Text in Eingabefeld" auf Standard

- auf "Erweiterte Einstellungen anzeigen"
- Breite 190 Pixel wählen
- siehe Beispielgrafik links
- und speichern

Die Einstellungen auf Standard, weil
CSS-Code (mit Farben) sonst nicht geht.




Schritt 2: CSS-Code für Gästebuch

Einfügen im Feld "Text vor dem Gästebuch"

<style type="text/css">
<!--

/* Formularfeld */
form {
  border: 1px solid #B6B6B6;
  border-radius: 10px;
  padding: 30px 0px 30px 30px;
  margin-top: -25px;
  background-color: #xxxxxx;
  background-image:  none;
  background-repeat: no-repeat;
 }

/* Tabellenspalten im Formular */
form td {
  width: 270px;
  padding: 5px;
}

/* Eingabefelder */
input, textarea {
  border: 1px solid #B6B6B6;
  border-radius: 3px;
}

/* Absende-Button */
input[type="submit"] {
  margin-left: 190px;
  margin-top: -50px;
}

/* Smileys im Formular */
form img {
  float: left;
  margin-left: 3px;
}

/* Feld mit Blätterfunktion */
table[width="100%"] {
  padding-left: 30px;
  margin-top: 20px;
}

/* komplettes Eintragsfeld */
table[width="80%"] {
  font-size: 13px !important;
  padding: 25px;
  margin: 20px auto;
  background-color: #xxxxxx;
  background-image:  none;
  border: 1px solid #C9C9C9;
  width: 97% ! important;
}

/* Trenn-Linien entfernt */
hr {display: none;}


/* Dein Gästebuch-Kommentar */
.Kommentar{
  background-color: #ffffcf;
  font-size: 13px;
  color: black;
  overflow: hidden;
  margin: 15px 0px 15px 0px;
  padding: 10px;
  border: 1px dotted #c9c9c9;
}
-->
</style>



Gästebucheinträge kommentieren:

- auf "Extras editieren"
- Gästebuch auswählen
- nun auf "Eintrag bearbeiten"
- wähle einen Eintrag aus
- und schreibe deinen Kommentar in einem DIV mit der Klasse "Kommentar"

<div class="Kommentar"> Hier deine Antwort </div>



Hier wurde die Seite https://clean-test.de.tl/nix.htm eingebunden.

- die Seite wurde in der Navi versteckt
- nur auf der Seite wurden alle div + table entfernt
- im Feld "Text UNTER Design" wurde dieser Inhalt eingefügt
- Inhalt wurde nur für diese eine Seite sichtbar gemacht
- so lässt sich auch eine Seite in der Mediabox aufrufen

Man muss darauf achten, das die Seite hier nur soviel Inhalt bekommt, wie diese Box auch an Höhe hat.

Wer mehr Infos dazu benötigt: Kontakt
clean-test.de.tl: Heute :7 Aufrufe



Auf "autostart" habe ich verzichtet. Klicke Play im Player.

nach Oben