Главная » 2011 » Март » 8 » Информация о пользователе в поле сообщения на форуме (используем вертикальные вкладки)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     <script type="text/javascript" src="/tabs.js"></script>
<style type="text/css">
/* <![CDATA[ */

* {margin: 0; padding: 0;}
body {margin: 30px; font: 13px/1.5 "Trebuchet MS", Tahoma, Arial;}
a {color: #0094D6;}
p {padding: 7px 0;}
h1 {font-size: 21px; font-weight: normal; margin: 0 0 30px;}

.section {
     width: 600px;
     background: #ffffff;
     margin: 0 0 30px;
}
ul.tabs {
     height: 28px;
     line-height: 25px;
     list-style: none;
     border-bottom: 0px solid #DDD;
     background: #FFF;
}
.tabs li {
     float: left;
     display: inline;
     margin: 0 1px -1px 0;
     padding: 0 13px 1px;
     color: #777;
     cursor: pointer;
     background: #ffffff;
     border: 0px solid #E4E4E4;
     border-bottom: 0px solid #F9F9F9;
     position: relative;
}
.tabs li:hover,
.vertical .tabs li:hover {
     color: #666;
     padding: 0 13px;
     background: #ffffff;
     border: 0px solid #FFCA95;
}
.tabs li.current {
     color: #666;
     background: #ffffff;
     padding: 0 13px 2px;
     border: 0px solid #D4D4D4;
     border-bottom: 0px solid #EFEFEF;
}
.box {
     display: none;
     border: 0px solid #D4D4D4;
     border-width: 0 0px 0px;
     background: #ffffff;
     padding: 0 12px;
}
.box.visible {
     display: block;
}

.section.vertical {
     width: 700px;
     border-left: 160px solid #FFF;
}
.vertical .tabs {
     width: 160px;
     float: left;
     display: inline;
     margin: 0 0 0 -160px;
}
.vertical .tabs li {
     padding: 0 13px;
     margin: 0 0 1px;
     border: 0px solid #E4E4E4;
     border-right: 0px solid #F9F9F9;
     width: 132px;
     height: 25px;
}
.vertical .tabs li:hover {
     width: 131px;
}
.vertical .tabs li.current {
     width: 133px;
     color: #666;
     font-weight:bold;
     background: #ffffff;
     border: 0px solid #D4D4D4;
     border-right: 0px solid #EFEFEF;
     margin-right: -1px;
}
.vertical .box {
     border-width: 1px;
}

/* ]]> */
</style>

<div class="section vertical">

     <ul class="tabs">
     <li class="current"><?if($AVATAR_URL$)?><img alt="" title="$USERNAME$" class="userAvatar" border="0" width="60px" src="$AVATAR_URL$"><?endif?></li>
     <li><a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$[/b],');return false;">$USERNAME$</a><img src="http://positivno.ucoz.ru/14.png"></li>

     </ul>

     <div class="box visible">
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">
<tr><td class="postTdTop"><?if($AWARDS_DO_URL$ && $USER_LOGGED_IN$ && $CUR_USER_ID$!=$UID$)?><div style="float:right"><a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://s107.ucoz.net/img/icon/thumbu.png" width="13" border="0" title="Хороший пост"></a> <a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://s107.ucoz.net/img/icon/thumbd.png" width="13" border="0" title="Плохой пост"></a></div><?endif?>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>
<tr><td class="posttdMessage" valign="top">$MESSAGE$
<?if($ATTACHMENT$)?> <div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div><?endif?>
<?if($SIGNATURE$)?><br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span><?endif?>
<?if($EDITEDBY$)?><br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div><?endif?></td></tr>
<tr><td class="postBottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td>$USER_DETAILS_ICON_BAR$</td><td align="right" style="padding-right:15px;">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" nowrap align="right">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>
</table></td></tr></table>
     </div>

     <div class="box">
<?if($USER_TITLE$)?><div class="postRankName">$USER_TITLE$</div><?else?><div class="postRankName">$USER_RANK_NAME$</div><?endif?>

<?if($GROUP_ICON$)?><div class="postRankIco">$GROUP_ICON$</div><?else?><div class="postRankIco">$USER_RANK_ICON$</div><?endif?>
<?if($GROUP_NAME$)?><div class="postUserGroup">Группа: $GROUP_NAME$</div><?endif?>
<?if($POSTS$)?><div class="numposts">Сообщений: <span="unp">$POSTS$</span></div><?endif?>
<?if($AWARDS_READ_URL$)?><div class="reputation">Награды: <a href="$AWARDS_READ_URL$" title="Список наград"><span class="repNums"><b>$AWARDS$</b></span></a> <?if($AWARDS_DO_URL$)?> <a href="$AWARDS_DO_URL$"><span style="font-size:10pt" title="Вручить награду"><b>+</b></span></a><?endif?><?endif?>
<?if($READ_REP_URL$)?><div class="reputation">Репутация: <a title="Смотреть историю репутации" class="repHistory" href="$READ_REP_URL$"><b>$REP_RATING$</b></a> <?if($DO_REP_URL$)?>  <a class="reputationDo" title="Изменить репутацию" href="$DO_REP_URL$"><span style="font-size:10pt"><b>±</b></span></a></div><?endif?><?endif?>
<?if($READ_BAN_URL$)?><div class="userBan">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a> <?if($DO_BAN_URL$)?>  <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$">±</a></div><?endif?><?endif?>
<?if($USER_STATUS$)?><div class="statusBlock">Статус: $USER_STATUS$</div><?endif?>
<?if($GROUP_ID$)?> <?else?><br><br><br><br><br><?endif?>
<span id="listawards$ID$">загрузка наград ...</span>

<script type="text/javascript">
     $('#listawards$ID$').hide(); // by UAWARDS.RU
     $.get('/index/54-$UID$', function(data){
     data=$(data).text();
     $('#listawards$ID$').empty().append($('td', data)).show();
})</script>
     </div>

</div>