» »

Светлый вид материалов Форума сайта 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;  
  }
07.02.2013 Просмотров: 1617 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar