Красивый вид материалов форума ucoz




Установка:
В вид материалов форума пишем:
Code
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">  
  <tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$[/b],');return false;"><a class="postUser">$USERNAME$</a> "$USER_STATUS$"</a></td><td class="postTdTop"><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://s72.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://s72.ucoz.net/img/icon/thumbd.png" width="13" border="0" title="Плохой пост"></a></div>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>  
<tr><td class="postTdInfo" valign="top">  
<img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$">  
<div class="post_info_table"><b>$GROUP_NAME$</b></div>  
<div class="postRankName"><div class="post_info_table">$USER_TITLE$</div></div><div class="postRankName"></div>  
<div class="numposts"><div class="post_info_table">Сообщений: <span="unp">$POSTS$</div></span></div>  
<div class="reputation">Награды: <a href="$AWARDS_READ_URL$" title="Список наград"><span class="repNums"><b>$AWARDS$</b></span></a> <a href="$AWARDS_DO_URL$"><span style="font-size:10pt" title="Вручить награду"><b>+</b></span></a>  
<div class="userBan"><div class="post_info_table">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a></div> <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$">±</a></div></div>  
<div class="post_info_rep">  
<div class="post_info_num">  
<div class="reputation">Репутация: <a title="Смотреть историю репутации" class="repHistory" href="$READ_REP_URL$"><b>$REP_RATING$</b></a> <a class="reputationDo" title="Изменить репутацию" href="$DO_REP_URL$"><span style="font-size:10pt"><b>±</div></b></span></a></div>  
<div class="post_info_minus"></div>  
<div class="post_info_plus"></div>  
</div>  
<br><br><br><br><br>  
</td><td class="posttdMessage" valign="top">$MESSAGE$  
<div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div>  
<br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span>  
<br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div></td></tr>  
<tr><td class="postBottom" align="center"><div class="postip">[ <a class="postIpLink" href="http://www.ripe.net/perl/whois?$USER_IP$" target="_blank">$USER_IP$</a> (<a href="javascript://" rel="nofollow" onclick='prompt("","$POST_COUNTRY$");return false;'>$POST_COUNTRY_ID$</a>) ]</div> </td><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>
  


2. В CSS пишем:
Code
.post_info_table {margin:0 3px 0 0;background:url(http://indewo.ru/winterimg/post_info_table.png) no-repeat;width:172px;height:20px;text-align:center;font:11px 'calibri';text-transform: uppercase; font-style:italic;color:fff;padding:5px 0 0 0;text-shadow:0 1px 0 #5c5c5c;}  
.post_info_rep {background:url(http://indewo.ru/winterimg/post_info_rep.png) no-repeat;width:172px;height:28px;}  
.post_info_num {text-align:center;padding:8px 0 0 0;font:12px 'calibri';text-transform: uppercase; font-style:italic;color:fff;text-shadow:0 1px 0 #5c5c5c;}  
.post_info_minus {float:left;margin:-11px 0 0 14px;color:fff;}  
.post_info_plus {float:right;margin:-15px 20px 0 0;color:fff;font-size:10px;}  
.post_info_table a,.post_info_table a:hover,.post_info_rep a,.post_info_rep a:hover,.post_info_num a,.post_info_num a:hover,.post_info_minus a,.post_info_minus a:hover,.post_info_plus a,.post_info_plus a:hover {text-decoration:none;font:11px 'calibri';text-transform: uppercase; font-style:italic;color:fff;text-shadow:0 1px 0 #5c5c5c;}



ИсточникАвтор: INDEWO | Категория: Вид материалов для ucoz | Добавил: AID | Дата: 11.11.2012
2 | qoof пишет: | 11.11.2012 | 11:24 Страница с комментарием |
Указывать автора обязательно! INDEWO.RU
+ (-2) -