BP Hintergrund Bild + Verlauf kombinieren. Wie geht das?

[yellowled]

Öhm - jetzt sind sie plötzlich weg obwohl ich definitiv nichts geändert habe. Geisterheilung?

Ugs. auch als "Kaskade" bekannt. Kann sein. Ich kann's nicht wirklich beurteilen, weil ich es nicht überprüfen kann, da ich nichtmal weiß, worum es überhaupt ging

YL

[Fiona]

Öhm - jetzt sind sie plötzlich weg obwohl ich definitiv nichts geändert habe. Geisterheilung?

Ugs. auch als "Kaskade" bekannt. Kann sein. Ich kann's nicht wirklich beurteilen, weil ich es nicht überprüfen kann, da ich nichtmal weiß, worum es überhaupt ging

YL

Na ja, wenn du bei www.terrazine.de auf Kommentare klickst, dann sollte ein Popup aufgehen mit einem Textfeld. Der Rand um dieses Textfeld ist gepunktet. War zunächst Pink, jetzt Terracotta.

Danke fürs Mitdenken.

Herzlichst
Fiona

[yellowled]

Na ja, wenn du bei www.terrazine.de auf Kommentare klickst, dann sollte ein Popup aufgehen mit einem Textfeld. Der Rand um dieses Textfeld ist gepunktet. War zunächst Pink, jetzt Terracotta.

In Deiner user.css steht:

Code: Select all

.serendipity_comment_author_self comment_oddbox, .comment_oddbox {
    background:#F5F4F8 none repeat scroll 0 0;
    border:1px dotted #672402;
    line-height:1.2em;
}

Die border-Anweisung erzeugt diesen Rahmen.

Im Übrigen ist die user.css redundant, da Du ja ein eigenes Colorset erzeugt hast (terrazine_style.css). Alles, was Du in der user.css machst, kannst Du auch dort machen.

YL

[Fiona]

Hallo Yellowled

Ich fürchte, ich habe irgendwas im CSS kaputt gemacht. Mir fehlt plötzlich mein weißer Contentbereich. Und das Problem in der Navigation ist auch noch nicht so richtig schön gelöst.

Jetzt habe ich mir extra die Original-CSS vom Lila Design zur Hand genommen und damit verglichen, komme dennoch nicht weiter. Könntest du bitte mal nachsehen, wo mein weißer Contentbereich geblieben ist. Danke.

Herzlichst
Fiona

[yellowled]

Mir fehlt plötzlich mein weißer Contentbereich.

Code: Select all

#wrapper { background: #fff; }

Und das Problem in der Navigation ist auch noch nicht so richtig schön gelöst.

Hmja. Ich denke, Du musst die Art, wie diese Leiste "positioniert" wird, ändern. Im Moment geschieht das über display: inline;, man kann es aber auch über floats lösen.

Also der Reihe nach (das gehört so alles in Dein Colorset-Stylesheet):

Code: Select all

#sitenav ul {
    display: block;
    float: left;
    list-style-type:none; 
    margin:0;
    padding:0;
    width: 620px;
}

#sitenav ul li {
    display: block;
    float: left;
    font-size: 90%;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin:0;
    padding:0; 
    text-transform:uppercase;
    width: auto;
}

#sitenav ul a {
    background:#fff url(img/terrazine_nav.jpg) repeat left top;
    border-right: none;
    display: block;
    padding:8px 5px 0;
}

Damit sehen wir dann mal weiter - und schalte bitte endlich das überflüssige user.css ab, das produziert nur unerwünschte Nebenwirkungen. Entweder eigenes Colorset-Stylesheet oder user.css, nicht beides.

YL

[Fiona]

Hallo Yellowled

Okay, habe deine Angaben übernommen. Der weiße Stricht unter dem Banner ist weg (es lag wohl an der Angabe zur Bannerhöhe).

Rätselhaft ist noch der Hover-Effekt und die Farbe, die unter den letzten beiden Links liegt. Eigentlich könnte die Navigation jetzt auch schmaler sein und das Suchfeld nach oben rutschen. Dort steht:

Code: Select all

input#serendipityQuickSearchTermField {
    border: 1px solid #672402!important;
     margin: 0px 5px 8px 5px;
}

Die User.css ist jetzt weg und abgeschaltet.

Herzlichst
Fiona

[yellowled]

In den Codebeispielen jetzt nur noch das, was zu ändern oder hinzuzufügen ist.

Rätselhaft ist noch der Hover-Effekt und die Farbe, die unter den letzten beiden Links liegt.

Der ist überhaupt nicht rätselhaft. Wenn Du einer Gruppe Links padding zuweist, deren :hover-Zustand aber kein Padding, dann bekommst Du halt sowas.

Code: Select all

#sitenav ul a {
    background: transparent url(img/terrazine_nav.jpg) repeat left top;
    ...
    padding: 4px 0;
    margin: 0 4px 0 0;
}

#sitenav ul li a:hover,
#sitenav .currentpage a {
    padding: 4px 0;
    margin: 0 4px 0 0;
    /* Die background-Zeile ist hier überflüssig */
    background: #fff url('img/terrazine_nav.jpg') bottom left;
}

Eigentlich könnte die Navigation jetzt auch schmaler sein und das Suchfeld nach oben rutschen.

Code: Select all

#sitenav #searchform input{ margin-top: 0!important; }

YL

[Fiona]

Gemacht - aber ändern tut sich leider nichts.

Bin weiterhin ratlos.

Herzlichst
Fiona

[yellowled]

Gemacht - aber ändern tut sich leider nichts.

Äh, natürlich: Das Zittern beim Hovern ist weg. Und für die merkwürdige Hintergrundfarbe gibt es eine sehr simple Lösung:

Code: Select all

#sitenav ul a {
    background: transparent;
    ...
}

YL

[Fiona]

Ja, der Tipp passte wunderbar. Jetzt nur noch die Suchmaske auf Linie bringen und dabei die Navigationsleiste schmaler machen und das Ding ist gegessen. Vorschlag dazu?

Herzlichst
Fiona

[yellowled]

Jetzt nur noch die Suchmaske auf Linie bringen und dabei die Navigationsleiste schmaler machen und das Ding ist gegessen. Vorschlag dazu?

Selber mal rumprobieren?

Zunächst mal musst Du lernen, präziser zu formulieren, was Du erreichen willst. "Auf Linie bringen" sagt wenig bis nichts darüber aus, was Du erreichen möchtest.

Ich denke mal, Du meinst, dass die Links und die Suchbox vertikal auf gleicher Höhe sitzen sollen. Dafür nimmst Du das vertikale Padding bei den Links zurück:

Code: Select all

#sitenav ul a {
    ...
    padding: 0;
}

Dann zurren wird das Suchformular nach rechts:

Code: Select all

#sitenav #searchform { margin:0!important; }

#sitenav #searchform input {
    ...
    margin:0 0 3px !important;
}

So. Und was willst Du da nun "schmaler machen"?

YL

[Fiona]

Selber mal rumprobieren?

YL

Hab' ich doch. Und zwar so lange, bis nichts mehr ging. Dann habe ich eingesehen, dass das nicht meine Sache ist und hier gefragt )

Aber jetzt ist es tatsächlich vollbracht. Wunderbar. Ich danke dir recht herzlich. Paket folgt

Herzlichst
Fiona