Add Image To Sidebar

[Bam]

so how would you add a "backround" image to the sidebar, in the template of course, but what would the code be?

[TCH-Bruce]

You would probably put it into the CSS for the template you are using. Look for the div section that is controlling your sidebar and enter something like this

 

>background: #fdf url(http://yourdomain.exr/path-to-file/your-image.jpg);

[Bam]

played with it a little bit, ive got a "box/table" I want to put the image under it

 

here is some of the css

>/* ##### Right Side Bar ##### */

.rightSideBar {
 width: 13em;
 margin: 2ex 0.75ex 0 0;
 padding: 0;
 float: right;
 clear: right;
 border: 1px solid rgb(216,210,195);
 
}

[class~="rightSideBar"] {
 margin-right: 1.5ex;
}

.rightSideBar .sideBarTitle {
 color: black;
 background-color: rgb(230,223,207);
 font-weight: bold;
 margin: 1.25ex 1ex;
 padding: 0.9ex 1ex;
}

.rightSideBar a {
 color: rgb(123,141,164);
 background-color: transparent;
 text-decoration: none;
 font-weight: bold;
}

.rightSideBar a:hover {
 text-decoration: underline;
}

.rightSideBar .sideBarText {
 color: rgb(123,141,164);
 line-height: 1.5em;
 margin: 0;
 padding: 0 2ex 1em 2ex;
}

.rightSideBar .more {
 text-decoration: none;
 text-align: right;
 margin: 0;
 padding: 0 2ex 1em 2ex;
 display: block;
}

.rightSideBar .more:hover {
 text-decoration: underline;
}
.rightSideBar ul {
 list-style-type: none;
 list-style-position: outside;
 margin: 0 0 1em 0;
 padding: 0;
}

.rightSideBar li {
 margin: 1ex;
 padding: 0 0 0 0;
}

.rightSideBar img {
border: 0; 

}

 

so where would it go? tried the img right above and at the top, but no change any ideas?

Edited August 21, 2005 by Bam

[TCH-Bruce]

This should add an image to the right sidebar.

 

>.rightSideBar {
width: 13em;
margin: 2ex 0.75ex 0 0;
padding: 0;
float: right;
clear: right;
border: 1px solid rgb(216,210,195);
background: url(http://yourdomain.exr/path-to-file/your-image.jpg);
}

 

Enter you domain name for the yourdomain.exe, enter the path to the image for path-to-file and enter the name of the image you want to use for your-image.jpg

[Bam]

how can I get rid of the frame and "widen" the right side bar? Is that in the rightsidebar.php?