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

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

 
Представляю вам красивый вид материала для форума. Вид выполнен в светло синих тонах. На светлых дизайн сайтах просто шикарно будит смотреться. В чем то оригинален, онлайн и оффлайн выполнены в нестандартном виде, что виду придает свой шик. Ставиться на форум не сложно.
Описание по установке:
Берем этот код и идем в свой стили (CSS) и прописываем там в низу.

Code
.view text-shadow:#3d5565 inherit;font-family: Tahoma, Geneva, sans-serif;font-size: 11px;color: #FFF;width: 184px;  
  .center background-image: url(http://zornet.ru/zornet_ru8/view.png);text-align: center;padding-top: 5px;padding-bottom: 5px;padding-right: 15px;padding-left: 15px;height: 17px;margin: 0px;  
  .rating background-image: url(http://zornet.ru/zornet_ru8/repa.png);text-align: center;padding-right: 10px;padding-left: 10px;height: 25px;margin: 0px;   
  .rating_c font-weight: bold;float: left;text-align: center;width: 94px;padding-top: 5px;padding-bottom: 5px;  
  .plus float: left;width: 35px;color: #fff;font-size: 12px;padding-top: 5px;padding-bottom: 5px;margin-left:-2px  
  .minus width: 35px;color: #fff;font-size: 12px;float: left;text-align: center;padding-top: 5px;padding-bottom: 5px;margin-left:2px  
  .center a color:#fff !important;font-size: 10px;  
  .rating a color:#fff !important;  
  .rating_c a color:#fff !important;  
  .plus a color:#fff !important;  
  .minus a color:#fff !important;

Как прописали стили нашего вида идем в раздел Форум и вид материалов. Вот из вида материалов убираем весь код и прописываем этот код.

Code
<table border=»0″ width=»100%» cellspacing=»1″ cellpadding=»2″ class=»postTable»>  
  <div class=»gDivLeft»><div class=»gDivRight»><table class=»gTable» border=»0″ width=»100%» cellspacing=»1″ cellpadding=»0″><tr><td class=»gTableTop»></tr><tr id=»post6″>  
  <tr><td width=»23%» class=»postTdTop» align=»center»><a class=»postUser» href=»javascript://» rel=»nofollow» onClick=»emoticon(‘[b]$USERNAME$[/b],’);return false;»>$USERNAME$</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-3-28-forum-2_3_6_16_1341977435’);return false;»><img alt=»» src=»http://s42.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-3-47-forum-2_3_6_16_1341977435’);return false;»><img alt=»» src=»http://s42.ucoz.net/img/icon/thumbd.png» width=»13″ border=»0″ title=»Плохой пост»></a></div>Дата: Среда, 11.07.2012, 07:30 | Сообщение # <a name=»6″ class=»postNumberLink» href=»javascript://» rel=»nofollow» onclick=»prompt(‘Прямая ссылка к сообщению’,’http://csdefa.ru/forum/2-3-6-16-1341977435’);return false;»>1</a></td></tr>  
  <tr><td class=»postTdInfo» valign=»top»>  
  <?if($AVATAR_URL$)?><img style=»padding-bottom:5px» class=»userAvatar» title=»$USERNAME$($GROUP_NAME$)» src=»$AVATAR_URL$» border=»0″><?else?><img src=http://zornet.ru/zornet_ru8/7504f641ae8e.png><?endif?>  
  <center>$GROUP_ICON$  
  <div class=»view»>  
  <?if($USER_TITLE$)?><div class=»center»><b>$USER_TITLE$</b></div><?endif?>  
  <div class=»center»>Сообщений: $POSTS$</div>  
  <div class=»center»>Награды: <a href=»$AWARDS_READ_URL$»><b>$AWARDS$</b></a> <a href=»javascript://» rel=»nofollow» onclick=»new _uWnd(‘AwD’,’Вручить награду’,380,200,autosize:1,closeonesc:1,maxh:300,minh:100,url:’http://csdefa.ru/index/55-3’);return false;»><b>+</b></a></div>  
  <?if($READ_REP_URL$)?><?else?><div class=»rating»>  
  <div class=»plus»><a class=»reputationDo» title=»Изменить репутацию» href=»$DO_REP_URL$»><b>+</b></a></div>  
  <div class=»rating_c»><a title=»Смотреть историю репутации» class=»repHistory» href=»$READ_REP_URL$»><b>$REP_RATING$</b></a></div>  
  <div class=»minus»><a class=»reputationDo» title=»Изменить репутацию» href=»$DO_REP_URL$»><b>-</b></a></div><?endif?>  
  </div>  
  </div>  
  $USER_STATUS$<br><br>  
  </center>  
  </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»><?if($USER_IP$)?><div class=»postip»>[ <a class=»postIpLink» href=»http://www.ripe.net/perl/whois?$USER_IP$» target=»_blank»>$USER_IP$</a><?if($POST_COUNTRY_ID$)?> (<a href=»javascript://» rel=»nofollow» onclick=’prompt(«»,»$POST_COUNTRY$»);return false;’>$POST_COUNTRY_ID$</a>)<?endif?> ]</div><?else?> <?endif?></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>

Заходим в Замена стандартных записей > Пользователи

Вместо Онлайн ставим:

Code
<span class=»statusOnline»><img src=http://zornet.ru/zornet_ru8/online.png border=0></span>

Вместо Оффлайн ставим:

Code
<span class=»statusOffline»><img src=»http://zornet.ru/zornet_ru8/offline.png» border=»0″ alt=»» /></span>

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

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