Ограничиваем длину заголовка для uCoz
- 613 просмотров
- 0 комментариев
- 14.10.2015 в 14:44
- ILNUROFF
Многие рано или поздно начинают искать ответ на вопрос как же можно ограничить количество символов в заголовке материала? Сегодня мы с вами узнаем об этом простом способе, который мы будем использовать с помощью оператора len(S).
Зачем вообще нужно ограничивать заголовок?
Ответ на этот вопрос очень простой. Это нужно делать хотя бы для того, чтобы сам текст не перемещался на вторую строчку заголовка. Ведь заголовок не должен иметь много текста, он должен содержать в себе пару ключевых фраз, которые после прочтения сразу дадут понять человеку, о чем будет идти речь в материале.
Давайте разберем конкретный пример. Установим для материала заголовка длину в 30 символов. Для этого зайдем в Панель управления » Управление шаблоном » Модуль новости » Вид материала и заменим наш $TITLE$ на следующий код:
Как вы уже, поняли число 30 - это количество символов в заголовке.
В результате у нас получиться текст из 30 символов включая так же и пробелы потому следует учитывать этот нюанс при установке ограничения.
Это можно сделать и с помощью CSS. Добавьте к заголовку следующие стили:
Зачем вообще нужно ограничивать заголовок?
Ответ на этот вопрос очень простой. Это нужно делать хотя бы для того, чтобы сам текст не перемещался на вторую строчку заголовка. Ведь заголовок не должен иметь много текста, он должен содержать в себе пару ключевых фраз, которые после прочтения сразу дадут понять человеку, о чем будет идти речь в материале.
Давайте разберем конкретный пример. Установим для материала заголовка длину в 30 символов. Для этого зайдем в Панель управления » Управление шаблоном » Модуль новости » Вид материала и заменим наш $TITLE$ на следующий код:
Код
<?if(len($TITLE$)>30)?><?substr($TITLE$,0,30)?>...<?else?>$TITLE$<?endif?>
Как вы уже, поняли число 30 - это количество символов в заголовке.
В результате у нас получиться текст из 30 символов включая так же и пробелы потому следует учитывать этот нюанс при установке ограничения.
Это можно сделать и с помощью CSS. Добавьте к заголовку следующие стили:
Код
text-overflow: ellipsis;
white-space: nowrap;
white-space: nowrap;
Случайный материал
Шаблон сайта портфолио Web Bui...
Тема из коллекции бесплатных шаблонов uTemplate. Этот uCoz шаблон сделан спе...
Шаблон страницы обратной связи
Мы все очень хорошо знаем, что в системе uCoz есть модуль "Почтовые формы", ...
Шаблон для uCoz Природа
Данный шаблон предназначается для сайтов, созданных на uCoz. Его тематика – ...
Комментарии к материалу
Категории материалов
Популярные материалы
Жалоба на пользователя для uCoz
693 просмотра
0 комментариев
Шаблон ВКонтакте для uCoz v2
1146 просмотров
0 комментариев
Страница ошибки 404 в стиле flat для uCoz
801 просмотр
0 комментариев
Игровой шаблон gamepolis.ru
961 просмотр
0 комментариев
Рекламное объявление

Комментарии
При копировании материала, автора и источник указывать обязательно.
Шаблон YOU-PS для uCoz Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0