Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Помогите, где можно изменить цвет этой менюшкиавтор Vice_Land Вчера в 19:41
» Форум плохо грузится
автор VENEFICA. Вчера в 19:06
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор LiptonTea Вчера в 10:36
» как настроить автоматическое закрепление первого сообщения в теме?
автор Форум Г. Декабрь 10th 2024, 19:08
» совет админам
автор Форум Г. Декабрь 9th 2024, 12:24
» Не могу поменять местами виджеты форума.
автор Форум Г. Декабрь 9th 2024, 12:19
» Пропала функция редактировать сообщение
автор VENEFICA. Декабрь 6th 2024, 07:12
» Не корректное отображение картинок
автор Luz Декабрь 5th 2024, 19:19
» ВПН
автор Luz Декабрь 5th 2024, 19:17
» Дублируется ссылка на форум в боковом меню
автор Luz Декабрь 5th 2024, 19:14
Многостраничный виджет "Новости" - Вопрос!
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Многостраничный виджет "Новости" - Вопрос!
Касательно этой темы, у меня возник вопрос. А можно сделать так, чтобы на странице портала показывалась не только одна новость, а например 5? И после пролистывания на вторую страницу показывались следующие 5 новостей?
Здравствуйте, У нас более 7 дней нет никаких новостей от автора темы. В связи с этим мы полагаем, что проблема больше не актуальна и закрываем тему. Если вы по-прежнему нуждаетесь в решении, откройте, пожалуйста, новую тему. С уважением, Forum2x2 |
Re: Многостраничный виджет "Новости" - Вопрос!
Надо будет посмотреть.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Многостраничный виджет "Новости" - Вопрос!
Посмотрите пожалуйста, это решило бы проблему трехлетней давности.Dana Domirani пишет:Надо будет посмотреть.
Re: Многостраничный виджет "Новости" - Вопрос!
Надеюсь на эту тему не забили и отложили в долгий ящик.
Re: Многостраничный виджет "Новости" - Вопрос!
Можно сделать, но с одной оговоркой: новости окажутся друг за другом в порядке создания не вертикально ( в одной колонке), а горизонтально (в одном ряду).
Т.е. в блоке они будут выводиться не так
а вот так:
Т.е. в блоке они будут выводиться не так
1 | 6 | 11 | 16 |
2 | 7 | 12 | 17 |
3 | 8 | 13 | 18 |
4 | 9 | 14 | 19 |
5 | 10 | 15 | 20 |
1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 |
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Многостраничный виджет "Новости" - Вопрос!
1. ПА > Модули > Конфигурация портала > Структура — виджет "Новости"
Число новостей : 20
Длина новостей : 200
Сохранить.
2. Па > Оформление > Шаблоны - Портал > mod_news (Новости)
Заменить весь код виджета на это:
3. Скрипт тот же:
4. CSS:
Число новостей : 20
Длина новостей : 200
Сохранить.
2. Па > Оформление > Шаблоны - Портал > mod_news (Новости)
Заменить весь код виджета на это:
- Код:
<div id="example-content-container">
<div id="example-links">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<a class="allnews" href="/f2-forum">все новости</a>
</div>
<div style="clear: both;"></div>
<div id="example-content">
<!-- BEGIN post_row -->
<div class="module main" >
<a name="news_{post_row.ID}"></a>
<div class="module mod_news">
<div class="main-head" style="text-align:{LEFT};">{post_row.TITLE}</div>
<div class="main-content" style="padding:0;">
<p class="author">{post_row.TIME} {BY} <strong>{post_row.POSTER}</strong></p>
<div class="body">
{post_row.TEXT}<br /><br />
<div class="clear"></div>
[ {L_COMMENTS}: {post_row.REPLIES} ] [ <a class="fullnews" href="{post_row.U_VIEW_COMMENTS}">Читать целиком</a> ]
</div>
</div>
</div>
</div>
<!-- END post_row -->
</div>
</div>
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.mod_news', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
3. Скрипт тот же:
- Код:
jQuery(document).ready(function() {
jQuery('#example-links p').click(function(){
var index = jQuery("#example-links p").index(this);
jQuery('#example-content').animate({"marginLeft" : -index*550 + "px"});
return false;
});
});
4. CSS:
- Код:
/* кнопки 1-9 и 'все новости' */
#example-links p, #example-links a.allnews {
display: block;
border: 1px solid #18405e;
float: left;
text-align: center;
line-height: 20px;
margin: 0 5px 10px 0;
cursor: pointer;
background-color: #18405e;
color: #fff;
text-decoration: none !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#example-links p {
height: 20px;
width: 20px;
}
#example-links a.allnews {
height: 20px;
width: 90px;
}
/* кнопки 1-9 и 'все новости' при наведении */
#example-links p:hover, #example-links a.allnews:hover {
background-color: #ddd;
color: #18405e;
}
div#example-content-container {
height: 1010px !important;
width: 550px !important;
overflow: hidden !important;
margin: 0 auto;
}
div#example-content {
height: 1500px !important;
width: 2500px !important;
}
#example-content .module.main {
width: 550px !important;
height: 200px !important;
overflow: visible !important;
float: left;
}
div.module.mod_news {
width: 550px !important;
height: 300px !important;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Похожие темы
» Многостраничный виджет "Новости" [Pun]
» Многостраничный виджет "Новости"
» Многостраничный виджет "Новости"
» Как добавить новости в виджет "Новости" на Портале?
» виджет "новости"
» Многостраничный виджет "Новости"
» Многостраничный виджет "Новости"
» Как добавить новости в виджет "Новости" на Портале?
» виджет "новости"
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения