Ограничиваем длину заголовка для uCoz
- 522 просмотра
- 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 в стиле fl...
Сегодня вашему вниманию представляю две очень красивые и уникальные страницы...
1 CINEMA
Красивый дизайн для системы ucoz, на тему "Онлайн фильмы".
Дизайн сде...
Дизайн сде...
Оригинальная страница входа дл...
Бесплатная оригинальная страница входа для сайтов под управлением системы uC...
Комментарии к материалу
Категории материалов
Популярные материалы
Жалоба на пользователя для uCoz
630 просмотров
0 комментариев
Страница ошибки 404 в стиле flat для uCoz
748 просмотров
0 комментариев
Шаблон ВКонтакте для uCoz v2
1053 просмотра
0 комментариев
Игровой шаблон gamepolis.ru
885 просмотров
0 комментариев
Рекламное объявление
Комментарии
При копировании материала, автора и источник указывать обязательно.
Шаблон YOU-PS для uCoz Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0