вВсё для ucoz-форумов

Светлый вид материалов Форума сайта uCoz

 
Светлый вид материалов Форума сайта uCoz. Вид оригинален, под светло серые дизайн сайты. Сам вид, в нем не обычного нет, в чем и прелесть. Минимализм сейчам в моде, да и красивей, чем всего напихано. В виде все есть что нужно для форума.
Установка:
1) Вставляем Вид Материалов Форума

Код
<table border=»0″ width=»100%» cellspacing=»1″ cellpadding=»2″ class=»postTable»>  
  <tr><td width=»180″ class=»postTdTop» align=»center»><a class=»postUser» href=»javascript://» rel=»nofollow» onClick=»emoticon(‘[b]$USERNAME$[/b],’);return false;»>$USERNAME$</a></td><td class=»postTdTop»>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>  
  <tr><td class=»postTdInfo» valign=»top» style=»padding-top:4px;» width=»190″>  
  <div align=»center»>  
  <?if($AVATAR_URL$)?><img title=»$USERNAME$» border=»0″ src=»$AVATAR_URL$»><?else?><img title=»$USERNAME$» border=»0″ src=»http://zornet.ru/ZORNET/noavatar.png»><?endif?>  
  <?if($GROUP_ICON$)?><div class=»postRankIco»>$GROUP_ICON$</div><?endif?>  
  </div>  
  <div class=»forum_vd»>  
  <div class=»title»><?if($USER_TITLE$)?>$USER_TITLE$<?else?>$USER_RANK_NAME$<?endif?></div>  
  <?if($POSTS$)?><div class=»mess»>Сообщений: $POSTS$</div><?endif?>  
  <div class=»bans»>Замечания: <?if($READ_BAN_URL$)?><a class=»banPercent» title=»Смотреть историю замечаний» href=»$READ_BAN_URL$»>$BAN_RATING$</a> <?if($DO_BAN_URL$)?><a href=»$DO_BAN_URL$»><span style=»font-size:10pt» title=»Сделать замечание»><b>±</b></span></a><?endif?><?else?>Отключены<?endif?></div>  
  <?if($AWARDS_READ_URL$)?>  
  <div class=»award»>  
  Награды: <a href=»$AWARDS_READ_URL$» title=»Список наград»>$AWARDS$</a>  
  <?if($AWARDS_DO_URL$)?> <a href=»$AWARDS_DO_URL$»><span style=»font-size:10pt» title=»Вручить награду»><b>+</b></span></a><?endif?>  
  </div>  
  <?endif?>  
  <?if($READ_REP_URL$)?>  
  <div class=»reps»>  
  <ul>  
  <li class=»ty1″><?if($DO_REP_URL$)?><a class=»reputationDo» href=»javascript://» rel=»nofollow» onclick=»new _uWnd(‘Повысить репутацию пользователю’,’ ‘,400,250,autosize:1,maxh:300,minh:100,closeonesc:1,oncontent:function()$(‘#a2’).click();$(‘fieldset:contains(\’Действие\’)’).hide();$(‘fieldset:contains(\’Комментарий\’)’).css(‘border’,’1px solid #32CD32’);$(‘fieldset:contains(\’Комментарий\’) legend b’).css(‘color’,’#228B22’).html(‘Положительный комментарий <input type=\’hidden\’ name=\’ref\’ value=\»+location.href+’\’ />’)},url:’/index/23-$ID$’);return false;»></a><?endif?></li>  
  <li class=»ty2″><a title=»Смотреть историю репутации» href=»$READ_REP_URL$»>$REP_RATING$</a></li>  
  <li class=»ty3″><?if($DO_REP_URL$)?><a class=»reputationDo» href=»javascript://» rel=»nofollow» onclick=»new _uWnd(‘Понизить репутацию пользователю’,’ ‘,400,250,autosize:1,maxh:300,minh:100,closeonesc:1,oncontent:function()$(‘#a1’).click();$(‘fieldset:contains(\’Действие\’)’).hide();$(‘fieldset:contains(\’Комментарий\’)’).css(‘border’,’1px solid #B22222’);$(‘fieldset:contains(\’Комментарий\’) legend b’).css(‘color’,’#B22222’).html(‘Отрицательный комментарий <input type=\’hidden\’ name=\’ref\’ value=\»+location.href+’\’ />’)},url:’/index/23-$ID$’);return false;»></a><?endif?></li>  
  </ul>  
  </div>  
  <?endif?>  
  </div>  
  </td>  
  <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» align=»center»>$USER_STATUS$</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>

Этот стиль прописываем в ваш CSS в низ

Код
.postTdTop   
  padding:3px 2px 3px 3px;  
  font-family:Tahoma, Geneva, sans-serif;  
  font-weight:bold;  
  font-size:11px;  
  height:20px;  
  color:#0c5577;  
  background:url(http://zornet.ru/ZORNET/gaming-off.ru-line6.png) repeat-x 0 0;  
  border-right:1px solid #cfcfcf;  
  border-bottom:1px solid #cfcfcf;  
    

  .postTdInfo   
  min-height:39px;  
  border-bottom:1px solid #cfcfcf;  
  border-left:1px solid #cfcfcf;  
  border-right:1px solid #cfcfcf;  
  background:#e5e5e5;  
  background:url(‘http://zornet.ru/ZORNET/gaming-off.ru-18.png’);  
    

  .posttdMessage,  
  .postBottom   
  min-height:39px;  
  border-bottom:1px solid #cfcfcf;  
  border-right:1px solid #d8d8d8;  
  background:#e5e5e5;  
    

  .postBottom:first-child   
  border-left:1px solid #cfcfcf;  
    

  .postTdInfo,  
  .posttdMessage,  
  .postBottom   
  border-right:1px solid #cfcfcf;  
    

  .postBottom   
  padding:0 4px;  
    

  .postUser,  
  .postNumberLink   
  color: #0C5577;  
    

  .postRankIco   
  padding:5px 0;  
    

  .posttdMessage   
  padding:4px 5px;  
  font-family:Arial ,Tahoma, Geneva, sans-serif;  
  font-size:11px;  
  color:#3e3e3e;  
    

  .forum_vd   
  width:189px;  
  height:159px;  
  background:url(http://zornet.ru/ZORNET/gaming-off.ru-forum_vd.png) no-repeat 0 0;  
  margin:0 auto;  
    

  .forum_vd .title   
  text-align:center;  
  font-family:Tahoma, Geneva, sans-serif;  
  font-size:11px;  
  color:#737373;  
  font-weight:bold;  
  height:25px;  
  width:150px;  
  margin-left:18px;  
  line-height:25px;  
  overflow:hidden;  
    

  .forum_vd .mess   
  margin:8px 0 0 18px;  
  width:150px;  
  height:24px;  
  text-align:center;  
  font-family:Tahoma, Geneva, sans-serif;  
  font-size:11px;  
  color:#909090;  
  font-weight:bold;  
  text-shadow:0 1px 0 #fff;  
  line-height:25px;  
    

  .forum_vd .bans   
  margin:2px 0 0 18px;  
  width:150px;  
  height:25px;  
  text-align:center;  
  font-family:Tahoma, Geneva, sans-serif;  
  font-size:11px;  
  color:#909090;  
  font-weight:bold;  
  text-shadow:0 1px 0 #fff;  
  line-height:25px;  
    

  .forum_vd .award   
  margin:0 0 0 18px;  
  width:150px;  
  height:25px;  
  text-align:center;  
  font-family:Tahoma, Geneva, sans-serif;  
  font-size:11px;  
  color:#909090;  
  font-weight:bold;  
  text-shadow:0 1px 0 #fff;  
  line-height:25px;  
    

  .forum_vd .reps   
  margin:10px 0 0 18px;  
  width:150px;  
  height:30px;  
    

  .forum_vd .reps ul   
  padding:0;  
  margin:0;  
    

  .forum_vd .reps ul li   
  display:block;  
  float:left;  
    

  .forum_vd .reps .ty1   
  width:23px;  
  height:23px;  
  margin:2px 0 0 3px;  
    

  .forum_vd .reps .ty2   
  width:68px;  
  height:19px;  
  margin:2px 0 0 17px;  
  line-height:19px;  
  text-align:center;  
  color:#fff;  
  font-family:Tahoma, Geneva, sans-serif;  
  font-size:11px;  
  font-weight:bold;  
    

  .forum_vd .reps .ty2 a   
  color:#fff;  
  font-family:Tahoma, Geneva, sans-serif;  
  font-size:11px;  
  font-weight:bold;  
    

  .forum_vd .reps .ty3   
  width:23px;  
  height:23px;  
  margin:2px 0 0 11px;  
    

  .forum_vd .reps .ty1 a,  
  .forum_vd .reps .ty3 a   
  display:block;  
  width:23px;  
  height:23px;  
    

  .statusOffline,  
  .statusOnline   
  display:block;  
  margin-top:2px;  
  

источник: zornet.ru

Похожие посты