Hintergrundbild für die Seitenleiste

[Sascha]

Hallo,

ich wollte fragen ob es möglich ist für die Seitenleiste ein Hintergrundbild zu verwenden. Und zwar geht es mir dabei um genau zu sein um die Abgrenzung der Seitenleiste zum Inhalt des Blogs. Diese wird nämlich in dem inzwischen von mir ein wenig angepaßten Theme durch eine gestrichelte Linie erzeugt aber ich hätte doch gerne etwas handfesteres grafisches.

Grüße
Sascha

[garvinhicking]

Hi!

Ja, klar, das kannst Du alles mittels CSS machen. Selektoren (IDs) für die Seitenleisten sind ja vorhanden, dann kannst Du per

Code: Select all

#serendipityLeftSidebar {
   background-image: url(http://blurk.de/gif.gif);
}

z.b. hintergrunzbilder vertelen...

Viele GRüße,
Garvin

[falk]

z.b. hintergrunzbilder vertelen...

Ich habe köstlich gelacht! Hintergrunzbilder! Mein Tag ist gerettet .

[Col. Kurtz]

*fies*

[Sascha]

Vielen Dank für Deine Hilfe Garvin, hat hervorragend geklappt!

Natürlich sind Dinge wie die *hintergrunzbilder* womit Du uns zum Lachen bringst und den Tag versüßt immer gerne gesehen

Ich habe aber denoch eine Frage zum eigentlichen Thema. Und zwar habe ich jetzt die rechte Seitenleiste von der Breite und dank Deiner Hilfe auch vom Hintergrundbild her angepaßt. Jetzt sitzt jedoch der Inhalt ein wenig im Bild (siehe http://www.heidenwelt.de/), sprich müßte weiter nach rechts. Erst dachte ich das es reicht in der style.css unter #serendipityRightSideBar den Wert von border-left anzupassen, aber das hat nicht viel gebracht. Meine style.css kann man hier einschauen. Vielleicht kann mir einer sagen wie ich das Problem beheben kann. CSS ist für mich noch hm recht neu.

Grüße
Sascha

[garvinhicking]

Hi!

Freut mich zur Belustigung beigetragen zu haben. )

Zu deinem ´verbleibenden Prblem: Prinzipiell war die Idee mit "border-left" garnicht so schlecht; jedoch betrifft "border" nur die Dicke des Rahmens, aber nicht die Einrückung.Dafür ist "padding-left" zuständig, und um den gesamte Block zu verschieben kann man "margin-left" benutzen.Probier's damit mal aus!

Viele Grüße,
Garvin

[Sascha]

Hm irgendwie hat das leider nicht so viel gebracht ich habe mal padding-left: 40px; eingebaut ohne Ergebnisse:

Code: Select all

#serendipityRightSideBar {
    width: 220px;
    border-left: 10px;
    padding-left: 40px;
    background-image: url(http://www.heidenwelt.de/templates/avalon/img/sidebar.png);
    padding: 0px;
    vertical-align: top;
}

Grüße
Sascha

[Sascha]

Habe das Problem gefunden und so geht es jetzt:

Code: Select all

#serendipityRightSideBar {
    width: 220px;
    border-left: 10px;
    padding: 0 10px 0 40px;
    background-image: url(http://www.heidenwelt.de/templates/avalon/img/sidebar.png);
    vertical-align: top;
}

Grüße
Sascha