Serendipity Forums

Posted: **Wed Oct 29, 2008 6:24 pm**

Hallo,

nachdem ich nun den ganzen Tag probiert habe und nicht weiterkomme, möchte ich diese Frage hier stellen.

Wie kann ich im CSS-Style Einfluss auf die Gestaltung meiner statischen Seiten nehmen.

Das steht im Quelltext

Code: Select all

<div id="staticpage_XXL-Mode-Design" class="serendipity_Entry_Date serendipity_staticpage">
    <h3 class="serendipity_date"></h3>

    <h4 class="serendipity_title"><a href="#"></a></h4>


    <div class="serendipity_entry">
        <div class="serendipity_entry_body">

        <div class="staticpage_precontent"><br />
</div>

                <div class="staticpage_content"><br />
<div align="center">

Ich habe also zur Auswahl

Code: Select all

<div id="staticpage_XXL-Mode-Design" class="serendipity_Entry_Date serendipity_staticpage">
<div class="staticpage_precontent">
<div class="staticpage_content">

So wird jede statische Seite blau

Code: Select all

.staticpage_content { 
 background: #092993; /* Hintergrund */
 }

Ich möchte aber nur zwei haben die so sein sollen und andere sollen eine andere Farbe und Schriften bekommen . Ich würde gerne einmal das Prinzip verstehen. Gibt es irgendwo eine Anleitung zum Bulletproof Theme? Oder vielleicht einen hübschen Screenshort aller Verschachtelungen? Ja ich weiß, ein bescheidener Wunsch, doch er würde mir als Nicht-CSS-Profi helfen dieses System zu kapieren.

LG Bea

Posted: **Thu Oct 30, 2008 12:58 am**

B.E.A. wrote:Ich habe also zur Auswahl
Code: Select all
<div id="staticpage_XXL-Mode-Design" class="serendipity_Entry_Date serendipity_staticpage">
<div class="staticpage_precontent">
<div class="staticpage_content">
So wird jede statische Seite blau
Code: Select all
.staticpage_content { 
 background: #092993; /* Hintergrund */
 } 
Ich möchte aber nur zwei haben die so sein sollen und andere sollen eine andere Farbe und Schriften bekommen .

Code: Select all

#staticpage_XXL-Mode-Design .staticpage_content {
 background: #092993; /* Hintergrund */
}

Analog dazu die zweite statische Seite über deren id. Eine id identifiziert immer ein Element eindeutig (es sei denn, der Code ist schlampig).

B.E.A. wrote:Ich würde gerne einmal das Prinzip verstehen. Gibt es irgendwo eine Anleitung zum Bulletproof Theme?

Ich muss es leider mal direkt sagen: Da brauchst Du keine Anleitung zu Bulletproof, sondern eine CSS-Anleitung. Self-HTML oder ein gutes CSS-Buch. Das hat wenig bis nichts mit Bulletproof zu tun, das ist elementares CSS-Wissen. Zugegeben, man muss sich auch ein wenig in den BP-Code einlesen, aber im Wesentlichen ist das CSS-Verständnis: Was sind ids, was sind classes, wie funktioniert die Cascade etc. pp.

YL

Posted: **Thu Oct 30, 2008 10:32 am**

Bea, versuche mal ein zweites Template mit einer entsprechend modifizierten css einzubinden, das du dann ansprichst.

Posted: **Thu Oct 30, 2008 10:46 am**

Danke!

Ich muss es leider mal direkt sagen: Da brauchst Du keine Anleitung zu Bulletproof, sondern eine CSS-Anleitung. Self-HTML oder ein gutes CSS-Buch. Das hat wenig bis nichts mit Bulletproof zu tun, das ist elementares CSS-Wissen.

Da hast du sicher in gewisser Weise recht. Ich lese viel auf www.css4you.de weil es für mich am einfachsten ist dort das zu finden was ich für meine kleinen Veränderungen suche.

Zugegeben, man muss sich auch ein wenig in den BP-Code einlesen, aber im Wesentlichen ist das CSS-Verständnis: Was sind ids, was sind classes, wie funktioniert die Cascade etc. pp. Smile/quote]

Weißt du Matthias ich bin ein learning by doing Mensch. Ich verstehe dann etwas gut, wenn ich ein Bild dazu im Kopf habe, wie ich mir das vorstellen kann. Ich habe mir einmal die Mühe gemacht tagelang ein Bulletproof Template zu erforschen und festgestellt das vieles anscheinend wie nach dem Prinzip der Baukästen der Kinder angelegt wird. In einem großen Kasten sind mehrer kleinere und alles wird von einem ganz großen zusammengehalten.

Für dich als Entwickler mit erlerntem CSS Wissen mag das ja alles Pipikram sein, was ich frage. Ich komme an meine Grenzen...
Danke das du mir den Code geschrieben hast.

Liebe Grüße Bea

Posted: **Thu Oct 30, 2008 10:53 am**

Ich habe ja schon ein eigenes Templates angelegt. Mache ich ja immer so. Ich nehme immer ein fertiges (meist das BLAUE) und änder dann langsam Schritt für Schritt die Farben, die Abstände...halt alles was ich so brauche. Als es neu raus kam habe ich tagelang damit verbracht alles was ich Schritt für Schritt herausgefunden habe auszukommentieren. Ich habe immer ein, zwei, drei grelle Farbcodes genommen und mir zigmal alles auf den Server geschickt. Bei jedem Fund ein aha-Erlebnis und mir hingeschrieben was sich verändert hat. Mühsam, aber lehrreich.

Trotzdem gibt es immer wieder Stolpersteine in welcher Kombination ich die Dinge hinschreiben muss, bis sich das gewünschte Ergebnis einstellt. Und natürlich habe ich immer noch nicht alle Funktionen herausgefunden.

Herzlichst Bea

Erklärungsmodus aus

Posted: **Thu Oct 30, 2008 10:57 am**

Bea, lies mal, wenn nicht bereits geschehen, diesen Faden durch:
http://board.s9y.org/viewtopic.php?t=10 ... =bouleclub

Vielleicht findest du da deine Lösung?

Posted: **Thu Oct 30, 2008 12:14 pm**

B.E.A. wrote:Ich habe mir einmal die Mühe gemacht tagelang ein Bulletproof Template zu erforschen und festgestellt das vieles anscheinend wie nach dem Prinzip der Baukästen der Kinder angelegt wird. In einem großen Kasten sind mehrer kleinere und alles wird von einem ganz großen zusammengehalten.

Richtig. Das ganze nennt sich Box-Modell, und Du wirst kaum CSS-basiert gestaltete Webseiten finden, auf denen es nicht zum Einsatz kommt. Auch das ist nicht spezifisch für BP.

B.E.A. wrote:Für dich als Entwickler mit erlerntem CSS Wissen mag das ja alles Pipikram sein, was ich frage.

Ich würde eher sagen, es sind elementare Grundlagen. Etwa so wie die Grammatik in einer Fremdsprache.

YL

Serendipity Forums

Statische Seiten unterschiedlich darstellen

Statische Seiten unterschiedlich darstellen

Re: Statische Seiten unterschiedlich darstellen

@ Matthias

@ Anitram

Re: @ Matthias