Ограничиваем длину заголовка для uCoz
- 629 просмотров
- 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;
Случайный материал
Игровой шаблон для uCoz
Представляю вашему вниманию отличный игровой шаблон! Он подойдет под любую и...
Игровой шаблон для uCoz
Всем доброго времени суток. Сверстал вот такой вот простой шаблон на игровую...
Светлый PSD шаблон для блога
Красивый PSD макет на тематику "Блог".Макет сделан грамотно, и получился оче...
Комментарии к материалу
Категории материалов
Популярные материалы
Жалоба на пользователя для uCoz
707 просмотров
0 комментариев
Страница ошибки 404 в стиле flat для uCoz
822 просмотра
0 комментариев
Шаблон ВКонтакте для uCoz v2
1159 просмотров
0 комментариев
Игровой шаблон gamepolis.ru
971 просмотр
0 комментариев
Рекламное объявление

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