WEB $20 to "beautify" this craigslist ad.

Discussion in 'OT Technology' started by MartyFukstein, Feb 5, 2009.

  1. MartyFukstein

    MartyFukstein OT Supporter

    Joined:
    May 10, 2005
    Messages:
    9,686
    Likes Received:
    0
    My car for sale ad:
    http://acecars.net/m5forsale.htm

    Problems:
    • Simple looking, plain read header.
    • Ad is a little too loose, too large.
    • Frames around the pictures look stupid.
    I'd like something tighter and more attractive like this:
    http://portland.craigslist.org/mlt/ctd/1022282286.html

    This ad has a nice looking header with visual elements and the framing is tighter. I'd like to have a header wtih visual elements (maybe the //m logo: http://www.bohp.net/blog/pict3/news060202m-logo.jpg). Colored tables look good too.

    If you can beautify my ad, and I like the result, I'll paypal you $20. Not a huge sum--I know--but good practice for someone trying to build up their web design skills.
     
  2. 95vr4

    95vr4 OT Supporter

    Joined:
    Oct 6, 2004
    Messages:
    2,513
    Likes Received:
    0
    Location:
    Weddington, NC
    [​IMG]

    How the fuck are all of your pixels still working :squint:.

    Seems like I'm losing ~5 a week lately, just about 100% unreadable now....fucking German engineering :o
     
  3. biawokauns

    biawokauns New Member

    Joined:
    Sep 18, 2001
    Messages:
    19,893
    Likes Received:
    0
    Location:
    Republic of Kalifornia
    you give me 20 ill give you the same thing they have
     
  4. MartyFukstein

    MartyFukstein OT Supporter

    Joined:
    May 10, 2005
    Messages:
    9,686
    Likes Received:
    0
    Had to pull some strings with the BMW Service Manager we do some work for.

    A company called VDO repairs BMW instrument clusters:
    http://www.vdorepair.com/
     
  5. MartyFukstein

    MartyFukstein OT Supporter

    Joined:
    May 10, 2005
    Messages:
    9,686
    Likes Received:
    0
    pm sent
     
  6. Ebtek

    Ebtek Afraid of 138

    Joined:
    Mar 19, 2000
    Messages:
    152,948
    Likes Received:
    1,098
    holy shit that 1st one looks awesome.

    in for results
     
  7. biawokauns

    biawokauns New Member

    Joined:
    Sep 18, 2001
    Messages:
    19,893
    Likes Received:
    0
    Location:
    Republic of Kalifornia
  8. MartyFukstein

    MartyFukstein OT Supporter

    Joined:
    May 10, 2005
    Messages:
    9,686
    Likes Received:
    0
  9. biawokauns

    biawokauns New Member

    Joined:
    Sep 18, 2001
    Messages:
    19,893
    Likes Received:
    0
    Location:
    Republic of Kalifornia
    here you go

    Code:
    <html>
    <head>
    	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
    	<title>m5forsale</title>
    	<link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8">
    </head>
    <body>
    
    <style type="text/css" media="screen">
    	/* @override http://localhost/~ng/_dump/m5/style.css */
    
    	body{
    		background-color: #3f3a3a;
    	}
    
    	table{
    		font: 12px Verdana, Arial;
    		width: 683px;
    		overflow: hidden;
    		border: none;
    		margin: 0px auto;
    		padding: 0px ;
    		background: #fff;
    	}
    
    	td#header{
    		padding: 15px;
    		text-align: left;
    		font-size: 30px;
    		background: url(m5-header.jpg) right no-repeat;
    	}
    
    	td#main-photo{
    		padding: 15px;
    		text-align: center;
    	}
    	td{	
    		padding: 0px;
    		margin: 0px;
    		border: none;
    	}
    
    	div#content{
    		padding: 5px;
    	}
    	.clearer{
    		clear: both;
    	}
    </style>
    
    <table width="100%" border="0" bgcolor="#3F3A3A">
    	<tr>
    		<td id="header">
    			2002 BMW M5<br>
    			$18,750<br/>
    			114,00 Miles<br/></a>
    		</td>
    	</tr>
    	<tr>
    		<td id="main-photo">
    			<img src="http://acecars.net/m5/m5_01.jpg">
    		</td>
    	</tr>
    	<tr>
    		<td>
    			<div id="content">
    				<br>
    		        I purchased this M5 in May, 2008 from a BMW mechanic.&nbsp; It had 
    		        107,000 miles at the time.&nbsp; I immediately installed <b>4 new Kumho 
    		        Ecsta tires and a new OEM BMW clutch</b>.&nbsp; <br>
    		        <br>
    		        All service is up to date, and the car needs nothing.&nbsp; Has none of 
    		        the issues typical in high mileage E39 M5s:<ul>
    		          <li>No VANOS problems.</li>
    		          <li>No check engine lights.</li>
    		          <li>No abnormal tire wear.</li>
    		          <li>No expired pixels in the instrument cluster.</li>
    		          <li>No worn suspension pieces.</li>
    		          <li>No radiator leaks.</li>
    		          <li>No clutch wear.</li>
    		          <li>No dents.</li>
    		          <li>No excessive rock chips.</li>
    		        </ul>
    		        <p>There are two minor flaws in the glass:</p>
    		        <ul>
    		          <li>Windshield has 2 x 2&quot; scrape.&nbsp; It's minor, 
    		          and out of direct view.</li>
    		          <li>Passenger rear glass is scraped.&nbsp; Can be 
    		          fixed for about $225.</li>
    		        </ul>
    		        <p>Have a prepurchase inspection done on this or any 
    		        high mileage M5 you're considering.&nbsp; A well maintained one is well 
    		        worth any additional initial investment.</p>
    		        <p>E39 M5s came well equipped, with only a few 
    		        options.&nbsp; This car has all of them:</p>
    		        <ul>
    		          <li>Suede Leather Headliner</li>
    		          <li>Parking Distance Control - Front and Back 
    		          (warns you when objects are near when parking)</li>
    		          <li>Fold Down Rear Seats</li>
    		        </ul>
    		        <p>My third child was just born, so I have to get 
    		        into something with more kid hauling capacity.&nbsp; Hate to say goodbye 
    		        to it...someone is getting a fantastic car.<br>
    			</div>
    			<div class="clearer">&nbsp;</div>
    		</td>
    	</tr>
    	<tr>
    		<td>
    			<table border="0" cellspacing="0" id="photos">
    			  <tr>
    			    <td width="47%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_02.JPG" width="410" height="308"></td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_03.JPG" width="410" height="308"></td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">&nbsp;</td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">&nbsp;</td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_04.JPG" width="410" height="308"></td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_05.JPG" width="410" height="308"></td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">&nbsp;</td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">&nbsp;</td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_06.JPG" width="410" height="308"></td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_07.JPG" width="410" height="308"></td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">&nbsp;</td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">&nbsp;</td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_08.JPG" width="410" height="308"></td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_09.JPG" width="410" height="308"></td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">&nbsp;</td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">&nbsp;</td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_10.JPG" width="410" height="308"></td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_11.JPG" width="410" height="308"></td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">&nbsp;</td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">&nbsp;</td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_12.JPG" width="410" height="308"></td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_13.JPG" width="410" height="308"></td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">&nbsp;</td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">&nbsp;</td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_14.JPG" width="410" height="308"></td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_15.JPG" width="410" height="308"></td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">&nbsp;</td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">&nbsp;</td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_16.JPG" width="410" height="308"></td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_17.JPG" width="410" height="308"></td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">&nbsp;</td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">&nbsp;</td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_18.jpg" width="409" height="290"></td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_19.JPG" width="410" height="308"></td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">&nbsp;</td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">&nbsp;</td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_20.JPG" width="410" height="308"></td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_21.JPG" width="410" height="308"></td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">&nbsp;</td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">&nbsp;</td>
    			  </tr>
    			  <tr>
    			    <td width="47%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_22.JPG" width="410" height="308"></td>
    			    <td width="3%" align="center">&nbsp;</td>
    			    <td width="52%" align="center">
    			    <img border="0" src="http://acecars.net/m5/m5_23.JPG" width="410" height="308"></td>
    			  </tr>
    			</table>
    			
    		</td>
    	</tr>
    </table>
    
    
    </body>
    </html>
    
     
  10. 95vr4

    95vr4 OT Supporter

    Joined:
    Oct 6, 2004
    Messages:
    2,513
    Likes Received:
    0
    Location:
    Weddington, NC
    You'll need to take out everything from <table> up and </table> down to post this to craigslist. But I'd probably just use the code as is on your own domain, then on CL just post the basics, a few pics and a link to the page.
     

Share This Page