Statische Seiten - Textränder

[B.E.A.]

Ich wollte den Blog für ein Portfolio einsetzten und nutze eine "Statische Seite" als Startseite. Dort ist es ok, das der Text recht knapp am Rand einsetzt, weil ich in einer dreispaltigen Tabelle mit Bildern und wenig Text arbeite. Für die folgenden "Statischen Seite" auf denen etwas mehr Text steht, fände ich es aber schöner, wenn zwischen Text und Blogrand deutlich mehr Platz wäre. Hat jemand eine Lösung und wenn ja bitte wie.

Vielen Dank für eure Hilfe.

[yellowled]

Hat jemand eine Lösung und wenn ja bitte wie.

Dürfte nicht so schwer sein, aber gib mal bitte eine konkrete URL zum Blog, damit man das mal live austesten kann.

YL

[B.E.A.]

Ich habe dir das Prinzip mal in einen Testblog kopiert, wie ich mir das überlegt habe.
Startseite des Portfolio wäre eine 3-spaltige statische Seite, wobei ich noch nicht hinter das Geheimnis gekommen bin, wieso der Text in den Spalten nicht oben anfängt und das Bild nicht ganz exakt bündig mit dem Text sitzt.

http://www.bitte-einmal-anders.de/testblog/

Eine Textseite als Ergänzung könnte dann so aussehen, wobei ich hier jetzt mittig gesetzt habe, fände ich aber schöner, wenn es im Blogsatz stünde. Hier soll halt der Text nicht so nah am Rand anfangen wie auf der Startseite.

http://www.bitte-einmal-anders.de/testb ... l-bea.html

[yellowled]

Startseite des Portfolio wäre eine 3-spaltige statische Seite, wobei ich noch nicht hinter das Geheimnis gekommen bin, wieso der Text in den Spalten nicht oben anfängt und das Bild nicht ganz exakt bündig mit dem Text sitzt.

Code: Select all

th, td {
    vertical-align: top;
}

ins CSS packen. (Oder eben keine Tabellen verwenden.)

Eine Textseite als Ergänzung könnte dann so aussehen, wobei ich hier jetzt mittig gesetzt habe, fände ich aber schöner, wenn es im Blogsatz stünde. Hier soll halt der Text nicht so nah am Rand anfangen wie auf der Startseite.

Die Seite verlangt nach einer Authentifizierung, so kann ich dazu wenig sagen.

Grundsätzlich ist das Problem recht simpel zu lösen: Du vergibst einen grundsätzlichen Rand für alle statischen Seiten (also so, wie es auf allen Seiten ≠ Startseite sein soll) und überschreibst diesen dann anhand der id der Startseite. Momentan geschieht das über margin, Du solltest also mit sowas hier in der user.css dahin kommen, wo Du hin willst.

Code: Select all

.serendipity_staticpage {
    margin: 0.5em 4em;
}

#staticpage_Portfolio {
    margin: 0.5em 1em;
}

Das sind jetzt natürlich nur Beispielwerte, die tatsächlichen Abstände musst Du eben selbst herausfinden. Wichtig ist nur, dass Du

* den obigen Code in die user.css schreibst
* die Reihenfolge im obigen Code nicht änderst
* sich die id der statischen Startseite nicht ändert

YL

[B.E.A.]

Jetzt müsste es gehen mit dem Webseiten. Es waren Verlinkungen drin, die auf ein geschütztes Verzeichnis hinwiesen. Mein Fehler

Ich habe ja die user.css nicht genommen, sondern das purpel_style.css in ich-purpel_Style.css umbenannt. Kann ich das auch nehmen?

Scheint so weit jetzt zu funktionieren, bis auf das Bild das nicht bündig mit dem Text sitzt.

Hast du dafür auch noch eine Idee?

[yellowled]

Ich habe ja die user.css nicht genommen, sondern das purpel_style.css in ich-purpel_Style.css umbenannt. Kann ich das auch nehmen?

Im Prinzip ja, aber dann setze die genannten neuen Styles am besten ans Ende der CSS-Datei.

Scheint so weit jetzt zu funktionieren, bis auf das Bild das nicht bündig mit dem Text sitzt.

Das ist schwierig, weil Du technisch gesehen zwei Bilder im Text hast. Du müsstest also einem (ich weiß nicht genau, welches Du meinst) eine individuelle Klasse zuweisen und auf diese Klasse zusätzlichen margin-top vergeben.

YL

[B.E.A.]

Ich hab dir mal ein Bild gemacht was ich meine...http://www.bitte-einmal-anders.de/s9y-f ... tfolio.jpg

[yellowled]

Ich hab dir mal ein Bild gemacht was ich meine...http://www.bitte-einmal-anders.de/s9y-f ... tfolio.jpg

Code: Select all

.serendipity_image_center {
   padding: 0;
}

YL

[B.E.A.]

Folgendes ist jetzt passiert. Ich habe das alles im Testblog wunderbar hin bekommen. Nahm die veränderte ich_purpel_style.css und kopierte es in mein geschütztes Verzeichnis und dann nimmt er die

Code: Select all

.serendipity_staticpage {
    margin: 0.5em 4em;
}

#staticpage_Portfolio {
    margin: 0.5em 1em;
}

nicht mehr so, das #staticpage_Portfolio margin: 0.5em 1em; hat, sondern nimmt den Abstand wie für alle. Hast du eine Idee woran das liegen könnte?

[B.E.A.]

Habe mal eine Installationsprüfung gemacht und folgende Meldung erhalten.

bundled-libs/Smarty/libs/sysplugins/smarty_internal_templatebase.php beschädigt oder verändert: Überprüfung fehlgeschlagen [?]

Ich habe ja eine Shared-Version... kann es damit zu tun haben?

Mein Testblog läuft nämlich nicht über die Shared-Version.

[yellowled]

Nahm die veränderte ich_purpel_style.css und kopierte es in mein geschütztes Verzeichnis und dann nimmt er die nicht mehr so, das #staticpage_Portfolio margin: 0.5em 1em; hat, sondern nimmt den Abstand wie für alle. Hast du eine Idee woran das liegen könnte?

Ich könnte mir vorstellen, dass Du der statischen Startseite im anderen Blog einen anderen pagetitle gegeben hast, wodurch die dort eine andere id hat. Ansonsten schwer zu sagen ohne URL.

Mit der shared installation sollte das nichts zu tun haben, wir machen ja nur CSS-Zeugs. Disclaimer: Ich kenne mich null aus mit shared installations.

YL

[B.E.A.]

Ich schreib dir eine PN für das geschützte Verzeichnis

http://www.bitte-einmal-anders.de/das-b ... _admin.php

[yellowled]

Ich schreib dir eine PN für das geschützte Verzeichnis

Wie vermutet: Die statische Startseite hat eine andere id.

Im Testblog war es #staticpage_Portfolio, in Deiner geschützten Installation ist es #staticpage_Portfolio-Beate-Eierle. Das musst Du natürlich im CSS entsprechend anpassen. Deswegen hatte ich darauf verwiesen, dass

sich die id der statischen Startseite nicht ändert

YL

[B.E.A.]

Erst einmal herzlichen Dank für deine Hilfe. Ich würde es trotzdem gerne verstehen, denn der Permalink lautet für die statische Seite so.

/das-bin-ich/index.php?/pages/portfolio.html

Wonach richtet sich die ID? Nach der URL-Titel der Seite die lautet nämlich Portfolio - Beate Eierle

Noch kapiere ich das nicht.

[yellowled]

Wonach richtet sich die ID? Nach der URL-Titel der Seite die lautet nämlich Portfolio - Beate Eierle

Dafür guckt man in die entsprechende Template-Datei in Bulletproof – plugin_staticpage.tpl. Dort findet man:

Code: Select all

<div id="staticpage_{$staticpage_pagetitle|@makeFilename}" class="serendipity_Entry_Date serendipity_staticpage">

Das bedeutet: Die id einer statischen Seite (Genauer: Die des Container-divs des Inhaltes einer statischen Seite) wird aus $staticpage_pagetitle erzeugt (@makeFilename ist ein Modifikator, der Sonderzeichen aus der Variablen entfernt, die in HTML-ids ungültig wäre, z.B. Umlaute). Also: Ja, die id wird aus dem Seitentitel erzeugt.

YL