Replace the Multimedia Box with Four 175×175 Ads

Just the code please

The following code goes in Thesis Design Options » Custom Multimedia Box Code (?):

<div id="ads175">
  <a href="#">
    <img src="http://test.thesis101.com/wp-content/themes/thesis_151/custom/images/ad1.gif" alt="ad1"/>
  </a>
  <a href="#">
    <img src="http://test.thesis101.com/wp-content/themes/thesis_151/custom/images/ad2.gif" alt="ad2"/>
  </a>
  <a href="#">
    <img src="http://test.thesis101.com/wp-content/themes/thesis_151/custom/images/ad3.gif" alt="ad3"/>
  </a>
  <a href="#">
    <img src="http://test.thesis101.com/wp-content/themes/thesis_151/custom/images/ad4.gif" alt="ad4"/>
  </a>
</div>

Add this code to custom.css:

/*---:[ Ads 175x175]:---*/
.custom #custom_box {
	padding: 5px;
	background: inherit;
	border-bottom: 1px solid #ddd;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.custom #ads175 {
	margin-left: 10px;
}
.custom #ads175 a img {
	width:175px;
	height:175px;
	margin:2px;
	border:2px solid #eee;
	padding:1px;
	float:left;
}
.custom #ads175 a:hover img {
	border-color: #ccc;
}

Live Preview