Информер Новое на форуме и другое сайта uCoz - Информеры - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Информеры


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

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

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

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

В шаблон информера вставляем:
Code
<li><b>$REPLIES$</b> <a href="$THREAD_URL$" title="Перейти к теме">$THREAD_TITLE$</a></li>


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

В шаблон информера вставляем:
Code
<li><b>$READS$</b> <a href="$ENTRY_URL$" title="Перейти к файлу">$TITLE$</a></li>


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

В шаблон информера вставляем:
Code
<li><b>$REPLIES$</b> <a href="$LAST_POST_URL$" title="Перейти к последнему сообщению">$THREAD_TITLE$</a></li>


Потом нам нужно прописать сразу ему стили и идем в CSS ставить их.
Code
.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 коды, мы их переключим на что стоит с право и только после этого припишем скрипт.
Code
<!--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-->


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

Важно!

При копировании материала указывать ссылку на источник.

- 499
- 20-Ноября-2016
- 0
Материал разместил:

Похожий материал
Статьи сайта