Skinning the sidebar

how do I skin the sidebar of my website ? I’m goin for a grey backround, with each module in its own little box with a blue header image..

idea for the header image for the log in box of my sidebar..

Without a link to the site I am not sure what you have the sidebar <div> named but you would need to create some div classes within that sidebar division with some background colors or pics for backgrounds, or you can directly call an image within the division ->

<div class="sidebar">
  <img src="path/to/your/image" alt="your image" />
   Text
   Text
</div>

or create a new div in your css file

CSS

.newdiv {
 width: (sidebar width);
 height: (height of image);
 background: url(path/to/your/image);
 }

then in your template call

<div class="sidebar">
  <div class="newdiv"></div>
   Text
   Text
</div>

Or just add a background color to your sidebar css with

background: #colorcode;

thanks for the quick reply ! I will see what I can do !

linky

http://allegiantvirtual.com