Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag19.12.2011 um 15:21 (UTC)    
Titel: Gästebucher im Baukasten gestalten

Gästebücher im Baukasten gestalten

- Formular oben mit Rahmen
- das Nachrichtenfeld im Formular
- der Absende-Button mit sauberen Abständen
- die Gästbucheinträge mit Rahmen und Abständen
- die Trennlinien zwischen den Einträgen entfernen
- die "Zurück und Weiter" Linktexte (Blätterfunktion) gestalten
- Demo / Beispiel http://fernsprechzelle.de.tl/G.ae.stebuch.htm

Beispiel für Formular und Einträge:




Code einfügen im Gästebuch

- auf "Extras editieren"
- wähle dort das Gästebuch aus
- folgenden CSS-Code einfügen im Feld "Text vor dem Gästebuch"

Zitat:

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


div table[width="100%"] {margin: 0 auto; }

/* Formular oben */
form {
width: 80%;
padding: 10px;
margin-bottom: 10px;
color: #000000;
background-color: #EEEEEE;
background-image: url(Grafikadresse);
border: 1px solid #c9c9c9;
border-radius: 8px;
overflow:hidden; }

/* Nachrichten-Feld */
#kommentartext {
background-color: #xxxxxx;
background-image: url(Grafikadresse);
height: 40px!important;
margin: 5px 0px 10px 0px; }

/* Absende-Button mit Abstand */
input[type="submit"] {margin: 10px 0px 10px 0px;}

/* Blätter-Funktion mit Abstand
td[width="33%"] { padding: 10px 0px 20px 0px;}

/* EINTRÄGE IM GÄSTEBUCH */
div table[width="80%"] {
margin: auto;
padding: 20px;
color: #000000;
background-color: #EEEEEE;
background-image: url(Grafikadresse);
border: 1px solid #c9c9c9;
border-radius: 8px; }

/* Trennlinien unsichtbar, mit Abstand */
hr {
visibility: hidden;
margin: 20px 0px 20px 0px; }

/* Deine Kommentare */
.admin {
width: 96%;
padding: 10px;
margin-top: 15px;
color: #000000;
background-color: #FFFFB2;
font-size: 12px;
border: 1px solid #b9b9b9;
border-radius: 8px; }

-->
</style>



color: = bekommt gewünschte Textfarbe
background-color: = hier kannst du gewünschte Hintergrundfarbe angeben
background-image: url(Grafikadresse); = hier kannst du ein Hintergrundbild einfügen
border: = hier kannst du Rahmenstärke und Rahmenfarbe anpassen
border-radius: = abgerundete Ecken (sehen alle CSS3-fähigen Browser)



Deine Gästebuch-Kommentare
Gästebucheinträge kommentierst du dann immer so :

- auf "Extras editieren"
- Gästebuch auswählen
- klicke nun auf "Eintrag bearbeiten"
- du siehst nun alle Einträge mit Usernamen
- klicke einen Beitrag an
- deinen Kommentar schreibst du in das Feld "Kommentar" so:

Zitat:

<div class="admin">Hier dein Kommentar</div>


Das Aussehen deines Kommentarfeldes kannst du im ersten Code ändern.
Siehe dort die Codezeile .admin { ...



Breite der Eingabefelder einstellen

- auf "Extras editieren"
- Gästebuch auswählen
- nun ist das Gästebuch zum bearbeiten offen
- auf den gelben Button "Erweiterte Einstellungen anzeigen"
- dort ist dann auch das Feld "Breite der Eingabefelder"



Die Blätterfunktion "Zurück" und "Weiter"

Beschreibung findet Ihr hier : http://www.homepage-baukasten.de/forum/viewtopic.php?t=132654


Gästebuch Avatare deaktivieren

- auf "Einstellungen"
- scrolle runter zu den "Profi-Einstellungen"
- Haken rein im Feld "Usern NICHT das posten in Gästebüchern erleichtern"
- speichern
- nun sehen die Eingabefelder im Gästebuch einheitlich aus


Und wie die Umfragen im Baukasten angepasst werden können
erfahrt ihr hier : http://www.homepage-baukasten.de/forum/viewtopic.php?p=749806


.
Gruß Wolle


Zuletzt bearbeitet von find-templates am 02.12.2012, 01:18, insgesamt 11-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de