Interpult Studio


Теперь пользователи могут отображать любые RSS-каналы в новом стиле с наложением текста и эффектом выцветшего фона с помощью пользовательского CSS. Раньше пользователи могли показывать изображения только под текстом или сбоку в виде эскиза.

Простые шаги

Настройки виджета

  1. Создать виджет -> RSS

  2. URL фида ->


  3. Общий -> Ширина -> Отзывчивый/в пикселях -> Responsive

  4. Общий -> Стиль -> Thumbnail



  5. Общий -> Высота -> Сообщения -> 1

  6. Общий -> Прокрутить -> ON

  7. Общий -> Прокрутить -> Horizontal

  8. Общий -> Прокрутка -> Стрелка навигации -> ON

  9. Общий -> Прокрутка -> Автопрокрутка -> ON


  10. Общий -> Прокрутка -> Исчезающий переход -> ON

  11. Общий -> Дополнительные настройки -> Пользовательская ссылка CSS -> Показать пользовательский css

    
    Note: Copy CSS from below, paste into your CSS file [your-file-name.css] , make changes as per your need and upload to your server or in Dropbox [ Check How to host CSS on Dropbox Click here], copy the complete CSS path [e.g. http//example.com/css/your-file.css] and paste in "Custom CSS Link" field in Feedwind setting.
    
    /* Copy CSS From Here  */
    
    #fw-feed-items .fw-feed-item-url[onclick] {
        position: relative;
    }
    .fw-feed-item,.fw-feed-item:hover {
        margin: 0;
        padding: 0;
        clear: both;
        border-bottom: 0px dashed #CCCCCC;
    }
    #fw-container{
    	height: 350px;
    }
    .fw-feed-item-content-module {
        margin: 0px;
        padding: 10px;
        overflow: hidden;
        position: absolute;
        top: 0;
        height: 100%;
        background: rgb(255,255,255);
        background: linear-gradient(273deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5130427170868348) 0, rgba(0,0,0,1) 100%);
        width: 100%;
    	padding-top: 75px;
    }
    .fw-feed-item-image {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 350px;
        overflow: hidden;
    }
    span.fw-feed-item-title {
        padding: 10px 0;
    }
    .fw-feed-item-image-module {
        margin: 0 0 0 5px;
        padding: 0;
         float: none;
    }
    
    .fw-feed-item-title,
    .fw-feed-item-description,
    .fw-feed-item-date {
       
        width: 50%;
    
    }
    /*   CSS Ends Here  */
    


  12. Название фида -> Пользовательские -> OFF


  13. Контент фида -> Размер -> Название товара -> 20

  14. Контент фида -> Размер -> Жирный -> OFF


  15. Контент фида -> Размер -> Содержание -> 16

  16. Контент фида -> Цвета -> Шрифт заголовка -> #0084FF

  17. Контент фида -> Цвета -> Шрифт содержимого -> #A8A8A8

  18. Контент фида -> Цвета -> Фон -> #000000

  19. Контент фида -> Расширенные настройки -> Время/Дата -> OFF

  20. Остальное оставить по умолчанию


Похожие сообщения



Source link

READ  Россия останется без серверных Baikal-S — выпуск и поставки процессоров придётся отменить

от admin