Красивий ВИД добовление наград и репы на форуме от меня и моего сайта =)
Вот Скрин: http://s41.radikal.ru/i094/1109/06/c7202a7477b9.jpg
Вот код
Code
<div align="center"><b>Награды:</b> <?if($DO_REP_URL$)?>
<table style="margin-bottom:1px;" border="0" cellpadding="0" cellspacing="0" width="150px">
<tr>
<td style="padding-right:0px;" width="27px"><a href="$DO_REP_URL$" class="RepNizz"><div
class="RepNiz"><b>?</b></div></a></td>
<td><A href="$AWARDS_READ_URL$" class="RepMidd" ><div class="RepMid"><b>$AWARDS$</b></div></a></td>
<td style="padding-left:0px;" width="50px"><a href="$AWARDS_DO_URL$" class="RepViss"><div
class="RepVis"><b>+</b></div></a></td>
</tr></table>
<?else?>
<div style="padding:0px; margin-bottom:1px; width:150px;" align="center">
<a href="$AWARDS_READ_URL$" class="RepUsee"><div class="RepUse"><b>$AWARDS$</b></div></a>
</div>
<?endif?>
<div align="center"><b>Репа:</b><?if($DO_REP_URL$)?>
<table style="margin-bottom:1px;" border="0" cellpadding="0" cellspacing="0" width="150px">
<tr>
<td style="padding-right:0px;" width="27px"><a href="$DO_REP_URL$" class="RepNizz"><div
class="RepNiz"><b>-</b></div></a></td>
<td><a href="$READ_REP_URL$" class="RepMidd"><div class="RepMid"><b>$REP_RATING$</b></div></a></td>
<td style="padding-left:0px;" width="27px"><a href="$DO_REP_URL$" class="RepViss"><div
class="RepVis"><b>+</b></div></a></td>
</tr></table>
<?else?>
<div style="padding:0px; margin-bottom:1px; width:150px;" align="center">
<a href="$READ_REP_URL$" class="RepUsee"><div class="RepUse"><b>$REP_RATING$</b></div></a>
</div>
<?endif?>
Это в CSS
Code
a.RepUsee:link, a.RepMidd:active, a.RepMidd:visited {text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;}
a.RepUsee:hover {text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;}
a.RepUsee div.RepUse {border:1px solid #525252; background:#252525; padding:1px 3px 2px 3px; text-
align:center; text-shadow:1px 1px 0px #151515; -webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
a.RepUsee div.RepUse:hover {background:#181818; text-shadow:1px 1px 0px #000000;}
a.RepViss:link, a.RepViss:active, a.RepViss:visited {text-decoration:none; color:#e0e0e0; font-
size:11px; font-family:tahoma;}
a.RepViss:hover {text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;}
a.RepNizz:link, a.RepNizz:active, a.RepNizz:visited {text-decoration:none; color:#e0e0e0; font-
size:11px; font-family:tahoma;}
a.RepNizz:hover {text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;}
a.RepMidd:link, a.RepMidd:active, a.RepMidd:visited {text-decoration:none; color:#e0e0e0; font-
size:11px; font-family:tahoma;}
a.RepMidd:hover {text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;}
a.RepViss div.RepVis {border:1px solid #525252; border-left:0px; background:#252525; padding:1px 4px
2px 3px; text-align:center; text-shadow:1px 1px 0px #151515; -webkit-border-top-right-radius:9px;-webkit-border-bottom-right-radius:9px;-moz-border-radius-topright:9px;-moz-border-radius-bottomright:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;}
a.RepViss div.RepVis:hover {background:#206502; text-shadow:1px 1px 0px #174901;}
a.RepNizz div.RepNiz {border:1px solid #525252; border-right:0px; background:#252525; padding:1px 2px
2px 4px; text-align:center; text-shadow:1px 1px 0px #151515; -webkit-border-top-left-radius:9px;-webkit-border-bottom-left-radius:9px;-moz-border-radius-topleft:9px;-moz-border-radius-bottomleft:9px;border-top-left-radius:9px;border-bottom-left-radius:9px;}
a.RepNizz div.RepNiz:hover {background:#8a0404; text-shadow:1px 1px 0px #6c0202;}
a.RepMidd div.RepMid {border:1px solid #525252; border-right:0px; border-left:0px; background:#252525;
padding:1px 3px 2px 3px; text-align:center; text-shadow:1px 1px 0px #151515;}
a.RepMidd div.RepMid:hover {background:#181818; text-shadow:1px 1px 0px #000000;}
ОТ РлЮсИкА не ОбиЖуСь
