Красивый вид материалов форума ucoz
03.01.2013, 11:02
Очень красивый вид материалов для форума. 

Установка: 
В вид материалов форума пишем: 

Код
<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 пишем:

Код
.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;}
Категория: Виды материалов | Добавил: RICHMOND
Просмотров: 488 | Загрузок: 0 | Рейтинг: 3.7/3
Всего комментариев: 0

Добавить комментарий


Наверх