Interpult Studio


Некоторым пользователям, которые ранее создали виджеты версии 1 и перешли на версию 2, может потребоваться сохранить внешний вид виджета стиля FeedWind версии 1 по умолчанию. Экран настройки для v1 теперь удален, поэтому теперь мы предоставляем только настройку v2 для наших виджетов.

Воссоздание стиля FeedWind v1

Чтобы воссоздать стиль v1 в v2, необходимо использовать собственный CSS. Вот пример пользовательского CSS для стиля FeedWind v1, который вы можете скопировать в свой собственный файл .css и сохранить на своем сервере (или сохранить в Dropbox). Когда вы используете этот CSS, вы все равно можете управлять настройками виджета с экрана настройки v2 — например, размеры шрифта легко установить, и их можно мгновенно просмотреть на экране настройки, а не управлять ими через CSS.




/*Start CSS: FeedWind-v1-style */

body{margin:20px;padding:0;overflow-x:hidden;}
img{border:none;}
a{text-decoration: none;}
#fw-container{text-align:left;overflow:hidden;margin:0;padding:0;width:auto;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
header{margin:0;padding:5px;color:#FFFFFF;background-color:#0066FF;background-image:none;}
header .fw-feed-title {margin:0;padding:0;font-weight:bold;border-bottom: none; word-wrap:break-word;}
header .fw-feed-title a:link{color:#FFFFFF;text-decoration:none;}
header .fw-feed-title a:hover{color:#FFFFFF;text-decoration:underline;}
header .fw-feed-title a:hover{color:#FFFFFF;text-decoration:underline;}
header .fw-feed-title a:visited{color:#FFFFFF;text-decoration:none;}
header .fw-feed-title a:active{color:#FFFFFF;text-decoration:none;}
#fw-feed-items{overflow:hidden;margin:0 0 0 0;padding:5px 0px 0px 0px;background-color:#FFFFFF;background-image:none;}
#fw-feed-items .fw-feed-item{margin:0 0 7px 0;padding:0 0 7px 0;border-bottom:1px dashed #CCCCCC;clear:both;}
#fw-feed-items .fw-feed-item-url{display: block;overflow: hidden;}
#fw-feed-items .fw-feed-item-content-module{margin:0 0 0 3px;padding:0;}
#fw-feed-items .fw-feed-item-title{margin:0;padding:0;color:#0066FF;font-weight:bold;}
#fw-feed-items .fw-feed-item-image{width:110px; height:100px; float:left; margin:5px 8px 5px 5px; overflow:hidden;}
#fw-feed-items .fw-feed-item-description{margin:0;padding:0;color:#666666;line-height:135%;word-wrap:break-word;clear:both;}
#fw-feed-items .fw-feed-item-date{margin:3px 0;padding:3px 0;color:#666666;overflow:hidden;text-overflow:ellipsis;clear:both;}

/* End CSS */



Пример виджета в стиле v1

В результате виджет должен выглядеть примерно так:


Если вам нужна помощь в создании стиля FeedWind v1 на экране настройки v2, обратитесь в службу поддержки, и мы вам поможем.


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



Source link

READ  Пользовательский виджет Instagram с CSS в FeedWind

от admin