Ограничиваем длину заголовка для uCoz
- 612 просмотров
- 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;
Случайный материал
Набор векторных векторных элем...
Представляем вам отличную подборку веб элементов для ваших будущих проектов....
APPSMART
AppSmart - Дизайн для системы uCoz на тему "Андроид" приложения и игры, сдел...
1 CINEMA
Красивый дизайн для системы ucoz, на тему "Онлайн фильмы".
Дизайн сде...
Дизайн сде...
Комментарии к материалу
Категории материалов
Популярные материалы
Жалоба на пользователя для uCoz
693 просмотра
0 комментариев
Шаблон ВКонтакте для uCoz v2
1146 просмотров
0 комментариев
Страница ошибки 404 в стиле flat для uCoz
801 просмотр
0 комментариев
Игровой шаблон gamepolis.ru
961 просмотр
0 комментариев
Рекламное объявление

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