» »

Светлый информер комментарии Veb 3 для uCoz


Светлый информер комментарии Veb 3 для uCoz

Отлично выполнен на по стилям и по своей форме информер крайние комментарий на сайт uCoz. Будет монитор делать на каталоге файлов и выводить все новые посты, те что оставили как пользователи, так и гости. Он отличается своей простотой в настройке своего оттенка цвета, вы можете просто на стилях сделать или подогнать под свой сайт. Там идут 2 ссылки, но они не как не влияют на гамму, а на каркас.

Вывод изображение али Avatar можно сделать так.

Информер последнее комментарий uCoz

Но по умолчанию будут идти круглые, это вы уже сами сделаете, кому не понятно, тот может написать и ему помогут в этом.

Как понимаете он под белый или серый оттенок ресурса, на нем он отлично будет выводить и безусловно подойдет по своему оттенку, нужно только его поставить в блок в контейнере.

Установка:

Создаем информер, это заходим в админ панель, на главную, видим надпись информер и там и нужно его создать.
Параметры у него должны быть такие, ставим пользователи и выводим сколько он будет выводить, в нашем случай 3 на одну колонку. Там по умолчанию будет код, но нам нужно убрать и поставить свой.

Комментарии · Материалы · Дата добавления материала D · Материалы: 3 · Колонки: 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>


Потом нам обязательно стили прописать в 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;
}


Но когда все сделали, нужно его в нужное место поставить, а это правый или левый контейнер, у кого вообще может один, и там в блок устанавливаем, этот небольшой код, но уже с вашим номером, который вы создали.

Код
<div class="uzer_coment">  
$MYINF_Номер информер, что вы сделали$  
</div>


Вся установка, будет выводить смайлы и при наведение, он менять юудет оттенок, как видите на главном изображение
Источник: http://internetempire.ru/
12.02.2016 Просмотров: 511 Комментарий: (7)

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

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

Комментарий: 7
tsakonter
tsakonter 12.02.2016 15:221
0
Ставил давно такой информер, все понравился и по дизайну нормально было, но когда большой комментарий, то он весь появиться на главной. Но если уменьшить знаков, что можно сделать и позволяет информер, то после ссылки или смайла будет слетать.
Kosten
Kosten 12.02.2016 15:302
0
У информер почти у каждого такое, не помню как нужно делать, но как то делают, что выводят, некое чисто знаков, и все остается и не слетает, но как здесь на сайте, надо посмотреть.
YaVi
YaVi 12.02.2016 16:113
0
Kosten, "Вся установка, будет выводить смайлы и при наведение, он менять "Б"удет оттенок, как видите на главном изображение"
Траст
Траст 12.02.2016 16:304
+2
Просто нужно в информер заменить $MЕSSAGE$ на эти операторы, сами выставите, сколько выводить.

Код
<?if(len($MESSAGE$)>150)?><?substr($MESSAGE$,0,150)?>...<?else?>$MESSAGE$<?endif?>
Kosten
Kosten 12.02.2016 16:345
0
Но так не стоит в информер а на вид материалов, для файлов или новостей, чтоб выводило краткое описание. Но поставил сейчас на информер, все нормально выводит.
Maryges
Maryges 12.02.2016 17:456
0
Не думаю, что такой поставил на сайт, возможно, просто он не подойдет или будет сильно выделяться.
Tergran
Tergran 12.02.2016 17:547
0
Но можно как то выставить, по окончанию слова, а не на пол слове и потом двоеточие, но под титле это делают, здесь не знаю, думаю так как самый актуальный будет.
avatar