Code
<style type="text/css">
.sUser {
background-color: #fff;
padding-bottom: 1px;
min-width:250px;
}
.sUser a {
border: 1px solid #e2e2e2;
display: block;
}
.sUser a:hover {
border: 1px solid #cecece;
text-decoration: none;
}
.sMessageLeft {
padding-left: 5px;
white-space: nowrap;
}
.sMessageRight {
background: #f8f8f8;
border-left: 1px solid #e4e3e3;
text-align: center;
padding-top: 3px;
}
</style>
Code
<div class="sUser">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="sMessageLeft" valign="top" width="85%">
Статус: <b>$USER_STATUS$</b>
</td>
<td class="sMessageRight" valign="top" width="15%">
<img alt="" border="0" src="/status.png">
</td>
</tr>
</tbody>
</table>
</div>
Помогите сделать такую же ободку при помощи скрипта, только с плавным переходом, а не резким. За ранее спасибо!