Изменения информера топ комментарий - Форум

Новые сообщения
Участники
Правила форума
Поиск
RSS

Страница 1 из 2 1 2 »
Модератор форума: -SAM-

Изменения информера топ комментарий (Проблема с изменением топ комментарий)

Изменения информера топ комментарий

TiMzLeR

Суббота, 29 Октября 2016, 02:29 | Сообщение 1

Проверенные

Сообщений:410

Награды: 0

« 29 »

Здравствуйте друзья, Нашел красивый информер комментарий и решил его поставить к себе, но тут у меня появилась идея немного над ним поработать изменить а точнее улучшать. Вот ссылка на этот информер Светлый информер комментарий а теперь перейдем к тому что мне надо в нем добавить вот то что я обвел стрелками Клик и скрин) с низу текста сообщения с права кнопка ответить а с лева дата которую я изменю на $ENTRY_TITLE$ и scroll а также отступ над каждым комментом. Вот код моего информер.)

1)Код в информер:

Код

<div class="uzer_coment_v">
<div class="uzer_name">
<a href="$PROFILE_URL$" target="_blank">$NAME$</a>
</div>
<div class="uzer_data">$DATE$</div>
</div>
<div class="uzer_massage"><a href="$ENTRY_URL$" target="_blank"><?if($USER_AVATAR_URL$)?><img class="coment_avatar" src="$USER_AVATAR_URL$" /><?else?><img class="coment_avatar" src="http://zornet.ru/Ajaxoskrip/Forma_skriptov/zZdU4oy.jpg" alt="no" /><?endif?>
$MESSAGE$</a></div>

2)Код в css:

Код

.uzer_coment {
  overflow: hidden;
  width:260px;
  background: #FFF8F1;
  border: 1px solid #97CDEA;
  border-bottom:none;
  border-radius: 5px;
}

.uzer_coment_v {
  float:left;
  width:260px;
  height:27px;
  background: url(http://zornet.ru/Fresa/Argsa/rytys/fon_inf_comment_v.png) repeat-x top;
  border-top: 1px solid #CCEBFF;
}

.uzer_coment_v a:link,
.uzer_coment_v a:visited {color:#393939;}
.uzer_coment_v a:hover {color: #6F7ECF;}

.uzer_coment_v a:link,
.uzer_coment_v a:visited,
.uzer_coment_v a:hover {
  text-decoration:none;
  font:11px Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 1px #afafaf;
}

.uzer_name {
  float:left;
  padding: 6px 0px 0px 10px;
}

.uzer_data {
  float:right;
  font:11px Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
  color:#393939;
  text-shadow: 1px 1px 1px #AFAFAF;
  padding: 6px 10px 0px 0px;
}

.uzer_massage {
  background: url(http://zornet.ru/Fresa/Argsa/rytys/fon_inf_comment.png) repeat-x top;
  width:250px;
  float:left;
  overflow: hidden;
  padding: 10px 5px 10px 5px;
  border-bottom: 1px solid #719CD1;
}

.uzer_massage :link,
.uzer_massage :visited {
  display: block;
  text-decoration: none;
  color:#555;
}

.uzer_massage:hover {
  color:#555;
  background: url(http://zornet.ru/Fresa/Argsa/rytys/fon_inf_comment.png) repeat-x top #A8DCFF;
}

.coment_avatar {
  width:45px;
  height:45px;
  float:right;
  background: #F2FAFF;
  padding: 3px;
  margin-left: 5px;
  border: 1px solid #BCE2FB;
  border-radius: 26px;
}

Вот информер в которым и есть для этого код

1)Код в информер:

Код

<div class="ChatMess1">
  <div class="ChatMesTop2"><div style="float:right;color:#000;">$TIME$ <a href="$PROFILE_URL$"
  rel="nofollow" rel="nofollow"><img src="http://web-novichok.ru/ucoz_importal/exercise-files/images/poclednii_kommenti_info.gif" border="0" style="vertical-align:-1px; margin-right:1px;" /></a></div><?if($USERNAME$)?><a href="$PROFILE_URL$" ><b><font color=fff>$USERNAME$</font></b></a><?else?><a href="$PROFILE_URL$" ><b><font color=fff>$NAME$</font></b></a><?endif?></div>
  <div style="padding:3px 3px 3px 4px;"><span style="color:#000;">$MESSAGE$</span></div> <div class="ChatMesTop1"><div style="float:right;"><a href="$ENTRY_URL$"><span style="color:#0c3747;"><b>Ответить</b></span></a></div><span style="color:#000;">$DATE$</span></div>
  </div>

2)Код css:

Код

Ребят я реально старался, но у меня не как не получалось)точнее получалось только с косяками.P.S Спасибо заранее вам за помощь

Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.

Страна: (AZ)

First-1

Суббота, 29 Октября 2016, 13:51 | Сообщение 2

Пользователи

Сообщений:716

Награды: 22

« 6 »

Цитата TiMzLeR (

)

Ребят я реально старался, но у меня не как не получалось)точнее получалось только с косяками.

Да потому, что если хочешь что то переделать так думать немного нужно а не слизывать все что дают в материале и так и ставить.

Как написано в установке информера ты в блоке завернул информер в класс

Код

и получается что ты их завернул все вместе в один и разделить их и сделать отступы не получится нормально.
Заворачивать в этот класс нужно каждый по отдельности, а значит мы это делаем не в блоке а в шаблоне информера!!!
Вот так:

Код

<div class="uzer_coment">
<div class="uzer_coment_v">
<div class="uzer_name">
<a href="$PROFILE_URL$" target="_blank">$USERNAME$</a>
</div>
<div class="uzer_data">$TIME$</div>
</div>
<div class="uzer_massage"><a href="$ENTRY_URL$"><?if($USER_AVATAR_URL$)?><img class="coment_avatar" src="$USER_AVATAR_URL$" /><?else?><img class="coment_avatar" src="http://zornet.ru/Ajaxoskrip/Forma_skriptov/zZdU4oy.jpg" alt="no" /><?endif?>
$MESSAGE$</a></div>

<div class="uzer_coment_v">
<div class="uzer_name">
<a href="$ENTRY_URL$" target="_blank">$TITLE$</a>
</div>
<div class="uzer_data"><a href="$ENTRY_URL$">Ответить</a></div>
</div>
</div>

В самом же блоке теперь этот класс прописывать не нужно, а заворачиваем информер только в бокс скролинга

Код

<div style="width: 100%; height: 440px; overflow-y: auto; overflow-x: hidden;">
$MYINF_1$
</div>

Ну и сами стили

Код

.uzer_coment {
overflow: hidden;
width:260px;
background: #FFF8F1;
border: 1px solid #97CDEA;
border-bottom:none;
border-radius: 5px;
margin-bottom: 7px;
}

.uzer_coment_v {
float:left;
width:260px;
height:27px;
background: url(http://warofdezarm.my1.ru/wm_comments/fon_inf_comment_v-.png) repeat-x top;
border-top: 1px solid #CCEBFF;
margin-top: -1px;
}

.uzer_coment_v a:link,
.uzer_coment_v a:visited {color:#393939;}
.uzer_coment_v a:hover {color: #6F7ECF;}

.uzer_coment_v a:link,
.uzer_coment_v a:visited,
.uzer_coment_v a:hover {
text-decoration:none;
font:11px Verdana,Arial,Helvetica, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 1px #afafaf;
}

.uzer_name {
float:left;
padding: 6px 0px 0px 10px;
}

.uzer_data {
float:right;
font:11px Verdana,Arial,Helvetica, sans-serif;
font-weight: bold;
color:#393939;
text-shadow: 1px 1px 1px #AFAFAF;
padding: 6px 10px 0px 0px;
}

.uzer_massage {
background: url(http://zornet.ru/Fresa/Argsa/rytys/fon_inf_comment.png) repeat-x top;
width:250px;
float:left;
overflow: hidden;
padding: 10px 5px 10px 5px;
border-bottom: 1px solid #719CD1;
}

.uzer_massage :link,
.uzer_massage :visited {
display: block;
text-decoration: none;
color:#555;
}

.uzer_massage:hover {
color:#555;
background: url(http://zornet.ru/Fresa/Argsa/rytys/fon_inf_comment.png) repeat-x top #A8DCFF;
}

.coment_avatar {
width:45px;
height:45px;
float:right;
background: #F2FAFF;
padding: 3px;
margin-left: 5px;
border: 1px solid #BCE2FB;
border-radius: 26px;
}

Думаю дальше проблем у тебя не возникнет разобраться.
Вот что теперь вышло
Ссылка на тестовый сайт - testone.usite.pro

Добавлено (29.10.2016, 13:51)
---------------------------------------------
Это что я не могу редактировать свои сообщения?)) 11a Понятно. Значит лучше и не писать
TiMzLeR, в стилях ховер еще замени на белый

Код

.uzer_coment_v a:hover {color: #FFF;}

Прикрепления: 3671600.png (32.0 Kb)

Страна: (ES)

Kosten

Суббота, 29 Октября 2016, 20:04 | Сообщение 3

Администраторы

Сообщений:44490

Награды: 70

« 557 »

Стоял на кино сайте, но думал все нормально, как только смайл оставил, все слетело, но сейчас как то можно делать, что запустить на все знаки и прописать, как на главном информер здесь стоит. Но забыл как делать, мне Администратор Диз-cs подсказал как сделать, какой то стиль прописывал.

Страна: (RU)

Сопрано

Суббота, 29 Октября 2016, 21:00 | Сообщение 4

Vip

Сообщений:461

Награды: 4

« 14 »

Мне нравится как сделал First, и прокрутка у него не широкая, что значит, не один и не 3 комментария будет.

Страна: (RU)

Tergran

Суббота, 29 Октября 2016, 21:56 | Сообщение 5

Пользователи

Сообщений:101

Награды: 0

« 12 »

В темном виде, намного красивей смотрится, здесь если только под цвет дизайн сайта поставить.

Страна: (RU)

TiMzLeR

Суббота, 29 Октября 2016, 22:52 | Сообщение 6

Проверенные

Сообщений:410

Награды: 0

« 29 »

First, Спасибо большое, все как я и хотел все просто супер) это же можно сказать что вы сделали мне новый информер комментарий все просто замечательно + вам в репу 27a

Страна: (AZ)

TiMzLeR

Суббота, 29 Октября 2016, 22:55 | Сообщение 7

Проверенные

Сообщений:410

Награды: 0

« 29 »

Сопрано, Полностью с вами согласен я только дал понять как мне нужно и тут Бац и все на тарелочки) я просто удивляюсь активностью таких пользователей 11a