Page 1 of 1
Hintergrundbild für die Seitenleiste
Posted: Fri Mar 31, 2006 10:36 am
by 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
Re: Hintergrundbild für die Seitenleiste
Posted: Fri Mar 31, 2006 12:23 pm
by 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
Re: Hintergrundbild für die Seitenleiste
Posted: Fri Mar 31, 2006 12:30 pm
by falk
garvinhicking wrote:z.b. hintergrunzbilder vertelen...
Ich habe köstlich gelacht! Hintergrunzbilder! Mein Tag ist gerettet
.
Posted: Fri Mar 31, 2006 12:31 pm
by Col. Kurtz
*fies*
Posted: Sun Apr 02, 2006 10:03 am
by 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
Posted: Sun Apr 02, 2006 11:54 am
by 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
Posted: Sun Apr 02, 2006 4:55 pm
by 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
Posted: Sun Apr 02, 2006 7:32 pm
by 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