Бесплатный раздел

    Уважаемые друзья и пользователи сайта ART-UCOZ!

    Уведомляем вас о том, что мы приняли трудное, но обдуманное решение о закрытии проекта в качестве Интернет-магазина ART-UCOZ. С 05.11.2022 года сайт ART-UCOZ.RU продолжит работать в качестве каталога файлов, статей и информации. Будет закрыт только раздел интернет-магазина!

    Все товары были перенесены в наш новый проект SHOPTHEMES - Vendor Marketplace (https://shopthemes.ru), над которым мы долго работали и продолжаем улучшать его в настоящее время.
    Вас ждут: личный кабинет, возможность пополнения баланса на любую сумму, зачисление бонусов за посещение, перевод средств между пользователями, вывод средств (для продавцов), личный чат, больше новых цифровых товаров и многое другое.

    Уважаемые пользователи!
    Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
    Подобные просьбы и вопросы - будут игнорироваться!

    Сокращение описания

    Дата добавления: 02.03.2017 - 23:17
    Добавил: Buger
    Количество просмотров: 1.8k
    Количество комментариев: 0
    Рейтинг материала: 5.0 / 1
    Сокращение описания
    БЕСПЛАТНО
    рейтинг 5.0
    /
    голосов 1
    Всем привет, сегодня у нас небольшой но полезный скрипт. Код позволит отображать полное описание новости в кратком виде.

    Установка:
    1. Обвернуть Message в div:
    Код
    <div class="T-Brief Brief">$MESSAGE$</div>

    2. Добавить Js на страницу полного описания:
    Код
    <script>
    function FulBrief() {
    var Brief = $('.T-Brief').height()
    if(Brief < 150) {  
    $('.T-Brief').removeClass('Brief');  
    $('#BriefFull').hide();  
       
    } else {  
    $('.T-Brief').addClass('Brief'); $('#BriefFull').show(); }
    };  
    FulBrief();
    $(window).resize(function() {FulBrief(); });
    $('#BriefFull').click(function() {
    $('.T-Brief').removeClass('Brief');  
    $('#BriefFull').hide();
    });
    </script>

    3. Добавим базовые стили кнопки отображения и скрытия описания:
    Код
    .Brief {max-height: 100px; overflow: hidden;
      display: inline-block;
    }
    #BriefFull {
      background: #ccc;
      padding: 5px 0px;
      text-align: center;
      font-weight: bold;cursor: pointer;
      margin-top: 5px;
    }


    Источник: http://mybeststudio.ru
    Добавлять комментарии могут только зарегистрированные пользователи.


    Поделись с друзьями: