» »

Вид материалов форума Grasy для uCoz


Вид материалов форума Grasy для uCoz

Прекрасно сделан по своему дизайну вид материалов форума в фиксированной форме. Что придает ему некую уникальность и он на модуле смотрится оригинально. На любом стандартном шаблоне, он принимает тот оттенок цвета, который прописан на нем. И из этого можно сказать, что на светлый дизайн он создан красиво.

Установка:

Вид материала в админ панели, раздел форум.

Код
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">  
  <tbody><tr><td class="postTdTop" align="center"> <span style="margin:0px 0px 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> </td><td class="postTdTop" style="padding-left:5px"><?if($USER_STATUS$)?><div class="statusBlock" style="float:right">$USER_STATUS$</div><?endif?><?if($AWARDS_DO_URL$ && $USER_LOGGED_IN$ && $CUR_USER_ID$!=$UID$)?><div style="float:right;padding-right: 15px"><a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://s23.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-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://s23.ucoz.net/img/icon/thumbd.png" width="13" border="0" title="Плохой пост"></a></div><?endif?>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>  
  <tr><td class="postTdInfo" valign="top" width="258px">  
  <table style="border-collapse: collapse; width: 100%;"><tbody>  
  <tr><td width="20%" valign="top" align="center" >  
  <div class="avatar-top"> <div class="avatar-bottom"> <div class="avatar-mid" style="text-align: center;"> <?if($AVATAR_URL$)?><img title="$USERNAME$" src="$AVATAR_URL$" style="cursor: pointer; padding-right: 2px;" border="0"></a><?else?><img title="$USERNAME$" src="http://zornet.ru/Ajaxoskrip/Fyrkes/Tyn/no-ava-cs.png"  
  style="cursor: pointer;padding-right: 2px;" border="0" ><?endif?></div></div></div>  
  </td><td width="80%" valign="top" style="padding-top: 11px;">  
  <?if($USER_TITLE$)?><div class="forumvd">$USER_TITLE$</div><?endif?>  
  <div class="forumvd">Группа: $GROUP_NAME$</div>  
  <div class="forumvd">Сообщений: $POSTS$</div>  
  <?if($AWARDS_READ_URL$)?><div class="forumvd">Награды: <a href="$AWARDS_READ_URL$" title="Список наград">$AWARDS$</a><?if($AWARDS_DO_URL$)?><a href="$AWARDS_DO_URL$"> <img title="Вручить награду" src="http://www.csomsk.ru/1-ucoz/ajax4/wp.gif" border="0"></a><?endif?><?endif?></div>  
  <div class="forumvd">Репутация: <?if($READ_REP_URL$)?><a href="$READ_REP_URL$" title="Смотреть историю репутаций">$REP_RATING$</a><?else?>off<?endif?> <?if($DO_REP_URL$)?><a href="$DO_REP_URL$"><img onclick="repchange('minus','$ID$');" title="Понизить репутацию" align="absmiddle" src="http://www.csomsk.ru/1-ucoz/ajax4/wm.gif" border="0" /></a> <a href="$DO_REP_URL$"><img onclick="repchange('plus','$ID$');" align="absmiddle" title="Повысить" src="http://www.csomsk.ru/1-ucoz/ajax4/wp.gif" border="0" /></a><?endif?></div>  
  <?if($READ_BAN_URL$)?><div class="forumvd">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a><?if($DO_BAN_URL$)?> <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$"><img title="Забанить" src="http://www.csomsk.ru/1-ucoz/ajax4/wp.gif" border="0"></a><?endif?></div><?endif?>  
  </td>  
  </tr></tbody></table>  
  </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?><?if($COUNTRY$)?><img src="http://www.csomsk.ru/1-ucoz/flag/$COUNTRY_ID$.gif" align="absmiddle" title="$COUNTRY$"><?endif?><?endif?></td><td class="postBottom" style="padding-left:5px">  
  <table border="0" width="100%" cellspacing="0" cellpadding="0" style="padding-top:4px">  
  <tbody><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" style="padding-right:2px;">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>  
  </tbody></table></td></tr></tbody></table>  
  <style>  
  .avatar-top {  
  width: 99px;  
  padding-top: 11px;  
  background: url(http://zornet.ru/Ajaxoskrip/Fyrkes/Tyn/avatar-top.png) no-repeat;  
  }  
  .avatar-bottom {  
  width: 99px;  
  padding-bottom: 7px;  
  background: url(http://zornet.ru/Ajaxoskrip/Fyrkes/Tyn/avatar-bottom.png) no-repeat bottom left;  
  }  
  .avatar-mid {  
  width: 99px;  
  padding-bottom: 3px;  
  background: url(http://zornet.ru/Ajaxoskrip/Fyrkes/Tyn/avatar-mid.png);  
  }  
  .avatar-mid img {width: 81px;}  
   
   
  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 #fff;}  
  a.postUser:hover {text-decoration:none; font-weight:normal; font-size:11px; font-family:tahoma; color:#555;}  
  a.postUser div {border:1px solid #ccc; background:#f7f7f7; color:#666; padding:1px 4px 2px 4px; text-align:center; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}  
  a.postUser div:hover {background:#fff;border: 1px solid #3E3838;}  
  .postTdTop1 {background:#ECF1FF;color:#000;height:26px;font-size:8pt;}  
  .postBottom1 {background:#F7F7F7;height:20px;}  
  .news_screen1 {padding:4px;background:#f0f0f0;border:1px solid #ddd;}
   
  .forumvd {-moz-border-radius:4px;-webkit-border-radius:4px; border-radius: 4px; background:#F8F7F6; border:1px solid #E6E6E6;font-size:11px;padding:3px;margin:3px;background-color:#fff;}  
  .forumvd:hover {-moz-border-radius:4px;-webkit-border-radius:4px; border-radius: 4px; background:#F8F7F6; border:1px solid #d6d4d4;font-size:11px;padding:3px;margin:3px;background-color:#ff;}  
  .forum_m{padding-left: 7px; padding-top: 5px; padding-bottom: 4px; padding-right: 4px;}  
  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 #fff;}  
  a.postUser:hover {text-decoration:none; font-weight:normal; font-size:11px; font-family:tahoma; color:#555;}  
  a.postUser div {border:1px solid #ccc; background:#f7f7f7; color:#666; padding:1px 4px 2px 4px; text-align:center; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}  
  a.postUser div:hover {background:#fff; border:1px solid #c7c7c7;}  
   
   
  </style>
27.04.2012 Просмотров: 1126 Комментарий: (10)

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

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

Комментарий: 10
Canon
Canon 11.01.2016 23:221
0
Вот самый простой вид материала форума, который мне приходилось видеть.
Scheme
Scheme 11.01.2016 23:302
0
Самый простой этот тот который от системы, а этот явно сделан, не говорю что нарисован, а создан.
Kosten
Kosten 12.01.2016 03:149
0
Нет вообще простых, каждый вид по своему уникален и сложен.
Kosten
Kosten 12.01.2016 03:148
0
Нет этот не такой, точно говорю, нужно посмотреть на изображение пользователя и в какой он рамке.
FeStemBer
FeStemBer 11.01.2016 23:403
0
По своей ширине от больше мне симпатичен, чем даже стандартные, просто делают сильно широкие а общение на смайлов идет.
Kvint
Kvint 11.01.2016 23:514
0
Не знаю, что в нем хорошего нашли, но сейчас как говорят такой вид не в тренде.
Kosten
Kosten 12.01.2016 03:1510
0
Кто это так сказал, а причем тут тренд, людям нравятся они ставят, всю так сказать на любителя.
Сопрано
Сопрано 12.01.2016 00:015
0
Вот такого скрина в поиске полно, а не кто не поставил, что стоит на сайте.
Brung
Brung 12.01.2016 00:086
0
Вот этот интересно посмотреть, что получиться.
tsakonter
tsakonter 12.01.2016 02:487
0
Вот что давно искал, но уже установил, и как то менять не охота, а здесь еще по другому сделано, круто.
avatar