BP: Abstand unter Seitenstreifenüberschriften verringern

Fiona · Post by **Fiona** » Sun Jan 11, 2009 11:34 am

Hallo

Bei www.terrazine.de zu sehen: Die Abstände von den Boxenüberschriften zum Inhalt ist sehr groß. Jetzt habe ich gestern schon alles mögliche probiert, das zu ändern. Aber es gelingt mir nicht.

Welche Stellschraube ist das?

Außerdem: Die Listen im Seitenstreifen möchte ich weniger stark einrücken. Auch hier bin ich scheinbar zu blond, um die richte Stelle an in der User.css zu verändern.

Danke vorab.

Herzlichst
Fiona

Post by **yellowled** » Sun Jan 11, 2009 1:04 pm

Fiona wrote:Die Abstände von den Boxenüberschriften zum Inhalt ist sehr groß.

Pauschal für alle Boxen in der Seitenleiste eigentlich nur padding-top für .serendipitySideBarContent, der Wert dafür erscheint mir hier aber durchaus angebracht.

ul innerhalb von .serendipitySideBarContent haben zusätzlich einen margin, den Du auf Null setzen solltest:

Code: Select all

.serendipitySideBarContent ul { margin: 0; }

Das sollte es hier wohl sein.

Fiona wrote:Die Listen im Seitenstreifen möchte ich weniger stark einrücken. Auch hier bin ich scheinbar zu blond, um die richte Stelle an in der User.css zu verändern.

Ganz korrekt betrachtet ist das keine "echte" Einrückung, sondern ein linker Innenabstand.

Code: Select all

.serendipitySideBarContent ul { padding-left: 5px; }

Ist das ein aktuelles s9y mit einem aktuellen BP als Templatebasis? Dort sollten diese Dinge nämlich eigentlich längst gefixt sein ... siehe http://matthias.yellowled.de/archives/1 ... y-1.4.html.

YL

Fiona · Post by **Fiona** » Sun Jan 11, 2009 1:49 pm

Danke Yellowled

Es ist das Bulletproof aus der 1.4 Installation. Allerdings habe ich ein älteres Designpack von mir genommen, um es anzupassen. Ich will das Rad ja auch nicht jedes Mal neu erfinden.

Herzlichst
Fiona

Post by **yellowled** » Sun Jan 11, 2009 2:00 pm

Fiona wrote:Allerdings habe ich ein älteres Designpack von mir genommen, um es anzupassen.

Woraus genau besteht so ein "Designpack"?

Fiona wrote:Ich will das Rad ja auch nicht jedes Mal neu erfinden.

Richtig und verständlich, aber wenn sich in der Konstruktion des Rades etwas grundsätzlich ändert, sollte man das Fahrzeug, welches es bewegt, anpassen. Sonst rumpelt es.

YL

Fiona · Post by **Fiona** » Sun Jan 11, 2009 2:35 pm

Das war vielleicht missverständlich ausgedrückt. Ich habe ursprünglich das Orignal lila Design von BP Pink angestrichen für www.candysbonboniere.de und jetzt eben in Terracotta.

Und was den senkrechten Banner angeht. Diese Idee hatten auch schon andere:

http://www.webtodate.de/previews/kappa/

Und hier eins mit dem einseitigem Bildhintergrud

http://www.webtodate.de/previews/vertical/

Beide Layouts finde ich recht ansprechend, auf jeden Fall mal was anderes.

Herzlichst
Fiona

Post by **yellowled** » Sun Jan 11, 2009 2:41 pm

Fiona wrote:Und was den senkrechten Banner angeht. Diese Idee hatten auch schon andere

Ja, sicher. Aber nicht in BP und nicht unbedingt zusammen mit einem Verlaufshintergrund. Und wenn Du Dir speziell die zweite Seite mal etwas genauer ansiehst, müsste Dir der Code z.T. bekannt vorkommen

YL

Fiona · Post by **Fiona** » Sun Jan 11, 2009 2:50 pm

yellowled wrote:
Fiona wrote:Und was den senkrechten Banner angeht. Diese Idee hatten auch schon andere
Ja, sicher. Aber nicht in BP und nicht unbedingt zusammen mit einem Verlaufshintergrund. Und wenn Du Dir speziell die zweite Seite mal etwas genauer ansiehst, müsste Dir der Code z.T. bekannt vorkommen

YL

Du meinst, es wäre leichter gewesen, ohne Verlauf?

Die Schwierigkeit beim Code von Webtodate ist ja nicht das sichtbare Endprodukt, sondern die eigenständige Programmiersprache der vertrackten Templates. Aber das ist jetzt wieder eine ganz andere Geschichte.

Eigentlich muss und will ich gar nicht coden.

BTW: Ist deine Wishlist bei Amazon aktuell? Oder hast du eine Katze?

Herzlichst
Fiona

Post by **yellowled** » Sun Jan 11, 2009 3:01 pm

Fiona wrote:Du meinst, es wäre leichter gewesen, ohne Verlauf?

Nicht unbedingt "leichter", aber man hätte sich vermutlich das Modifzieren der index.tpl sparen können. Was gut gewesen wäre - genau darauf ist das Konzept von BP ja aus: Maximale Modifikationsmöglichkeiten ohne Änderungen am Code.

Fiona wrote:BTW: Ist deine Wishlist bei Amazon aktuell? Oder hast du eine Katze?

Ja, ist sie. Nein, keine Katze. Nur Hausstaubmilben als Haustiere. *Hatschi*

YL

Fiona · Post by **Fiona** » Sun Jan 11, 2009 3:09 pm

Das würde aber bedeuten, ich müsste das Hintergrundbild unsichtbar mit der Hintergrundfarbe verschmelzen. Bei Webtodate läuft der seitliche Schmuckbanner nach Weiß hin aus. Bei meinem Teil hier, könnte man eventuell alles in dieses dunkle Terrakotta auslaufen lassen. Wäre das die Lösung?

Hausstaubmilben: Wohl auch ein Allergiker? Na dann haben wir ja doch etwas gemeinsam.

Herzlichst
Fiona

Post by **yellowled** » Sun Jan 11, 2009 3:26 pm

Fiona wrote:Das würde aber bedeuten, ich müsste das Hintergrundbild unsichtbar mit der Hintergrundfarbe verschmelzen.

Man würde ganz einfach den "Logoteil" dieses Schmuckbanners auf transparenten Hintergrund setzen und die Hintergrundfarbe durchscheinen lassen. KISS halt.

Dann wäre nur noch die Frage, welches Bildformat man wählt. GIF könnte hier gehen, PNG-8 (wenn man es erzeugen kann) könnte auch schon gehen, PNG-24 ist bekanntlich haarig im IE <= 6. Wenn einem das egal sein kann, will man definitiv PNG-24, was als einziges echte Alphatransparenz kann. Alternativ kann man einen der PNG-Fixes für IE <= 6 einsetzen.

Fiona wrote:Hausstaubmilben: Wohl auch ein Allergiker?

Joah.

YL

Fiona · Post by **Fiona** » Sun Jan 11, 2009 3:54 pm

yellowled wrote:
Fiona wrote:Das würde aber bedeuten, ich müsste das Hintergrundbild unsichtbar mit der Hintergrundfarbe verschmelzen.
Man würde ganz einfach den "Logoteil" dieses Schmuckbanners auf transparenten Hintergrund setzen und die Hintergrundfarbe durchscheinen lassen. KISS halt.

Dann wäre nur noch die Frage, welches Bildformat man wählt. GIF könnte hier gehen, PNG-8 (wenn man es erzeugen kann) könnte auch schon gehen, PNG-24 ist bekanntlich haarig im IE <= 6. Wenn einem das egal sein kann, will man definitiv PNG-24, was als einziges echte Alphatransparenz kann. Alternativ kann man einen der PNG-Fixes für IE <= 6 einsetzen.

Fiona wrote:Hausstaubmilben: Wohl auch ein Allergiker?
Joah.

YL

Logo auf durchsichtigen Hintergrund kriege ich schon hin. Aber das Durchscheinen der Hintergrundfarbe muss doch wahrscheinlich im CSS irgendwo geregelt werden, oder?

Herzlichst

Fiona

Post by **yellowled** » Sun Jan 11, 2009 4:15 pm

Fiona wrote:Logo auf durchsichtigen Hintergrund kriege ich schon hin. Aber das Durchscheinen der Hintergrundfarbe muss doch wahrscheinlich im CSS irgendwo geregelt werden, oder?

Nein, warum?

Du weist body sowohl die Hintergrundfarbe als auch das Logo, welches in der Grafikdatei auf transparentem Hintergrund sitzt, als Hintergrundbild zu. Ergo erscheint dann das Logo auf der Hintergrundfarbe von body.

Wolltest Du nun z.B., dass die Hintergrundfarbe auch durch #wrapper durchscheint, müsstest Du sowas hier machen:

Code: Select all

#wrapper { background: transparent; }

Aber sonst sehe ich da kein Problem.

Wohlgemerkt: Ich schlage hier nur vor, ich sage nicht, dass sei die Ideallösung

YL

Fiona · Post by **Fiona** » Sun Jan 11, 2009 5:02 pm

Okay, ich verstehe. Hab' das jetzt mal so umgesetzt. Der Wrapper blieb allerdings Weiß.

Was mir noch nicht so gut gefällt ist die Navigation oben.

Herzlichst
Fiona

Fiona · Post by **Fiona** » Sun Jan 11, 2009 6:19 pm

Hallo Yelloled

kannst du bitte noch mal gucken. Wie kriege ich die weiße Linie unter dem Banner weg. Ich habe schon so vieles probiert und nichts erreicht.

Danke vorab.

Herzlichst
Fiona

Post by **yellowled** » Sun Jan 11, 2009 10:58 pm

Fiona wrote:Wie kriege ich die weiße Linie unter dem Banner weg.

Ich seh da keine weiße Linie ..?

YL

BP: Abstand unter Seitenstreifenüberschriften verringern

BP: Abstand unter Seitenstreifenüberschriften verringern

Re: BP: Abstand unter Seitenstreifenüberschriften verringern