Информер Новое на форуме и другое сайта 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$ и всем находиться весь код. И вам только остается его поставить, там где нужно, но к примеру основном ставят вверх сайта в шапку в самый низ и сохраняем и у вас появиться информер с темами. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 27 | |
| |
1 2 » | |