» »

Информер Новое на форуме и другое сайта uCoz


Информер Новое на форуме и другое сайта uCoz

Всегда хочется сделать на своем сайте хорошую функциональность и чтоб на главной странице, была основная информация. И здесь нам поможет Информер Новое на форуме и другое сайта uCoz который будет вас держать в курсе, что происходит на форуме и еще на одном модуле, который вы сами можете выбрать, но у нас будут самые популярные файлы. Мы не будем ставить этот большой код вверх сайта или на главную, все сделаем через глобальный блог, это немного больше, но потом все будет очень понятно, что за кого отвечает и вы не будете в этом случай путаться. Нам нужен светлый фон, так как он под него был создан и мной перекрашен в синие оттенки цвета, это разграничительные полосы.

И так приступаем:

Что первое, мы создаем информеры, из будет 3 на разные темы.

1.Создаем информер с именем "Новое на форуме":
[ Форум · Материалы · Последние обновленные темы · Материалы: 5 · Колонки: 1 · Длина заголовка: 15 ]
В шаблон информера вставляем:

Код
<li><b>$REPLIES$</b> <a href="$THREAD_URL$" title="Перейти к теме">$THREAD_TITLE$</a></li>


2.Создаем информер с именем "Популярные файлы":
[ Каталог файлов · Материалы · Количество просмотров D · Материалы: 5 · Колонки: 1 · Длина заголовка: 15 ]
В шаблон информера вставляем:

Код
<li><b>$READS$</b> <a href="$ENTRY_URL$" title="Перейти к файлу">$TITLE$</a></li>


3.Создаем информер с именем "Самые популярные темы":
[ Форум · Материалы · Самые популярные темы · Материалы: 5 · Колонки: 1 · Длина заголовка: 15 ]
В шаблон информера вставляем:

Код
<li><b>$REPLIES$</b> <a href="$LAST_POST_URL$" title="Перейти к последнему сообщению">$THREAD_TITLE$</a></li>


Потом нам нужно прописать сразу ему стили и идем в CSS ставить их.

Код
.newCinformer b {width:40px;text-align:center;background-color:#3473AD;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:1px;color:#fff !important;text-shadow:none !important;}  
/* .newCinformer b:hover {background-color:#8a8a8a;} */  
.newCinformer li {margin-top:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ced6e3;background:#e3e5e5;background: -moz-linear-gradient(top, #fff, #e3e5e5);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e3e5e5));background: -webkit-linear-gradient(top, #fff, #e3e5e5);background: -o-linear-gradient(top, #fff, #e3e5e5);background: -ms-linear-gradient(top, #fff, #e3e5e5);background: linear-gradient(top, #fff, #e3e5e5);padding:2px;}  
/* .newCinformer li:hover {background:#e4e7e7;background: -moz-linear-gradient(top, #e4e7e7, #fff);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e7e7), color-stop(100%,#fff));background: -webkit-linear-gradient(top, #e4e7e7, #fff);background: -o-linear-gradient(top, #e4e7e7, #fff);background: -ms-linear-gradient(top, #e4e7e7, #fff);background: linear-gradient(top, #e4e7e7, #fff);} */  
.c_inf_line_bottom {  
background:url(http://zornet.ru/SKRIPT/FR/c_inf_line_x_7777.png) repeat-x 0 bottom;  
margin:0 -6px 5px;  
padding:0 6px 2px;  
}  
.center,.pollButtons,.pollTotal,.pop_prof_avatar {  
text-align:center;  
}  

.c_inf_full {  
overflow:hidden;  
background:url(http://zornet.ru/SKRIPT/FR/c_inf_line_5.png) repeat-y 33% 0;  
margin:-6px 0 0;  
}  

.c_inf {  
overflow:hidden;  
vertical-align:top;  
background:url(http://zornet.ru/SKRIPT/FR/c_inf_line_5.png) repeat-y 66% 0;  
padding:0 0 7px;  
}  

.c_inf li.rows {  
width:33%;  
float:left;  
}  

.c_inf ul {  
text-shadow:1px 1px 0px #fff;  
background:url(http://zornet.ru/SKRIPT/FR/bnav2.png) no-repeat -999px -999px;  
padding:0 6px 0 8px;  
}  

.c_inf_title {  
text-align:center;  
background:url() no-repeat center bottom;  
padding:5px 0 7px;  
}  

.c_inf li div {  
overflow:hidden;  
margin:0 4px 1px 0;  
}  

.c_inf li a {  
height:17px;  
display:block;  
float:left;  
overflow:hidden;  
background:url(http://zornet.ru/ZORNET/drental/c_inf_91.png) no-repeat 0 6px;  
margin:0 2px 0 4px;  
padding:0 0 0 10px;  
}  

.c_inf li a:hover {  
background-image:url(http://zornet.ru/CSS-ZORNET/Gresan/c_inf_arrow_green_on.png);  
}  

.c_inf li b {  
display:block;  
float:right;  
font-weight:100;  
color:#009900;  
}  
.c_inf_banka {  
padding:4px 0 0;  
}  
.viewn_loop {  
margin-bottom:7px;  
}  
.viewn_t_in {  
height:34px;  
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_t_bg.png) no-repeat 0 0;  
}  

.viewn_c {  
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_c_bg.png) repeat-y 0 0;  
}  

.viewn_c_in {  
overflow:hidden;  
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_c_bg.png) repeat-y right 0;  
padding:0 3px;  
}  

.viewn_c_in2 {  
background:#ededed;  
padding:5px;  
}  

.viewn_b {  
height:10px;  
display:block;  
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_b_bg.png) no-repeat right -6px;  
padding:0 10px 0 0;  
}  

.viewn_b b {  
height:6px;  
display:block;  
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_b_bg.png) no-repeat 0 0;  
}  

.viewn_b2 {  
height:6px;  
display:block;  
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_b2_bg.png) no-repeat right -6px;  
padding:0 10px 0 0;  
}  

.viewn_b2 b {  
height:6px;  
display:block;  
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_b2_bg.png) no-repeat 0 0;  
}  

.viewn_title {  
height:16px;  
overflow:hidden;  
font-size:13px;  
font-weight:700;  
color:#009900;  
padding:9px 0 0 12px;  
}  

.viewn_detail {  
overflow:hidden;  
color:#232323;  
text-shadow:1px 1px 0px #fff;  
margin:-3px 0 0;  
padding:0 2px;  
}  

.viewn_detail a {  
color:#009900;  
text-shadow:1px 1px 0px #fff;  
text-decoration:none;  
}  

.v_detail_b {  
margin-bottom:-5px;  
}  
.viewn_green .viewn_t,.viewn_green .viewn_t2,.viewn_green .viewn_t_in {  
background-image:url(http://zornet.ru/CSS-ZORNET/Gresan/qvhJ3Ij.png);  
}  

.viewn_green .viewn_c {  
margin:-1px 0 0;  
}  
.c_inf ul li, .pop_prof_in .rows3, .pop_prof_rang .pop_prof_rang_r, .pop_prof_link li {  
overflow: hidden;  
}  
.viewn_t,.viewn_t2,.vcomm_top {  
background:url(http://zornet.ru/CSS-ZORNET/Gresan/viewn_t_bg.png) no-repeat right -34px;  
padding:0 10px 0 0;  
}  
.viewn_t_in span {  
color: #12598A;  
display: block;  
margin: 0px 0px 10px;  
}  
ul,li,form,dl,dt,dd {  
display:block;  
list-style:none;  
margin:0;  
padding:0;  
}


Дальше нам нужно создать глобальный блог, это в Админ панели Дизайн - Управление дизайном и нажимаем Глобальные блоки и переходим на страницу.

Название выберите сами, только на английском языке и с большими буквами, чтоб заметней было.



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

Код
<!--VIEWN_START-->  
<div class="viewn_loop viewn_green">  
  <div class="viewn_t">  
  <div class="viewn_t_in">  
  <span class="viewn_title">Новое на сайте</span>  
  </div>  
  </div>  
  <div class="viewn_c">  
  <div class="viewn_c_in">  
  <div class="viewn_c_in2">  
  <div class="c_inf_line_bottom">  
  <div class="c_inf_full">  
  <ul class="c_inf">  
  <li class="rows">  
  <ul>  
  <li class="c_inf_title">Новое на форуме</li>  
  <ul class="newCinformer">$MYINF_X1$</ul>  
  </ul>  
  </li>  
  <li class="rows">  
  <ul>  
  <li class="c_inf_title">Популярные файлы</li>  
  <ul class="newCinformer">$MYINF_X2$</ul>  
  </ul>  
  </li>  
  <li class="rows">  
  <ul>  
  <li class="c_inf_title">Самые популярные темы</li>  
  <ul class="newCinformer"> $MYINF_X3$</ul>  
  </ul>  
  </li>  
  </ul>  
  </div>  
  </div><div align="center">  
  </div>  
  </div>  
  </div>  
  </div>  
  <b class="viewn_b"><b></b></b>  
</div>  
<!--VIEWN_END-->


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

CINF

я забираю

$GLOВAL_CINF$

и всем находиться весь код. И вам только остается его поставить, там где нужно, но к примеру основном ставят вверх сайта в шапку в самый низ и сохраняем и у вас появиться информер с темами.
11.09.2015 Просмотров: 819 Комментарий: (18)

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

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

Комментарий: 18
Kosten
Kosten 11.09.2015 03:231
0
В глобальном блоге, переключаем на Панель HTML кодов и работаем с этой панелью, ставим код и сохраняем.
Kosten
Kosten 11.09.2015 18:432
0
Вот как один убрать не получается.
Kvint
Kvint 12.09.2015 00:403
0
Основном зеленные идут, но здесь хорошо, не чего не нужно красить, все на стилях можно исправить.
Canon
Canon 12.09.2015 00:524
0
Kvint, видать не посмотрели код, там вверх нужно полосу прокрашивать а остальные все в стилях.
Kosten
Kosten 12.09.2015 00:595
0
Все правильно, только верх нужно на фотошоп сделать а остальное уже, так сказать на глаз создавалось.

Также есть и на низ такой де информер, почти первым как материал его залил на сайт, потом все кнопки сменил и пошел этот информер с кнопками гулять по интернету. Там нужно создавать 4 отсека и ставиться он для форума только, под один модуль, на других он просто не нужен.
ZruBkul
ZruBkul 13.09.2015 01:556
0
Был зеленый а стал синий, одно удивляет, почему раньше не кто не мог догадаться и ставили на совершенно другой цвет, зеленый.
greencoste
greencoste 17.02.2016 09:167
0
как убрать 3 колонку мне нужно только 2
Kosten
Kosten 17.02.2016 10:018
0
Просто не делать один информер, там их 3 идет, а вам вывести 2 нужно.
avatar
supoortbigdezarm 17.02.2016 12:589
0
а как поставить код правильно $GLOВAL_CINF$
Kosten
Kosten 17.02.2016 16:2310
0
Но для этого нужно создать глобальный блог, под названием CINF и потом там прописать и его уже выставлять а не информер.
avatar
supoortbigdezarm 17.02.2016 16:3711
0
вы не правильно меня поняли я всё создал по инструкций как надо как было в описаний создал глобальный блог CINF у меня вопрос как добавить этот код то есть когда я просто добавляю в модуль каталог файлов главная страница вот этот код $GLOBAL_CINF$ то у меня также выявляется этот код то есть не информер а просто код как правильно вставить подскажите пожалуйста smile
Kosten
Kosten 17.02.2016 17:0612
0
В глобальный блог ставим код, где будут информеры.
Kosten
Kosten 17.02.2016 17:0813
0
Хотя можно на прямую, через информер и этот код в тело сайта установить, только больше места займет

Код
<!--VIEWN_START-->  
<div class="viewn_loop viewn_green">  
  <div class="viewn_t">  
  <div class="viewn_t_in">  
  <span class="viewn_title">Новое на сайте</span>  
  </div>  
  </div>  
  <div class="viewn_c">  
  <div class="viewn_c_in">  
  <div class="viewn_c_in2">  
  <div class="c_inf_line_bottom">  
  <div class="c_inf_full">  
  <ul class="c_inf">  
  <li class="rows">  
  <ul>  
  <li class="c_inf_title">Новое на форуме</li>  
  <ul class="newCinformer">$MYINF_X1$</ul>  
  </ul>  
  </li>  
  <li class="rows">  
  <ul>  
  <li class="c_inf_title">Популярные файлы</li>  
  <ul class="newCinformer">$MYINF_X2$</ul>  
  </ul>  
  </li>  
  <li class="rows">  
  <ul>  
  <li class="c_inf_title">Самые популярные темы</li>  
  <ul class="newCinformer"> $MYINF_X3$</ul>  
  </ul>  
  </li>  
  </ul>  
  </div>  
  </div><div align="center">  
  </div>  
  </div>  
  </div>  
  </div>  
  <b class="viewn_b"><b></b></b>  
</div>  
<!--VIEWN_END-->


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

Но я решил сделать через глобальный блог, чтоб не путаться, можете вывести на информерах, поставить этот код, все также по идее выведет.
Kosten
Kosten 17.02.2016 17:1114
0
Если установите, то нужно его от мобильных устройств спрятать, здесь читаем.
avatar
supoortbigdezarm 17.02.2016 17:2615
0
спасибо сейчас попробую
Kosten
Kosten 17.02.2016 18:2116
0
Как решили установить и поставили информер. Он у меня на главной стоит, просто немного дизайн убрано с него, а так проверял и на изображение, так же сайта, раньше стоял.
avatar
supoortbigdezarm 17.02.2016 18:4417
0
я не понимаю вот я сделал всё но куда добавить этот последний код $GLOВAL_CINF$ я просто зашел в конце главную страницу каталог файлов и добавил этот код $GLOВAL_CINF$ возле кода добавить материал и опять же просто выявляется $GLOВAL_CINF$ вот зайдите посмотрите пожалуйста.
Zismo-vk
Zismo-vk 31.07.2016 00:4618
0
Спасибо найс...все потом перекрашу
avatar