Layoutgestaltung des Guestbook-Plugins

[Kai]

Hallo!

Hab ein PRoblem: Bin gerade beim einrichten eines Gästebuchs für meine HP.
Der Bereich, in dem man seinen namen, eMail Addy, URL und die eigentliche Nachricht eintragen kann, ist aber sehr stark rechts eingerückt und von einem blauen kästchen hinterlegt (sieht fast so aus, als wären es 2, die sich überschneiden...)
Meine Frage: Wie / wo kann ich die Farbe des blauen Hintergrunds ändern, bzw. wo bekomme ich das weg? Außerdem: Wie kriege ich es hin, dass der Eintrag-Bereich links eingerückt wird, wie die Einträge oben auch?

Das Gästebuch, um das es geht findet ihr unter

http://www.twilight-band.de/pages/book.html

Kai

[yellowled]

(sieht fast so aus, als wären es 2, die sich überschneiden...)

Das sieht nicht nur so aus, das ist so. Die Frage ist: Woran liegt das? Ich wette, dass sich die optischen Probleme von selbst lösen, wenn man diese Frage klärt.

Möglichkeit Nr. 1 wäre - sehr ins Blaue gedacht -, dass Du evtl. das betreffende Plugin doppelt installiert hast ..? Ansonsten ... hm.

Bug im Guestbook-Plugin? Fehler in den dazugehörigen .tpl-Dateien?

Aus irgendeinem Grund wird der Container serendipityCommentForm auf der Gästebuchseite doppelt ausgegeben - leider kenne ich mich mit dem besagten Plugin null aus, insofern ... *hilfesuchendumschau*

YL

[Timbalu]

Hi

Entweder du änderst das plugin_guestbook_form.tpl
und nimm das erste oder zweite <div class="serendipityCommentForm"> sowie das zugehörige End-</div> heraus.
Die Farben definieren sich aus einer serendipity zugehörigen css Klasse.

Code: Select all

.serendipityCommentForm {
    font-size: 13px;
    color: #4C4C4C;
    margin: 0 10px 15px 40px;
    padding:10px;
    width:425px;
    background: #E2EDF0 url(templates/twilight-v2/img/01_mountaintop.gif) top no-repeat;
}

Änderst du sie folgendermaßen,

Code: Select all

.serendipityCommentForm {
    font-size: 13px;
    color: #4C4C4C;    
}

so sind deine Probleme im Gästebuch ohne weitere Änderungen in der tpl verschwunden. Da dies aber auch Auswirkungen auf auf die Entries Kommentare hat mußt du selbst ein wenig herumspielen.

Ian

[Kai]

So, danke erstmal für die Hilfe - hab auch schon viel davon umsetzen können

Meine Frage wäre jetzt trotzdem noch, wie ich den hellblauen Hintergrund-Bereich farblich ändern, rechts verbreitern und weiter nach links rücken kann?!

Ach ja: Und falls jemand außerdem weiß, wie ich die Überschrift "Guestbook" über die Entries bekomme, wär ich rundum glücklich

Gruß, Kai

[Anitram]

Suche in deiner CSS mal nach "Background-Color" und nach den Padding-Einstellungen. Damit müsstest du das in den Griff bekommen und zwar in der erendipityCommentForm. Darin wird sich wohl die hellblaue Einstellung verstecken.

[Kai]

Hi - hab schon alles probiert - poste euch hier mal die Stlye css....

vielleicht findet ihr ja den Fehler:


#entry_paging {
border: 1px solid #666;
border-bottom: 0;
margin: 0;
padding: 0;
padding-bottom: 10px;
background-color: #FFFFFF;
text-align: center;
}

#showentry_bundle {
border: 1px solid #666;
margin: 0;
padding: 0;
background-color: #FFFFFF;
text-align: left;
-moz-border-radius: .0em 0 1em 1em;
}

.serendipity_commentDirection {
text-align:justify;
}

.captcha {
border:1px solid #777;
}

.guestbook_msg {
text-align: center;
padding: 10px;
border: 1px solid #999;
background-color: #FFFFFF;
}

.guestbook_bg {
padding: 6px;
border: 1px solid #333;
background: #bababa;
}

.guestbook_entrytop {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #800040;
font-weight: 500;
text-align: left;
padding: 4px;
/*background-color: #ccc;
background: #ddd;*/
white-space:nowrap;
}

.guestbook_entrytop a,
.guestbook_entrytop a:link,
.guestbook_entrytop a:visited,
.guestbook_entrytop a:hoover,
.guestbook_entrytop a:active,
.guestbook_entrytop a:focus {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
}

.guestbook_entrytop A {
/*color: #FFFFFF;*/
}

.guestbook_admin {
text-align: right;
}

.guestbook_admin_text {
text-align: right;
padding-right: 10px;
}

.guestbook_admin_text_dim {
color: #777;
text-decoration: none;
}

td.guestbook_adminbutton {
text-align: right;
vertical-align: top;
}

.guestbook_entrybottom {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 11px;
font-weight: 500;
text-align: left;
padding: 4px;
background: #e1e5de;
border-top: 1px solid #996;
border-bottom: 1px solid #996;
margin-bottom: 6px;
}

.guestbook_splitentries {
clear: both;
background-color: #e1e5de;
}

.guestbook_error_bundled {
width: auto;
border: 1px dashed #FF3300;
-moz-border-radius: .0em 0 1em 1em;
}

.guestbook_errors {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 11px;
font-weight: 600;
text-align: left;
color: #800040;
}

.guestbook_input {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 11px;
border: 1px solid #333;
text-align: left;
padding: 2px;
background-color: #bbb;
}

.guestbook_made {
padding: 10px;
border: 1px solid #999;
background-color: #F0F0F0;
}

.guestbook_reiter {
font-weight: 500;
text-align: center;
font-size: 10px;
}

a:link.serendipityPrettyButton,
a:visited.serendipityPrettyButton,
a:hover.serendipityPrettyButton {
text-decoration: none;
color: #1D2E3F;
}

.serendipityPrettyButton {
padding: 1px;
/* see inside guestbook plugin while we need the template path */
/*background: #80B0DA url(./button_background.png) repeat-x top;*/
color: #1D2E3F;
font-weight: bold;
font-size: 0.9em;
border: 1px outset #000;
margin: 2px;
}

/* Special class if the button is a <a> tag */
a.serendipityPrettyButton {
padding: 2px 4px 2px 4px;
cursor: pointer;
/* see inside guestbook plugin while we need the template path */
/*background-image: url(./button_background.png);
background-repeat: repeat-x;
background-position: top;*/
}

[Anitram]

Wenn ich es richtig erkennen kann, dann handelt es sich um diesen Farbcode, den du suchst: #E2EDF0

Schau mal, wo du ihn im css noch findest und kommentier ihn mal aus.

[Timbalu]

Nochmal: Es handelt sich dabei nicht um das Gästebuch css, sondern um dein style.css aus deinem Template! Alles weitere siehe oben.

Ian

[Kai]

Achja - hab jetzt auch gefunden, was du meinst und es funktioniert!! Tausend Dank!

Letzte Frage: Wie bekomme ich die Überschrift "Guestbook" vor / über die Entries und wie einen perma-link oben in die Navi-Leiste?

PS: Hab die Homepage-Einrichtung von unserem ehemaligen Webdesigner übernommen... deshalb meine komischen / einfachen Fragen zu einer doch sehr fortgeschrittenen Page...

[Timbalu]

Hallo Kai

Ja der hat auch einiges geändert....

Zu 1:
Setze die + Zeile in die function generate_Page() und entferne das +

Code: Select all

            echo '<div class="serendipity_Entry_Date">';
            echo "\n";

+          echo '<h4 class="serendipity_title"><a href="#">' . $this->get_config('headline') . '</a></h4>';

            echo '<div class="serendipity_entry">' . "\n" .
                '<div class="serendipity_entry_body">' . "\n\n";

..., entferne das nächste Vorkommen dieser Zeile (das müßte jene über der Form sein). Eine Dritte steht wohl noch weiter unten.

Zu 2:
Mit Navi-Leiste meinst du wahrscheinlich deinen Template Header...?
Antwort: Wahrscheinlich eher gar nicht, solltest du nicht über das gleiche Web-Programm wie dein ehemaliger Designer verfügen. Bearbeiten müßte man die Datei index.tpl in deinem eigenen Template Verzeichnis.
Deine Header Navigation arbeitet mit Koordinaten, die man u.a. nur eher schwierig erraten kann.

Die wohl einfachste Lösung wäre einen hardlink in die Seitenleiste zu setzen. Suche in der index.tpl nach <div id="serendipityRightSideBar">, wähle die richtige Stelle und dann füge ein

Code: Select all

<a href="/pages/book.html">guestbook</a>

Ian

[Kai]

Hi!

Super - das hat ja schonmal klasse gefunzt. Gefällt mir richtig gut
Vielen Dank nochmal.

Du weißt nicht zufälligerweise auch, ob es ein Plugin gibt, dass es einem erlaubt ein Thumbnail in der rechten Sidebar mit Übrschrift zu platzieren?!

[Timbalu]

klar, auch das
suche html nugget

Ian

[Kai]

Wow -

Also du bekommst für mich den Berater-Status 1!

Echt praktisch geholfen und die letzte Antwort war ja binnen weniger Minuten da.
So müsste mal der Austausch mit unserem Webdesigner funktionieren!

[ZZ80]

Tach zusammen....
also ich setze mich jetzt erst seit heute morgen mit PHP, css und serendipity auseinander und bin auf das gleich Problem gestoßen, das hier wohl schon einmal gelöst wurde.
Im Gästebuch-Plugin ist die Schrift weiß und der Hintergrund sehr helles grau.
Ich habe also das gemacht, was oben steht. Ich habe die style.css des Templates, das ich verwende, geöffnet und diese Stelle gesucht:

.serendipity_commentForm {

font-size:x-small;

color: #ffffff;

margin-bottom: 13px;

margin-right: 10px;

margin-left: 10px;

background-color: #ffffff ;

Das ändern der Farben oder auskommentieren bringt allerdings keinerlei Änderung der Farben im Gästebuch und auch sonst sind mir keine Änderungen aufgefallen.
Langsam frustriert mich das Ganze.

[garvinhicking]

Hi!

Möglicherweise speichert dein Brwoser das alte CSS noch zwischen. Lösche mal den Browsercache, damit das neue CSS eingelesen werden kann?

Grüße,
Garvin