Изменяем вид коментариев на сайтах uCoz

Недавно я задалась вопросом как изменить вид коментариев на своем сайте uCoz. Меня категорически не устраивало, как они выглядят, а именно:

В сообщениях комментариев высвечивался мой никнейм, а мне бы хотелось, чтобы вместо него было написано слово Admin

Собственно сам внешний вид комментариев.

Как поменять свой ник/имя в Комментариях ucoz

Вы наверно видели, что каждый чеговек, оставляющий комментарий, пишет свой ник. Вы как владелец сайта, тоже имеете свой ник – и это ник, под которым Вы зарегистрированы в системе uCoz. Меня эта ситуация категорически не устраивала. Мне нужно, чтобы мои сообщения были написаны под ником “Admin”. И я решила это следующим образом.
Панель управления – Дизайн – Управление дизайном (шаблоны) – Вид комментариев

Находим строчку

<?if($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?>

1	<?if($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?>

И меняем ее на строчку

<?if($USERNAME$)?><?if($USERNAME$='natrud')?><b><a href="$PROFILE_URL$">Admin</a></b><?else?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?endif?><?else?><b>$NAME$</b><?endif?>

1	<?if($USERNAME$)?><?if($USERNAME$='natrud')?><b><a href="$PROFILE_URL$">Admin</a></b><?else?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?endif?><?else?><b>$NAME$</b><?endif?>

где вместо natrud вписываем свой ник (тот ник, под которым сейчас выводятся Ваши сообщения в комментариях), а вместо Admin пишите тот ник, который хотите чтобы выводился, например, Администратор, Administrator или любой другой.

Внешний вид комментариев на сайтах uCoz

Со внешним видом комментариев дела обстояли гораздо проще. Вариантов в интернете множество.

Вам предлагаю такой вариант:

HTML

Панель управления – Дизайн – Управление дизайном (шаблоны) – Вид комментариев
Удаляете весь код, который там есть и вставляете следующий

<div class="$CLASS$">  
  <div class="vid_comments_os">  
  <div class="vc_top">  
  <div class="vc_name"><strong> 
   
  <?if($USERNAME$)?><?if($USERNAME$='natrud')?><b><a href="$PROFILE_URL$">Admin</a></b><?else?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?endif?><?else?><b>$NAME$</b><?endif?></strong> 
   
  <?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?><span> | $DATE$ | $TIME$</span></div>  
  <div class="vc_nomer"><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$">$NUMBER$</a> </div>  
  <div class="vc_reiting">  
   
  <?if($GOOD_COMMENT_URL$)?>  
  <a href="$GOOD_COMMENT_URL$"><img src="/https://stepfor.top/vid_coment/plus_01.gif" alt="+" title="Хороший пост"/></a>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <a href="$BAD_COMMENT_URL$"><img src="https://stepfor.top/vid_coment/minuc_01.gif" alt="-" title="Плохой пост"/></a><?else?>  
  <?if($COMMENT_RATING$=0)?>  
  <img src="/vid_coment/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <img src="/vid_coment/minuc_02.png" alt="-" title="Плохой пост"/>  
  <?else?>  
  <?if($COMMENT_RATING$<0)?>  
  <img src="/vid_coment/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="red">($COMMENT_RATING$)</span>  
  <img src="/vid_coment/minuc_02.png" alt="-" title="Плохой пост"/>  
  <?else?>  
  <img src="/vid_coment/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="gren">(+$COMMENT_RATING$)</span>  
  <img src="/vid_coment/minuc_02.png" alt="-" title="Плохой пост"/>  
  <?endif?>  
  <?endif?>  
  <?endif?>  
  </div>  
</div>  
<div class="vc_center"><?if($USERNAME$)?><?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="$USER_AVATAR_URL$" /></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="http://www.center-dm.ru/site/no_avatar.jpg" /></a><?endif?><?else?><img class="coment_avatar" alt="" src="http://www.center-dm.ru/site/no_avatar.jpg" /><?endif?>$MESSAGE$</div>  
<?if($ANSWER$)?><div class="vcc_otvet"><strong>Ответ</strong>: $ANSWER$</div><?endif?>  
<div class="vc_bottom"><?if($ANSWER_URL$)?><a href="$ANSWER_URL$">Ответить</a> <?endif?> $MODER_PANEL$</div>  
  </div>  
</div>

<?if($USERNAME$)?><?if($USERNAME$='natrud')?><b><a href="$PROFILE_URL$">Admin</a></b><?else?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?endif?><?else?><b>$NAME$</b><?endif?></strong>

<?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?><span> | $DATE$ | $TIME$</span></div>

<div class="vc_nomer"><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$">$NUMBER$</a> </div>

<?if($GOOD_COMMENT_URL$)?>

<span class="post_r">($COMMENT_RATING$)</span>

<?if($COMMENT_RATING$=0)?>

<span class="post_r">($COMMENT_RATING$)</span>

<?else?>

<?if($COMMENT_RATING$<0)?>

<span class="red">($COMMENT_RATING$)</span>

<?else?>

<span class="gren">(+$COMMENT_RATING$)</span>

<?endif?>

</div>

<div class="vc_center"><?if($USERNAME$)?><?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="$USER_AVATAR_URL$" /></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="http://www.center-dm.ru/site/no_avatar.jpg" /></a><?endif?><?else?><img class="coment_avatar" alt="" src="http://www.center-dm.ru/site/no_avatar.jpg" /><?endif?>$MESSAGE$</div>

<?if($ANSWER$)?><div class="vcc_otvet"><strong>Ответ</strong>: $ANSWER$</div><?endif?>

<div class="vc_bottom"><?if($ANSWER_URL$)?><a href="$ANSWER_URL$">Ответить</a> <?endif?> $MODER_PANEL$</div>

</div>

Больше статей: Регистрация и создание сайта на uCoz

Не забудьте поменять natrud на Ваш ник.

CSS

Панель управления – Дизайн – Управление дизайном (CSS)

Находим в CSS стилях блок комментариев, в котором должны бть следующие строчки:

.cBlock1 { }  
.cBlock2 { }

1 2	.cBlock1 { } .cBlock2 { }

Удаляете их, и вместо них, в том же месте, вставляете новые стили комментариев. В моем случае вот они:

.cBlock1,  
.cBlock2 {  
  float:left;  
  overflow: hidden;  
  width:100%;  
  margin-bottom: 15px;  
  outline: 1px solid #84ABC2;  
  border: 1px solid #fff;  
}  

.cBlock1 {background: #ECFEFF;} /*eff3f7;}*/  
.cBlock2 {background: #FAFCFC;} /*dbe8f6;}*/  
.vid_comments_os {  
  float:left;  
  width:95%;  
  padding: 5px 15px 5px 16px;  
}  

.vid_comments_os a:link,  
.vid_comments_os a:visited {color:#115882;}  
.vid_comments_os a:hover {color:#2222be;}  
.vid_comments_os img {border: none; }  
.vid_comments_os a {outline: none; text-decoration:none!important; }  

.vc_top {  
  float:left;  
  width:100%;  
  padding: 0px 0px 5px 0px;  
}  

.vc_name {  
  font: 10px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #fff;  
  float:left;  
  padding: 3px 0px 0px 0px;  
}  
   
.vc_name strong {color:#4EA62C;}  
.vc_name span {color:#777;}  

.vc_reiting {  
  font: 11px Verdana,Arial,Helvetica, sans-serif;  
  float:right;  
}  

.vc_reiting img {float:left; padding-top: 6px;}  
.vc_reiting span {float:left; padding: 2px 5px 0px 5px; font-weight: bold;}  

.vc_nomer {  
  font: 11px Verdana,Arial,Helvetica, sans-serif;  
  float:right;  
  font-size:19px;  
  margin-left: 15px;  
}  

.vc_nomer a:link,  
.vc_nomer a:visited {color:#C7C7C7;}  
.vc_nomer a:hover {color:#2C68A6;}  

.vc_center {  
  float:left;  
  text-align:justify;  
  font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
  color:#555;  
  width:100%;  
}  

.coment_avatar{  
  float:right;  
  width:50px;  
  height:50px;  
  padding:3px;  
  margin: 0px 0px 10px 15px;  
  border: 1px solid #84ABC2;  
}  

.vc_center {  
  color:#555;  
  width:100%;  
}  

.vcc_otvet {  
  color:#555;  
  padding: 5px 5px 5px 5px;  
  background: #fff;  
  border: 1px solid #84ABC2;  
  width:98%;  
  margin: 10px 0px 10px 0px;  
}  

.vc_center,  
.vcc_otvet {  
  float:left;  
  overflow: hidden;  
  text-align:justify;  
  font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
}  

.vc_bottom {  
  clear:left;  
  text-align:right;  
  padding: 0px 0px 0px 0px;  
}  

.post_r {color: #888;}  
.red {color: #a71a1a;}  
.gren {color: #1da71a;}  
.grey {color: #999;}

100

101

102

103

104

105

106

107

108

.cBlock1,

.cBlock2 {

float:left;

overflow: hidden;

width:100%;

margin-bottom: 15px;

outline: 1px solid #84ABC2;

border: 1px solid #fff;

}

.cBlock1 {background: #ECFEFF;} /*eff3f7;}*/

.cBlock2 {background: #FAFCFC;} /*dbe8f6;}*/

.vid_comments_os {

float:left;

width:95%;

padding: 5px 15px 5px 16px;

}

.vid_comments_os a:link,

.vid_comments_os a:visited {color:#115882;}

.vid_comments_os a:hover {color:#2222be;}

.vid_comments_os img {border: none; }

.vid_comments_os a {outline: none; text-decoration:none!important; }

.vc_top {

float:left;

width:100%;

padding: 0px 0px 5px 0px;

}

.vc_name {

font: 10px Verdana,Arial,Helvetica, sans-serif;

text-shadow: 1px 1px 1px #fff;

float:left;

padding: 3px 0px 0px 0px;

}

.vc_name strong {color:#4EA62C;}

.vc_name span {color:#777;}

.vc_reiting {

font: 11px Verdana,Arial,Helvetica, sans-serif;

float:right;

}

.vc_reiting img {float:left; padding-top: 6px;}

.vc_reiting span {float:left; padding: 2px 5px 0px 5px; font-weight: bold;}

.vc_nomer {

font: 11px Verdana,Arial,Helvetica, sans-serif;

float:right;

font-size:19px;

margin-left: 15px;

}

.vc_nomer a:link,

.vc_nomer a:visited {color:#C7C7C7;}

.vc_nomer a:hover {color:#2C68A6;}

.vc_center {

float:left;

text-align:justify;

font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;

color:#555;

width:100%;

}

.coment_avatar{

float:right;

width:50px;

height:50px;

padding:3px;

margin: 0px 0px 10px 15px;

border: 1px solid #84ABC2;

}

.vc_center {

color:#555;

width:100%;

}

.vcc_otvet {

color:#555;

padding: 5px 5px 5px 5px;

background: #fff;

border: 1px solid #84ABC2;

width:98%;

margin: 10px 0px 10px 0px;

}

.vc_center,

.vcc_otvet {

float:left;

overflow: hidden;

text-align:justify;

font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;

}

.vc_bottom {

clear:left;

text-align:right;

padding: 0px 0px 0px 0px;

}

.post_r {color: #888;}

.red {color: #a71a1a;}

.gren {color: #1da71a;}

.grey {color: #999;}

Больше статей: Подсветка синтаксиса кода для uCoz

Файловый архив

⇊ СКАЧАТЬ
Скачайте файлы находящиеся в архиве и загрузите на свой сайт в папку vid_coment.

Вот и все!
Теперь мои комментарии выглядят именно так, как я хотела. Чего и Вам желаю!

268

Изменяем вид коментариев на сайтах uCoz

Как поменять свой ник/имя в Комментариях ucoz

Внешний вид комментариев на сайтах uCoz

HTML

CSS

Файловый архив

Leave a Reply Cancel reply