» »

Темный вид материалов форума сайта ucoz


Темный вид материалов форума сайта 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="Оффлайн">
28.10.2012 Просмотров: 1017 Комментарий: (3)

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

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

Комментарий: 3
ucozmental
ucozmental 16.01.2016 23:481
0
Просто красивый вид материала, а как можно вытащить саму кнопку онлайн.
Сафрон
Сафрон 17.01.2016 00:012
0
Все можно вытащить, но смотря потом куда ставить.
Maryges
Maryges 17.01.2016 00:183
0
Но этот точно вид просто одной кнопкой отличается а так он простой и есть на сайте, но может немного темнее не такой серый.
avatar