» » » » Новый вид комментариев для uCoz

Скрипт коментарий для uCoz - Новый вид комментариев для uCoz


Установка
В виде материалов Комментариев замените всё на:


Code
<style type="text/css" media="all">@import url(/css.css);</style>  
<table width="100%" border="0" cellspacing="0" cellpadding="0">  
  <tr>  

  <td class="topg_l" width="25"> </td>  
  <td align="left" valign="top" class="topg_cen"style="padding: 10 0 0 0px;"><table style="width: 100%; border-collapse: collapse;">  
  <tbody>  
  <tr>  
  <td style="border: 0px solid rgb(0, 0, 0);"><div align="left"><b><span class="ctitle" color: #ff6600;><a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><b>$NUMBER$</b></a></b> - Написал:</span>  
  <a href="$PROFILE_URL$"><b>$USERNAME$</b></a><b>$NAME$</b> <b></b></span></div>  
  </td>  

  <td style="border: 0px solid rgb(0, 0, 0);"><div style="text-align: right;"> <b>Опубликовано:</b> ($DATE$ $TIME$)</div>  
  </td>  
  </tr>  
  </tbody>  
</table></td>  
  <td class="topg_r"></td>  
  </tr>  

  <tr>  
  <td class="midg_l"> </td>  
  <td align="left" valign="top" bgcolor="#e9e7e4">  
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="news">  
  <tr>  
  <td>  

<a name="comments4"></a>  
<table cellSpacing=0 cellpadding=0 width="100%">  
  <TBODY>  

<TR>  
  <TD style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px" vAlign=top colSpan=2>  
  <div style="text-align: justify;">  

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="stext">  
<tr>  
  <td background="/images/wallpaper.jpg" valign="top" style="padding:5px; border:2px solid #cccccc; color: #ff6600;" width="170"><center><a href="$PROFILE_URL$" title="$USERNAME$"><img align="center" src="$USER_AVATAR_URL$" border="0" /></a><img src="/images/noavatar.png"><br></center><br><br><b><center><br>  
  <span class="myWinError"><b>$COMMENT_RATING$</b></span><span style="color:gray;"><b>$COMMENT_RATING$</b></span><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span> <a href="$GOOD_COMMENT_URL$"><img src="http://s37.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$">  
  <img src="http://s37.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><img src="http://s37.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img src="http://s37.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><br>$MODER_PANEL$<br><br><br><a href="$ANSWER_URL$">Ответить</a><br><br>Можно и свое что то добавить!  
  </center></td>  

  <td class="post2" valign="top">  

<div class="postc1"><div class="postc2"><div class="postc3"><div class="postc4"><div class="postc5"><div class="postc6"><div class="postc7"><div class="postc8">  

<div class="news" valign="top" style="padding-left:7px;"><div style="text-align: justify;">$MESSAGE$<br><b>Ответ</b>: $ANSWER$</div></div>  

</div></div></div></div></div></div></div></div>  
<br>  

  </td>  

  </tr>  
</table>  

  </div>  
  </TD>  
</TR>  
<TR>  

<TD style="padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; border-bottom: #666666 0px solid; height: 30px" colSpan=2>  
<table style="width: 100%; border-collapse: collapse;">  
  <tbody>  

  <tr>  
  <td class="select" style="border: 0px solid rgb(0, 0, 0);"><div style="text-align: right;"> </div>  
  </td>  
  </tr>  
  </tbody>  
</table>  
</TD>  

  </TR>  
  </TBODY>  

</table>  

</td>  
  </tr>  
  <tr>  
  </tr>  
</table>  
  </td>  
  <td class="midg_r"> </td>  
  </tr>  
  <tr>  

  <td class="botg_l"> </td>  
  <td class="botg_cen">  
  <td class="botg_r"></td>  
  </tr>  
  <tr>  
  <td colspan="3"> </td>  
  </tr>  
</table>

Далее вставьте в самый низ вашего CSS следующий код:
Code
.topg_l {  
background-image:url(../images/topg_l.png);  
height:44px;  
width:9px;  
}  
.topg_cen {  
background-image:url(../images/topg_c.png);  
height:44px;  
}  

.topg_r {  
background-image:url(../images/topg_r.png);  
height:44px;  
width:9px;  
}  
.ctitlev {  
color:#666;  
border:0;  
}  

.ctitlev p a:link,.ctitlev p a:visited,.ctitlev p a:hover,.ctitlev p a:active {  
text-decoration:none;  
color:#36a0ba;  
border:1px solid #ccc;  
padding:2px 5px;  
font-size:10px;  
}  

.ctitlev p a:hover {  
background:#c8c8c8;  
border-color:#666;  
}  

.ctitlev p {  
margin:4px 6px;  
}  

.ctitlev p span {  
text-decoration:none;  
padding:2px 5px;  
border:1px solid #ccc;  
color:#ccc;  
font-size:10px;  
}  

.ctitlev h4 {  
margin-top:-1.45em;  
padding:0;  
border:none;  
}  
.midg_l {  
background-image:url(../images/midg_l.png);  
width:9px;  
}  

.midg_r {  
background-image:url(../images/midg_r.png);  
width:9px;  
}  
.news {  
font:11px Verdana;  
text-align:justify;  
padding:7px;  
}  

.news a {  
text-decoration:none;  
font-weight:bold;  
}  

.news a:hover {  
text-decoration:underline;  
font-weight:bold;  
}  
.postc1 {  
background:#f2f2f1 url(../images/post1.gif) repeat-x top center;  
margin:0 15px 0 0;  
}  

.postc2 {  
background:url(../images/post2.gif) repeat-x bottom center;  
}  

.postc3 {  
background:url(../images/post3.gif) repeat-y top right;  
}  

.postc4 {  
background:url(../images/post4.gif) repeat-y top left;  
}  

.postc5 {  
background:url(../images/post5.gif) no-repeat top right;  
}  

.postc6 {  
background:url(../images/post6.gif) no-repeat top left;  
}  

.postc7 {  
background:url(../images/post7.gif) no-repeat bottom left;  
}  

.postc8 {  
background:url(../images/post8.gif) no-repeat bottom right;  
padding:15px;  
padding-bottom:10px;  
}  

.postc8 a:link,.postc8 a:visited {  
color:#a97f68;  
text-decoration:underline;  
}  

.postc8 a:hover,.postc8 a:active {  
color:#cf5f01;  
}  
SELECT {  
font-size:11px;  
font-family:tahoma, sans-serif;  
}  
.botg_l {  
background-image:url(../images/botg_l.png);  
height:21px;  
width:9px;  
}  

.botg_cen {  
background-image:url(../images/botg_c.png);  
height:21px;  
}  

.botg_r {  
background-image:url(../images/botg_r.png);  
height:21px;  
width:9px;  
}


Осталось лишь залить в корень сайта папку из прикреплённого архива и радоваться новому виду комментариев

  Просмотров: 1951 | Категория: Ucoz-комментарии | Добавил: NA

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.