» »

Вид материалов форума INFOWEB для системы ucoz


Вид материалов форума INFOWEB для системы ucoz

О скрипте:
Красивый вид выполнен в синий тонах цвета, для системы ucoz, красивый вид материалов в чем то необычный. Для светлых дизайн сайтов.
Приступаем к установке:
Скачиваем файл и заливаем в корень сайта,
Вставляем в ваш стиль сайта в CSS
Code
.forum_ginf_bg {font-family: Tahoma; padding-top: 8px; font-size: 8pt; font-weight: bold; color: #fff; background: url(/images/group_bg.png) no-repeat; width: 172px; height: 22px; text-align: center;}  
  .forum_ginf_bg2 {font-family: Tahoma; font-size: 8pt; padding-top: 8px; font-weight: bold; color: #fff; background: url(/images/uinf_bg.png) no-repeat; width: 172px; height: 24px; text-align: center; }  
  .forum_uinf {font-family: Tahoma; font-size: 8pt; padding-top: 8px; font-weight: bold; color: #fff; background: url(/images/uinf_bg.png) no-repeat; width: 161px; height: 22px; text-align: left; padding-left: 11px;}  
  .forum_uinf2 {font-family: Tahoma; font-size: 8pt; padding-top: 4px; font-weight: bold; color: #fff; background: url(/images/uinf_bg.png) no-repeat; width: 162px; height: 26px; text-align: left; padding-left: 5px; padding-right: 5px;}  
.forum_uinf a{color:#fff; text-decoration: none;}  
  .forum_uinf a:hover{color:#77d4ff; text-decoration: none;}  
  .forum_uinf2 a{color:#fff; text-decoration: none;}  
  .forum_uinf2 a:hover{color:#77d4ff; text-decoration: none;}  
  .forum_uinf3 a{font-family: Tahoma; font-size: 8pt; color:#fff; text-decoration: none; font-weight: bold;}  
  .forum_uinf3 a:hover{font-family: Tahoma; font-size: 8pt; color:#77d4ff; text-decoration: none; font-weight: bold;}  
.statusOnline {color:#00e32b;}  
.statusOffline {color:#c70000;}


Этот код вставляем в вид материалов форума, без (Offline/Online)

Code
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">  
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('$USERNAME$,');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-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://zornet.ru/Zornet-2/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://zornet.ru/Zornet-2/thumbd.png" width="13" border="0" title="Плохой пост"></a></div>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>  
<tr>  
   
  <td class="postTdInfo" valign="top">  
<center>  
  <img alt="$USERNAME$" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><div style="padding-top: 3px">  
<div class="forum_ginf_bg2">$USER_TITLE$</div>  
  <div class="forum_ginf_bg2">$GROUP_NAME$</div>  
<div class="forum_uinf">Сообщения: «$POSTS$»</div>  
  <div class="forum_uinf">Награды: <a href="$AWARDS_READ_URL$">«$AWARDS$»</a> <a href="$AWARDS_DO_URL$">+</a></div>  
<div class="forum_uinf">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">«$BAN_RATING$»</a> <a href="$DO_BAN_URL$">+</a></div>  
  <div class="forum_uinf2"><center><a href="$DO_REP_URL$"><img onclick="repchange('minus');" align="absmiddle" title="Понизить" src="/images/drep_button.png" border="0"></a> <a href="$DO_REP_URL$"><img onclick="repchange('plus');" title="Повысить" align="absmiddle" style="padding-left: 108px;" src="/images/urep_button.png" border="0"></a></center></div>  
<div class="forum_uinf3" style="margin-top: -21px;"><a href="$READ_REP_URL$">«$REP_RATING$»</a></div>  
</div></center>  
  <br>  
   
<br><br><br><br>  
</td>  

   
  <td class="posttdMessage" valign="top">$MESSAGE$  
<div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div>  
<br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span>  
<br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div></td></tr>  
<tr><td class="postBottom" align="center"><div class="postip">[ <a class="postIpLink" href="http://www.ripe.net/perl/whois?$USER_IP$" target="_blank">$USER_IP$</a> (<a href="javascript://" rel="nofollow" onclick='prompt("","$POST_COUNTRY$");return false;'>$POST_COUNTRY_ID$</a>) ]</div> </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>


Этот вариант с (Offline/Online)

Code
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">  
<tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('$USERNAME$,');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-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://zornet.ru/Zornet-2/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://zornet.ru/Zornet-2/thumbd.png" width="13" border="0" title="Плохой пост"></a></div>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>  
<tr>  
   
  <td class="postTdInfo" valign="top">  
<center>  
  <img alt="$USERNAME$" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><div style="padding-top: 3px">  
<div class="forum_ginf_bg2">$USER_TITLE$</div>  
  <div class="forum_ginf_bg2">$GROUP_NAME$</div>  
<div class="forum_uinf">Сообщения: «$POSTS$»</div>  
  <div class="forum_uinf">Награды: <a href="$AWARDS_READ_URL$">«$AWARDS$»</a> <a href="$AWARDS_DO_URL$">+</a></div>  
<div class="forum_uinf">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">«$BAN_RATING$»</a> <a href="$DO_BAN_URL$">+</a></div>  
  <div class="forum_uinf2"><center><a href="$DO_REP_URL$"><img onclick="repchange('minus');" align="absmiddle" title="Понизить" src="/images/drep_button.png" border="0"></a> <a href="$DO_REP_URL$"><img onclick="repchange('plus');" title="Повысить" align="absmiddle" style="padding-left: 108px;" src="/images/urep_button.png" border="0"></a></center></div>  
  <div class="forum_ginf_bg2">$USER_STATUS$</div>  
  <div class="forum_uinf3" style="margin-top: -54px;"><a href="$READ_REP_URL$">«$REP_RATING$»</a></div>  
</div></center>  
  <br>  
   
<br><br><br><br>  
<br><br>  
</td>  
   
   
  <td class="posttdMessage" valign="top">$MESSAGE$  
<div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div>  
<br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span>  
<br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div></td></tr>  
<tr><td class="postBottom" align="center"><div class="postip">[ <a class="postIpLink" href="http://www.ripe.net/perl/whois?$USER_IP$" target="_blank">$USER_IP$</a> (<a href="javascript://" rel="nofollow" onclick='prompt("","$POST_COUNTRY$");return false;'>$POST_COUNTRY_ID$</a>) ]</div> </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>
23.04.2012 Загрузок: 10 Просмотров: 799 Комментарий: (11)

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

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

Комментарий: 11
Canon
Canon 11.01.2016 23:191
0
Но этот профиль по своему дизайну не плохо смотрелся на этом сайте.
Scheme
Scheme 11.01.2016 23:322
0
Но нет, не вижу, сейчас который стоит, тот нормальный, этот какой то длинный и широкий, но мне таки видеться.
FeStemBer
FeStemBer 11.01.2016 23:433
0
Здесь все просто, а точнее все функций выставлены, что можно поставить, и вот потому он и кажется таким, но лучше что то убрать, к примеру как статус.
Kosten
Kosten 12.01.2016 03:239
0
Да, тот тоже по своему оригинален, и точно не будет таким широким.
Kosten
Kosten 12.01.2016 03:228
0
Но смотря какой сайт, вот мне кажется на фиксированной ширине, он нормально, визуально будет как раз.
Kvint
Kvint 11.01.2016 23:554
0
Самый нормальный вид, где все понятно, что за что отвечает, вот некоторые делают, все что угодно напихают, и потом смотришь и задавшийся, а тебе это надо.
Kosten
Kosten 12.01.2016 03:2410
0
Да они все нормальные, если все работает и показывает, здесь только слишком все сделали сразу.
Сопрано
Сопрано 12.01.2016 00:035
0
Но здесь чтоб его поставить, нужно 3 кода прописать, а есть совершенно другие и намного лучше с одним скриптом.
Brung
Brung 12.01.2016 00:116
0
Вот в этом и заключается ошибка, что показан не весь материал, а только что нужно и здесь не понять как он смотрится.
tsakonter
tsakonter 12.01.2016 02:517
0
Вот этот проверил бы, но скачивать не охота и делать папку, так как почти такой стоит, думаю поменяю, нашел здесь вид, который больше подойдет.
Kosten
Kosten 12.01.2016 03:2511
0
Этот вид на светлый сайт делали, но как понимаю по оттенку, что на темный также может подойти. Так как черный и синий оттенок, хорошо сочетаются на сайте.
avatar