Ограничиваем длину заголовка для uCoz
- 618 просмотров
- 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;
Случайный материал
Страница 404 на чистом CSS3 дл...
Сегодня Я Вам хочу рассказать о странице 404 для системы uCoz построенной на...
Информационный шаблон uCozBook
Информационный шаблон uCozBook от htmlCOPY.RU. Шаблон для тематики uCoz. На ...
Стилизация чекбоксов и радиокн...
Этот материал может показаться вам старым как мир, но поверьте он стоит того...
Комментарии к материалу
Категории материалов
Популярные материалы
Жалоба на пользователя для uCoz
700 просмотров
0 комментариев
Страница ошибки 404 в стиле flat для uCoz
816 просмотров
0 комментариев
Шаблон ВКонтакте для uCoz v2
1151 просмотр
0 комментариев
Игровой шаблон gamepolis.ru
967 просмотров
0 комментариев
Рекламное объявление

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