Code:
<style type="text/css">
div#wrapper {
margin:0;
padding:8px;
background-color: #dad6cb;
width: 753px;
}
div#wrapper img {
float:left;
width:494px;
}
div#wrapper div{display:inline; margin:0; padding:0}
div p {
margin:0;
padding:5px;
background-image: url('/path/icon_arrow_link.gif');
background-repeat: no-repeat;
background-position: left middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
width: 250px;
}
p.597290 {background-color: #597290}
p.388faa {background-color: #388faa}
p.b6854a {background-color: #b6854a}
p.ab6c4d {background-color: #ab6c4d}
p.9a8a7b {background-color: #9a8a7b}
p.808080 {background-color: #808080}
</style>
<div id="wrapper">
<img src="" width="494" height="150" alt="">
<div>
<p class="597290">TEXT</p>
<p class="388faa">TEXT</p>
<p class="b6854a">TEXT</p>
<p class="ab6c4d">TEXT</p>
<p class="9a8a7b">TEXT</p>
<p class="808080">TEXT</p>
</div>
</div>
Free of charge...
There are a couple of details that you need to fill in yourself, but I think it's all self-explanatory... Let me know if there are any modifications.
Bookmarks