» »

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


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

Представляю вам красивый вид материала для форума. Вид выполнен в светло синих тонах. На светлых дизайн сайтах просто шикарно будит смотреться. В чем то оригинален, онлайн и оффлайн выполнены в нестандартном виде, что виду придает свой шик. Ставиться на форум не сложно.
Описание по установке:
Берем этот код и идем в свой стили (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>
22.10.2012 Просмотров: 766 Комментарий: (8)

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

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

Комментарий: 8
ucozmental
ucozmental 16.01.2016 23:511
0
Вот этот мне подойдет, но по цвету, поставлю и посмотрю как будет.
Сафрон
Сафрон 17.01.2016 00:042
0
Но посмотрим, скиньте мне в ЛС свой сайт.
ucozmental
ucozmental 17.01.2016 00:063
0
Извините, а что такое ЛС.
FeStemBer
FeStemBer 17.01.2016 00:074
0
Сафрон, да он просто издевается, если нет, это личные сообщение.
Сафрон
Сафрон 17.01.2016 00:075
0
Так что точно создал только сайт или просто тролишь.
ucozmental
ucozmental 17.01.2016 00:086
0
Я вообще новичок и создал сайт и теперь разбираюсь.
Brung
Brung 17.01.2016 00:097
0
Вот как чел угорает, да он все знает, просто заняться видать нечем.
Maryges
Maryges 17.01.2016 00:208
0
Не ставил бы такой, просто дизайн мне такой вообще не нравиться.
avatar