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

Темный вид материалов форума Юкоз

 
Темный вид материалов форума сайта ucoz. Темный вид материалов был создан Администратором сайта WWW.CSOMSK.RU. Как видите у вида нет багов и как говориться создан отменно и по совести. По дизайну онлайн и оффлайн придает виду свою изюминку.
Как его установить:
Установить вид не сложно. Идем в свою админ панель ищем форум и вид материала. И вот заходим в вид материала и убираем старый код. И вставляем этот код и сохранить.

Code
<style type=»text/css»>  
.postTable border:1px solid #000000; background:#1a1a1a; margin-top:5px;   
  a.postUser:link, a.postUser:active, a.postUser:visited text-decoration:none; font-weight:normal; font-size:11px; font-family:tahoma; color:#000000; text-shadow:1px 1px 0px #000000;  
  a.postUser:hover text-decoration:none; font-weight:normal; font-size:11px; font-family:tahoma; color:#000000;  
  a.postUser div border:1px solid #050505; background:#292929; color:#606060; padding:1px 4px 2px 4px; text-align:center;  
  a.postUser div:hover background:#292929; border:1px solid #000000;  

  .postFirst, .postRest1, .postRest2 background:transparent;  
  .postSeparator height:1px;background:transparent;  

  .infuserF padding:3px 5px 4px 5px; background:#191919; text-shadow:0px 1px 0px #000000; font-size:11px; font-family:tahoma; color:#e0e0e0; text-align:center;  
  .posttdMessage padding:5px 5px 5px 2px; font-size:11px; font-family:tahoma; color:#606060; text-shadow:0px 1px 0px #000000;  
  .posttdMessage img max-width:680px;  

  .WrapInfo border:1px solid #292929;  
  .WrapInfo2 border:1px solid #000000;  

  .postTdTop border:1px solid #353535; border-top:0px;  
  .postTdTop2 border:1px solid #000000; border-top:0px; padding:5px 5px; font-size:11px; font-family:tahoma; color:#171717;  
  .postTdTop2 a font-weight:bold; text-decoration:none; font-size:10px; font-family:verdana;  

  a.RepUsee:link, a.RepMidd:active, a.RepMidd:visited text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;  
  a.RepUsee:hover text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;  
  a.RepUsee div.RepUse border:1px solid #030303; background:#1b1b1b; padding:1px 3px 2px 3px; text-align:center; text-shadow:1px 1px 0px #151515; -webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;  
  a.RepUsee div.RepUse:hover background:#181818; text-shadow:1px 1px 0px #000000;  
  a.RepViss:link, a.RepViss:active, a.RepViss:visited text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;  
  a.RepViss:hover text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;  
  a.RepNizz:link, a.RepNizz:active, a.RepNizz:visited text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;  
  a.RepNizz:hover text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;  
  a.RepMidd:link, a.RepMidd:active, a.RepMidd:visited text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;  
  a.RepMidd:hover text-decoration:none; color:#e0e0e0; font-size:11px; font-family:tahoma;  
  a.RepViss div.RepVis border:1px solid #030303; border-left:0px; background:#1b1b1b; padding:1px 4px 2px 3px; text-align:center; text-shadow:1px 1px 0px #151515; -webkit-border-top-right-radius:9px;-webkit-border-bottom-right-radius:9px;-moz-border-radius-topright:9px;-moz-border-radius-bottomright:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;  
  a.RepViss div.RepVis:hover background:#206502; text-shadow:1px 1px 0px #174901;  
  a.RepNizz div.RepNiz border:1px solid #030303; border-right:0px; background:#1b1b1b; padding:1px 2px 2px 4px; text-align:center; text-shadow:1px 1px 0px #151515; -webkit-border-top-left-radius:9px;-webkit-border-bottom-left-radius:9px;-moz-border-radius-topleft:9px;-moz-border-radius-bottomleft:9px;border-top-left-radius:9px;border-bottom-left-radius:9px;  
  a.RepNizz div.RepNiz:hover background:#8a0404; text-shadow:1px 1px 0px #6c0202;  
  a.RepMidd div.RepMid border:1px solid #030303; border-right:0px; border-left:0px; background:#1b1b1b; padding:1px 3px 2px 3px; text-align:center; text-shadow:1px 1px 0px #151515;  
  a.RepMidd div.RepMid:hover background:#181818; text-shadow:1px 1px 0px #000000;  
  .postTable border:1px solid #1b1b1b;background:#1b1b1b; margin-top:5px;   
  a.postUser:link, a.postUser:active, a.postUser:visited text-decoration:none; font-weight:normal;  
  font-size:11px; font-family:tahoma; color:#e8e8e8; text-shadow:1px 1px 0px #000000;  
  a.postUser:hover text-decoration:none; font-weight:normal; font-size:11px; font-family:tahoma;  
  color:#ffffff; text-shadow:1px 1px 0px #000000;  
  a.postUser div border:1px solid #101010; background:#202020; padding:1px 4px 2px 4px; text-  
  align:center; text-shadow:1px 1px 0px #050505;  
  a.postUser div:hover background:#232323;  

  .postFirst, .postRest1, .postRest2 background:transparent;  
  .postSeparator height:1px;background:transparent;  
  .posttdMessage padding:5px 5px 5px 2px; font-size:11px; font-family:tahoma; color:#999999; text-  
  shadow:1px 1px 0px #1d1d1d;  
  .posttdMessage img max-width:680px;  

  .WrapInfo border:1px solid #1b1b1b;  
  .WrapInfo2 border:1px solid #030303;  

  .postTdTop border-bottom:1px solid #1b1b1b; border-left:1px solid #1b1b1b; border-right:1px solid  
  #1b1b1b;  
  .postTdTop2 border-bottom:1px solid #030303; border-left:1px solid #030303; border-right:1px solid  
  #030303; padding:5px 5px 5px 5px; font-size:11px; font-family:tahoma; color:#7d7d7d;  
  .postTdTop2 a font-weight:bold; text-decoration:none; font-size:10px; font-family:verdana;  
  .postTdTop border-bottom:1px solid #1b1b1b; border-left:1px solid #1b1b1b; border-right:1px solid #1b1b1b;  
  .postTdTop2 border-bottom:1px solid #030303; border-left:1px solid #030303; border-right:1px solid #030303; padding:5px 5px 5px 5px; font-size:11px; font-family:tahoma; color:#7d7d7d;  
  .postTdTop2 a font-weight:bold; text-decoration:none; font-size:10px; font-family:verdana;  

  .postTdTop3 border-top:1px solid #1b1b1b; margin:0 5px; border-left:1px solid #1b1b1b; border-right:1px solid #1b1b1b;  
  .postTdTop4 border-top:1px solid #030303; border-left:1px solid #030303; border-right:1px solid #030303; padding:5px 5px 5px 5px; font-size:11px; font-family:tahoma; color:#7d7d7d;  
  #bg background:url(») #1b1b1b no-repeat top right;  
  </style>  

  <div class=»postTable»>  
  <div style=»padding:0px 5px;»>  
  <table width=»100%» border=»0″ cellpadding=»0″ cellspacing=»0″>  
  <tr><td width=»174px» valign=»top»>  
  <div>  
  <div class=»postTdTop2″>  
  <span style=»margin:0px 9px 0px 0px;»><a class=»postUser» href=»javascript://» onClick=»emoticon(‘$USERNAME$,’);return false;»>  
  <div style=»width:150px; display:inline-block; text-align:center;»>$USERNAME$</div>  
  </a></span>  
  </div></div>  
  </td><td style=»padding-left:4px;» valign=»top»>  
  <div>  
  <div class=»postTdTop2″>  
  <div style=»padding-bottom:1px;»>  
  <div><span style=»text-shadow:1px 1px 0px #272727;»>$WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</span></div>  
  </div>  
  </div></div>  
  </td></tr></table>  
  </div>  
  <div sryle=»padding:2px;»></div>  
  <table border=»0″ cellpadding=»0″ cellspacing=»0″ width=»100%»>  
  <tr>  
  <td style=»padding-left:1px;» width=»178px» valign=»top»><div class=»WrapInfo» style=»margin-left:4px; margin-top:6px;»>  
  <div class=»WrapInfo2″> <?if($USER_STATUS$)?><div class=»imgStat» style=»» align=»center»> <span class=»statusOffline»>$USER_STATUS$</span> </div>  
  <style>.imgStat position:absolute; margin-top:-4px; margin-left:124px; </style><?endif?>  
  <div style=»padding:5px 5px 3px 5px;» align=»center»>  
  <?if($AVATAR_URL$)?>  
  <img title=»$USERNAME$» style=»max-width:150px; max-height:200px;» src=»$AVATAR_URL$»>  
  <?else?>  
  <img title=»$USERNAME$» style=»max-width:150px; max-height:200px;» src=»http://csomsk.ru/1-1-ucoz/no-ava-cs.png»>  
  <?endif?>  
  </div>  
  <div style=»margin-bottom:5px;» align=»center»>$GROUP_ICON$</div>  
  <div style=»border-top:1px solid #1a1a1a; border-bottom:1px solid #030303; margin:0px -0px;»></div>  
  <?if($USER_TITLE$)?>  
  <table border=»0″ cellpadding=»0″ cellspacing=»0″ width=»100%»>  
  <tr>  
  <td style=»padding:2px 3px 3px 4px; background:#1b1b1b;» align=»center» width=»100%»><span style=»text-shadow:1px 1px 0px #1b1b1b; font-size:11px; font-family:tahoma; color:#c8c8c8;»>$USER_TITLE$</span></td>  
  </tr>  
  </table>  
  <div style=»border-top:1px solid #1a1a1a; border-bottom:1px solid #030303; margin:0px -0px;»></div><?endif?>  
  <table border=»0″ id=»essa1″ cellpadding=»0″ cellspacing=»0″ width=»100%» >  
  <tr align=»center»>  
  <td style=»padding:2px 4px 3px 3px; background:#1b1b1b;» align=»left»><div style=»text-shadow:1px 1px 0px #1b1b1b; font-size:11px; font-family:tahoma; color:#c8c8c8;»><b>Сообщений</b>:</div></td>  
  <td style=»padding:2px 3px 3px 4px; background:#1b1b1b;» align=»right»><div style=»text-shadow:1px 1px 0px #1b1b1b; font-size:11px; font-family:tahoma; color:#c8c8c8;»>$POSTS$</div></td>  
  </tr>  
  </table>  
  <div style=»border-top:1px solid #1a1a1a; border-bottom:1px solid #030303; margin:0px -0px;»></div>  
  <?if($AWARDS_READ_URL$)?>  
  <table border=»0″ id=»essa1″ cellpadding=»0″ cellspacing=»0″ width=»100%» >  
  <tr align=»center»>  
  <td style=»padding:2px 4px 3px 3px; background:#1b1b1b;» align=»left»><div style=»text-shadow:1px 1px 0px #1b1b1b; font-size:11px; font-family:tahoma; color:#c8c8c8;»><b>Награды</b>:</div></td>  
  <td style=»padding:2px 3px 3px 4px; background:#1b1b1b;» align=»right»><div style=»text-shadow:1px 1px 0px #1b1b1b; font-size:11px; font-family:tahoma; color:#c8c8c8;»><a href=»$AWARDS_READ_URL$» style=»text-decoration:none;» title=»Список наград»><span class=»repNums»><b>$AWARDS$</b></span></a><?if($AWARDS_DO_URL$)?> <a style=»text-decoration:none;» href=»$AWARDS_DO_URL$»><span style=»font-size:10pt» title=»Вручить награду»><b>+</b></span></a><?endif?></div></td>  
  </tr>  
  </table>  
  <div style=»border-top:1px solid #1a1a1a; border-bottom:1px solid #030303; margin:0px -0px;»></div>  
  <?endif?>  
  <?if($READ_BAN_URL$)?>  
  <table border=»0″ id=»essa1″ cellpadding=»0″ cellspacing=»0″ width=»100%» >  
  <tr align=»center»>  
  <td style=»padding:2px 4px 3px 3px; background:#1b1b1b;» align=»left»><div style=»text-shadow:1px 1px 0px #1b1b1b; font-size:11px; font-family:tahoma; color:#c8c8c8;»><b>Замечания</b>:</div></td>  
  <td style=»padding:2px 3px 3px 4px; background:#1b1b1b;» align=»right»><div style=»text-shadow:1px 1px 0px #1b1b1b; font-size:11px; font-family:tahoma; color:#c8c8c8;»><a class=»banPercent» title=»Смотреть историю замечаний» href=»$READ_BAN_URL$»>$BAN_RATING$</a><?if($DO_BAN_URL$)?> <a title=»Изменить уровень замечаний» class=»banDo» style=»text-decoration:none;» href=»$DO_BAN_URL$»>±</a></div><?endif?></div></td>  
  </tr>  
  </table>  
  <div style=»border-top:1px solid #1a1a1a; border-bottom:1px solid #030303; margin:0px -0px;»></div>  
  <?endif?>  
  <?if($USER_IP$)?>  
  <table border=»0″ id=»essa1″ cellpadding=»0″ cellspacing=»0″ width=»100%» >  
  <tr align=»center»>  
  <td style=»padding:2px 4px 3px 3px; background:#1b1b1b;» align=»left»><div style=»text-shadow:1px 1px 0px #1b1b1b; font-size:11px; font-family:tahoma; color:#c8c8c8;»><b>IP</b>:</div></td>  
  <td style=»padding:2px 3px 3px 4px; background:#1b1b1b;» align=»right»><div style=»text-shadow:1px 1px 0px #1b1b1b; font-size:11px; font-family:tahoma; color:#c8c8c8;»><?if($GROUP_ID$=»4″)?>IP скрыт<?else?><a href=»http://www.ripe.net/perl/whois?$USER_IP$» >$USER_IP$</a><?endif?></div></td>  
  </tr>  
  </table>  
  <div style=»border-top:1px solid #1a1a1a; border-bottom:1px solid #030303; margin:0px -0px;»></div>  
  <?endif?>  
  <?if($GROUP_ID$=»4″)?><?else?><div class=»regip$ID$»></div><script type=»text/javascript»>$(‘.regip$ID$’).load(‘/index/8-0-$USERNAME$ .regipp’);</script><?endif?>  

  <div style=»padding:3px;»></div>  
  <div align=»center»>  
  <div align=»center»><?if($DO_REP_URL$)?>  
  <table style=»margin-bottom:5px;» border=»0″ cellpadding=»0″ cellspacing=»0″ width=»150px»>  
  <tbody><tr>  
  <td style=»padding-right:0px;» width=»27px»><a href=»$DO_REP_URL$» class=»RepNizz»><div class=»RepNiz»><b>-</b></div></a></td>  
  <td><a href=»$READ_REP_URL$» class=»RepMidd»><div class=»RepMid»><b>$REP_RATING$</b></div></a></td>  
  <td style=»padding-left:0px;» width=»27px»><a href=»$DO_REP_URL$» class=»RepViss»><div class=»RepVis»><b>+</b></div></a></td>  
  </tr></tbody></table>  
  <?else?>  
  <div style=»padding:0px; margin-bottom:5px; width:150px;» align=»center»>  
  <a href=»$READ_REP_URL$» class=»RepUsee»><div class=»RepUse»><b>$REP_RATING$</b></div></a>  
  </div>  
  <?endif?></div><div style=»padding-top:1px;»></div>  

  </div>  
  <div style=»padding-top:1px;»></div>  
  </div>  
  </div></td>  
  <td style=»padding-left:5px; background:#1b1b1b;» valign=»top» class=»posttdMessage»><div class=»WrapInfo» style=»margin-top:1px;min-height:269px;»><div class=»WrapInfo2″ style=»min-height:269px; padding:2px;»>$MESSAGE$</div></div></td>  
  </tr>  
  </table>  
  <div class=»postTdTop3″>  
  <div class=»postTdTop4″>  
  <div style=»float:right;padding:1px;»>$ENTRY_MANAGE_ICON_BAR$</div><div style=»padding:1px;»>$USER_DETAILS_ICON_BAR$<?if($AOL$)?><img alt=»» style=»cursor:pointer;margin:0;padding:0;border:0;» src=»http://zornet.ru/zornet_ru8/skype.gif» title=»Skype: $AOL$» onclick=»prompt(‘Skype’,’$AOL$’);»/><?endif?></div>  
  </div>  
  </div>  
  </div>  

  <script type=»text/javascript»>  
  $(«.postTable:first»).attr(‘id’,’bg’);  
  </script>

На этом не все. Надо свой прописать онлайн и офлайн.
Устанавливаем картинки офлайн и онлайн:
Заходим в ПУ-Настройки-Замена стандартных надписей-Пользователи
Изменяем Онлайн на :

Code
<img src=»http://zornet.ru/zornet_ru9/online.png» alt=»Онлайн»>

и

Code
<img src=»http://zornet.ru/zornet_ru9/offline.png» alt=»Оффлайн»>

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

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