There is no CSS in the sidebar.php it’s in the style.css file.
You can add pictures directly into the sidebar.php using (X)HTML or add the code to a text widget. If they are links like the blogroll you are able to add images in under links as well.
So…here’s the CSS:
#sponsors{background:#FFF;padding-bottom:8px;overflow:hidden;}
#sponsorscontent{padding-top:3px;padding-left:8px;padding-right:8px;}
#sponsorscontent img{padding-top:5px;border:0;}
.right{float:right;}
.left{float:left;}
.sidebar-item {margin-top:10px;background:#fff;}
.sidebar-item ul {margin:0;padding:8px;list-style-type:none;}
.sidebar-item a{color:#464647;text-decoration:none;}
.sidebar-item a:hover{text-decoration:underline;}
Here’s what’s in the sidebar.php
<div id=”sidebar”>
<div id=”sponsors”>
<div class=”title”>Sponsors</div>
<div id=”sponsorscontent”>
<div class=”left”><img src=”<?php bloginfo(‘template_url’); ?>/images/125.png” alt=”125″ /></div>
<div class=”right”><img src=”<?php bloginfo(‘template_url’); ?>/images/125.png” alt=”125″ /></div>
<div class=”left”><img src=”<?php bloginfo(‘template_url’); ?>/images/125.png” alt=”125″ /></div>
<div class=”right”><img src=”<?php bloginfo(‘template_url’); ?>/images/125.png” alt=”125″ /></div>
</div> <!– Sidebar content div –>
</div> <!– Sponsors div –>
How do I put my own pictures in these codes?
You can just add a DIV and use html to display your pictures within it wherever in the sidebar you want. I do that on my blog all the time.
