Einige konkrete Fragen zum Template

[elsid]

Guten Tag allerseits.

Ich befasse mich erst kurz mit blogging etc., habe aber dank der komfortablen Verwaltung schon einiges zusammengebastelt. Nun gibt es noch einige "Kleinigkeiten" (so hoffe ich).

Konkret: mein blog ist hier zu finden.
Ich nutze das Joshua-Template und habe die Header-Grafik ausgetauscht. Außerdem ist es mir bereits gelungen, den Hintergrund der Sidebars schwarz zu färben.
Folgendes habe ich vor:
-der Mittelteil soll auch schwarzen Hintergrund bekommen. Entsprechend muß die Schrift weiß.
-Der Hinter-Hintergrund (geladen durch index.php ?) ist aktuell grau. Der sollte auch schwarz.
-Ich würde auch gerne die Farbe der Plugin-Titel in den Sidebars (aktuell hellblau) ändern.
-Die wohl schwierigste Aufgabe ist es, Header und Sidebar zu fixieren, d.h. daß nur die angezeigte Nachricht im Mittelteil scrollbar ist.

Meine Frage ist nun: kann mir jemand Tips geben, welche stylesheets ich dafür ändern muß und wo ich die entsprechenden Zeilen einfügen/ändern soll?

Wäre echt super nett. Ich hoffe, es macht nicht viel Arbeit. Gerne nehme ich auch relevante links entgegen, dann lese ich mich auch selber ein.

Wie gesagt: ich bin nicht wirklich firm mit html+css

DANKE!
elsid

[Anitram]

Du musst in deinem Template-Ordner nach dem Joshua-Ordner suchen. Darin findest du die style.css, die du dann bearbeiten kannst.

Ich empfehle dir, wirklich alles nur in dieser style.css zu steuern und nicht in den tpl-Files. Und kommentiere lieber einmal zu viel als einmal zu wenig aus, was du in der css verändert hast. Sonst suchst du dich irgendwann dumm und dämlich, nur um einen Farbcode wieder herzustellen oder eine Schriftgröße zu korrigieren.

Zu html und css gibt es eine gute Anleitung von Stefan Münz und seinem selfhtml: http://www.selfhtml.org/

Ansonsten findest du auch gute Newsgroups, die sich mit css befassen.

[elsid]

Danke schonmal!

Die richtige style.css habe ich schon. Habe ja wie gesagt daran schon was geändert. Aber so (try-and-error) will ich nicht weiter vorgehen.

Habe mir mal die documentations "stylesheets" und das kommentierte default.theme angesehen. Ich erkenne, daß sich dort die Lösung versteckt - denn ich muß ja (wenns um die Farben geht) nur an der richtigen Stelle #00000 einsetzen...

Fragt sich eben nur, wo diese Stelle ist, da ich mit den Kommentierungem im Sheet noch nicht so ganz durchsehe. Müsste doch irgendwie in die Definition des Mainpane / des SideBar gehören?!

Gruß+Dank,
elsid

[Anitram]

Das lässt sich verhältnismäßig einfach finden. Du musst lediglich deinen Blog im Browser öffnen, dann die HTML-Sicht einschalten, über strg+f (Finden) ein Wort aus dem betreffenden Part suchen lassen und dann schauen, wie die div bzw. class heißt, die kurz vorher angesprochen wird.

Die kopierst du dann (über strg+c) in deine Zwischenablage, gehst in den Editor, in dem du die css geöffnet hast, und suchst da (gleichfalls mit strg+f, dann strg+v)) den dazu gehörigen Eintrag. Und den kannst du dann ändern. css speichern, deinen Blog im Browser neu laden und dann hast du eine Kontrolle, ob du es richtig gemacht hast.

Allerdings solltest du vorher die alten Einträge bzw. Werte auskommentieren oder aber als Kommentar in deiner css "hinterlegen". Kommentieren kannst du in deiner css, indem du folgendes machst:

Code: Select all

/* war #333 */

Also Schrägstrich Stern -Text- Stern Schrägstrich

Bei mir sieht es in der css noch so aus:

Code: Select all

.serendipitySideBarTitle {  /*rote Box der Rubrikenüberschriften  */
margin-top: 10px;    
margin-bottom: 6px;
    font-family: Times New Roman, Times, serif;
    color:#2e2e2e; /* #bd3131;*/
    font-size: 12pt;
    font-weight: lighter;
letter-spacing: 1px;
    /* letter-spacing: 1.5pt; */
   /* text-transform: uppercase;*/
    /* padding: 6px; */
/* background-color: #bd3131;  /*#16425E*/
   border-bottom: 1px solid #bd3131; /*border-bottom: solid 2px #708090; <-- Schatten */
  /*  border-right: solid 10px #d58b8b; border-right: solid 10px #708090;*/
}

Später, wenn ich wieder an der css arbeiten möchte, kann ich ansatzweise nachvollziehen, was ich wie und warum geändert hatte.