Виджет "Социальные сети" (MAX, ДЗЕН)

Добавление компонента в редактор

Скопируйте код ниже:

{"className":"WidgetMetaHtml","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.lpcdn.site/img/bg-tech/1.jpg","color":[0.55023297764639,1,0.5],"size":[1600,1046],"datamix":{"img":"3.3"}},"bgImage_Blur":0,"bgImage_Attach":false,"bgImage_Size":"cover","bgImage_Repeat":"repeat","bgImage_Valign":"center","bgImage_Halign":"center","bgVideo_Source":"youtube","bgVideo_Youtube":"http://www.youtube.com/watch?v=3oem-M2tQU4","bgVideo_YoutubeImageSource":"youtube","bgVideo_YoutubeImage":{"file":"http://img.youtube.com/vi/3oem-M2tQU4/maxresdefault.jpg","size":[1920,1080],"pack":"users","datamix":{"img":"3.3"}},"bgVideo_Mp4":"//s.lpcdn.site/bgvideo/island.mp4","bgVideo_Webm":"//s.lpcdn.site/bgvideo/island.webm","bgVideo_Ogv":"//s.lpcdn.site/bgvideo/island.ogv","bgVideo_DirectImage":{"file":"//s.lpcdn.site/bgvideo/island.jpg","size":[1280,720],"pack":"users","datamix":{"img":"3.3"}},"bgColor":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgColor_Alpha":0.25,"bgColor_Bright":-0.34,"bgBright":-0.5,"bgGradientDirection":"to bottom","bgGradientColor1":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor1_Alpha":0.8,"bgGradientColor2":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor2_Alpha":0.2,"bgParticlesShapeParticle":"circle","bgParticlesColorParticle":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"bgParticlesOpacityParticle":1,"bgParticlesNumberParticle":80,"bgParticlesSizeParticle":5,"bgParticlesLink":true,"bgParticlesLinkDistance":150,"bgParticlesMoveState":true,"bgParticlesMoveSpeed":2,"bgParticlesMoveDirection":"none","bgParticlesMoveOutMode":"out","bgParticlesInteractHoverState":false,"bgParticlesInteractHoverType":"grab","bgParticlesInteractHoverGrabDistance":250,"bgParticlesInteractHoverGrabOpacity":0.8,"bgParticlesInteractHoverRepulseDistance":150,"bgParticlesInteractHoverBubbleDistance":150,"bgParticlesInteractHoverBubbleSize":10,"bgParticlesInteractClickState":false,"bgParticlesInteractClickType":"push","bgParticlesInteractClickCount":2,"padTop":5,"padBottom":5,"padLeft":5,"padRight":5,"borderWidth":3,"borderRadius":0,"borderStyle":"none","borderColor":{"from":"parent","parent":{"type":"frontcolor"},"datamix":{"color":"3.3"},"router":"color"},"shadow":false,"shadowInset":false,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","data":[0,0,0],"datamix":{"color":"3.3"},"router":"color"},"shadowAlpha":0.5,"wow":false,"wowType":"bounceIn","wowDelay":0,"hover":false,"hoverType":"hvr-grow-mini","id":"","classes":"","hidexs":false,"hidesm":false,"hidemd":false,"hidelg":false,"usePadTopXs":false,"padTopXs":5,"usePadBottomXs":false,"padBottomXs":5,"usePadLeftXs":false,"padLeftXs":5,"usePadRightXs":false,"padRightXs":5,"usePadTopSm":false,"padTopSm":5,"usePadBottomSm":false,"padBottomSm":5,"usePadLeftSm":false,"padLeftSm":5,"usePadRightSm":false,"padRightSm":5,"usePadTopMd":false,"padTopMd":5,"usePadBottomMd":false,"padBottomMd":5,"usePadLeftMd":false,"padLeftMd":5,"usePadRightMd":false,"padRightMd":5},"tabs":{"primary":"paddings","bg":"bg_video_","bg_particles":"particles_view","bg_place__soft":"bg_place__soft_main","bg_place__hard":"bg_place__hard_main","shadow__soft":"shadow__soft_main","shadow__hard":"shadow__hard_main","paddings__soft":"paddings__soft_main","paddings__hard":"paddings__hard_main","widgetfx":"widgetfx_wow"},"toggles":{"bg_place":"soft","shadow":"soft","paddings":"soft"}},"datamix":{"nodebg":"3.3","widgetpaddings":"3.3","widgetborders":"3.3","widgetshadow":"3.3","widgetfx":"3.3","widgetparameters":"3.3","widgetadaptive":"3.3","metahtml":"3.3"},"settings":{"handlers":"settings","vals":{"name":"Кнопки соц.сетей","html":"<div class=\"size\" style=\"text-align: {{var98}};\">\n<% if (var50) { %><a class=\"sprite sprite-1vk_alt\" target=\"_blank\" href=\"{{var73}}\"></i><% } %>\n<% if (var51) { %><a class=\"sprite sprite-2vk\" target=\"_blank\" href=\"{{var74}}\"></i><% } %>\n<% if (var52) { %><a class=\"sprite sprite-3max\" target=\"_blank\" href=\"{{var75}}\"></i><% } %>\n<% if (var53) { %><a class=\"sprite sprite-4twitter\" target=\"_blank\" href=\"{{var76}}\"></i><% } %>\n<% if (var54) { %><a class=\"sprite sprite-6dzen\" target=\"_blank\" href=\"{{var77}}\"></i><% } %>\n<% if (var55) { %><a class=\"sprite sprite-7dropbox\" target=\"_blank\" href=\"{{var78}}\"></i><% } %>\n<% if (var56) { %><a class=\"sprite sprite-81linkedin\" target=\"_blank\" href=\"{{var79}}\"></i><% } %>\n<% if (var57) { %><a class=\"sprite sprite-82youtube\" target=\"_blank\" href=\"{{var80}}\"></i><% } %>\n<% if (var58) { %><a class=\"sprite sprite-83youtube_alt\" target=\"_blank\" href=\"{{var81}}\"></i><% } %>\n<% if (var60) { %><a class=\"sprite sprite-85yandex\" target=\"_blank\" href=\"{{var83}}\"></i><% } %>\n<% if (var62) { %><a class=\"sprite sprite-87ok\" target=\"_blank\" href=\"{{var85}}\"></i><% } %>\n<% if (var63) { %><a class=\"sprite sprite-88yandex_disc\" target=\"_blank\" href=\"{{var86}}\"></i><% } %>\n<% if (var64) { %><a class=\"sprite sprite-8pinterest\" target=\"_blank\" href=\"{{var87}}\"></i><% } %>\n<% if (var65) { %><a class=\"sprite sprite-91viber\" target=\"_blank\" href=\"{{var88}}\"></i><% } %>\n<% if (var66) { %><a class=\"sprite sprite-92whatsapp\" target=\"_blank\" href=\"{{var89}}\"></i><% } %>\n<% if (var67) { %><a class=\"sprite sprite-93telegram\" target=\"_blank\" href=\"{{var90}}\"></i><% } %>\n<% if (var68) { %><a class=\"sprite sprite-94skype\" target=\"_blank\" href=\"{{var91}}\"></i><% } %>\n<% if (var69) { %><a class=\"sprite sprite-95periscope\" target=\"_blank\" href=\"{{var92}}\"></i><% } %>\n<% if (var70) { %><a class=\"sprite sprite-972evernote\" target=\"_blank\" href=\"{{var93}}\"></i><% } %>\n<% if (var61) { %><a class=\"sprite sprite-86mail\" target=\"_blank\" href=\"{{var84}}\"></i><% } %>\n<% if (var94) { %><a class=\"sprite sprite-973phone\" target=\"_blank\" href=\"{{var95}}\"></i><% } %>\n  </div>","css":"<% if (var42) { %>\na {\n  box-shadow: {{var43}}px {{var44}}px {{var45}}px {{var46}}px {{var49.a_set(opacity/10)}};\n  -webkit-box-shadow: {{var43}}px {{var44}}px {{var45}}px {{var46}}px {{var49.a_set(opacity/10)}};\n  -moz-box-shadow: {{var43}}px {{var44}}px {{var45}}px {{var46}}px {{var49.a_set(opacity/10)}};\n}\n  <% } %>\na {\n<% if (var48 == \"green\") { %>\nbackground-color: {{color}};\nbackground-image: url(https://f2.lpcdn.site/s/15q9l1i061/71e9c6620d381d60196ebe694840aaaa/332889fa0070e4062c3854f9abea86d5.png);\n<% } %>\n<% if (var48 == \"blue\") { %>\nbackground-color: {{color}};\nbackground-image: url(https://f2.lpcdn.site/s/15q9l1i061/71e9c6620d381d60196ebe694840aaaa/2dae6f27ffa1db29ded7c7bd0c30e08b.png);\n<% } %>\n<% if (var48 == \"red\") { %>\nbackground-image: url(https://f2.lpcdn.site/s/840lr1f061/71e9c6620d381d60196ebe694840aaaa/d50d7d60c766e0448c680cbf1aeac449.png);\n<% } %>\nbackground-repeat: no-repeat;\ndisplay: inline-block;\nmargin: 5px;\nmargin-right: {{var96}}0px;\nborder-radius:{{borderradius}}px;\n}\n.screen-xs .sprite {\n  zoom: {{size_x_xs!==null?size_x_xs/size_x_all*100:100}}%;\n}\n<% if (var48 == \"green\"|| var48 == \"blue\") { %>\n  a:hover {\nbackground-color: {{color2}};\n  }\n\n .sprite {\nwidth: calc(250px*{{size_x_all}}/100);\nheight: calc(250px*{{size_x_all}}/100);\nbackground-size: calc(1850px*{{size_x_all}}/100) calc(1550px*{{size_x_all}}/100);\n-webkit-background-size: calc(1850px*{{size_x_all}}/100) calc(1550px*{{size_x_all}}/100);\n-o-background-size: calc(1850px*{{size_x_all}}/100) calc(1550px*{{size_x_all}}/100);\n-moz-background-size: calc(1850px*{{size_x_all}}/100) calc(1550px*{{size_x_all}}/100);\n}\n  \n.sprite-1vk_alt {\n   background-position:  calc(-50px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-50px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-2vk {\n   background-position:  calc(-350px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-50px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-3max {\n   background-position:  calc(-643px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-50px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n} \n.sprite-4twitter {\n background-position:  calc(-950px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-50px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-5g_plus {\n background-position:  calc(-1250px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-50px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-6dzen {\n background-position:  calc(-48px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-350px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-7dropbox {\n background-position:  calc(-350px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-350px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-81linkedin {\n background-position:  calc(-650px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-350px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-82youtube {\n     background-position:  calc(-950px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-350px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-83youtube_alt {\n background-position:  calc(-1250px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-350px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-84vimeo {\n background-position:  calc(-50px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-650px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-85yandex {\n background-position:  calc(-350px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-650px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-86mail {\n background-position:  calc(-650px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-650px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-87ok {\n background-position:  calc(-950px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-650px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n} \n.sprite-973phone {\n background-position:  calc(-1550px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-650px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n} \n.sprite-88yandex_disc {\n background-position:  calc(-1250px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-650px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-89steam {\n background-position:  calc(-50px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-950px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-8pinterest {\n background-position:  calc(-350px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-950px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-90last_fm {\n background-position:  calc(-650px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-950px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-91viber {\n background-position:  calc(-950px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-950px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-92whatsapp {\n background-position:  calc(-1250px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-950px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-93telegram {\n background-position:  calc(-50px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-1250px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-94skype {\n background-position:  calc(-350px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-1250px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-95periscope {\n   background-position:  calc(-650px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-1250px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-96vine {\n background-position:  calc(-950px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-1250px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-971behance {\n background-position:  calc(-1250px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-1250px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-972evernote {\n background-position:  calc(-1550px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-50px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-973soundcloud {\n background-position:  calc(-1550px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-350px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-97dribble {\n background-position:  calc(-1550px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-650px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-flickr {\n background-position:  calc(-1550px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-950px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-tumblr {\n background-position:  calc(-1550px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-1250px*{{size_x_all}}/100 - (250px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n<% } %>\n\n\n<% if (var48 == \"red\") { %>\n .sprite {\nwidth: calc(160px*{{size_x_all}}/100);\nheight: calc(160px*{{size_x_all}}/100);\nbackground-size: calc(1260px*{{size_x_all}}/100) calc(1039px*{{size_x_all}}/100);\n-webkit-background-size: calc(1260px*{{size_x_all}}/100) calc(1039px*{{size_x_all}}/100);\n-o-background-size: calc(1260px*{{size_x_all}}/100) calc(1039px*{{size_x_all}}/100);\n-moz-background-size: calc(1260px*{{size_x_all}}/100) calc(1039px*{{size_x_all}}/100);\n}\n  \n.sprite-1vk_alt {\nbackground-position: 0px 0px;\n}\n.sprite-2vk {\nbackground-position:  calc(-220px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(0px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-3max {\nbackground-position:  calc(-444px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(0px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000) - calc(5px * {{size_x_all}} / 100));\n}\n.sprite-4twitter {\nbackground-position:  calc(-665px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(0px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-6dzen {\nbackground-position:  calc(-1092px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(0px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000) - calc(5px * {{size_x_all}} / 100));\n}\n.sprite-7dropbox {\nbackground-position:  calc(0px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-220px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-81linkedin {\nbackground-position:  calc(-443px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-220px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-82youtube {\nbackground-position:  calc(-665px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-220px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-83youtube_alt {\nbackground-position:  calc(-883px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-220px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-84vimeo {\nbackground-position:  calc(-1100px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-220px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-85yandex {\nbackground-position:  calc(0px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-440px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-86mail {\nbackground-position:  calc(-220px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-440px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-87ok {\nbackground-position:  calc(-443px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-440px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-88yandex_disc {\nbackground-position:  calc(-663px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-440px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-8pinterest {\nbackground-position:  calc(-220px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-220px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-91viber {\nbackground-position:  calc(0px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-660px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-92whatsapp {\nbackground-position:  calc(-220px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-660px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-93telegram {\nbackground-position:  calc(-443px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-660px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}  \n.sprite-94skype {\nbackground-position:  calc(-665px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-660px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-95periscope {\nbackground-position:  calc(-883px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-660px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n.sprite-972evernote {\nbackground-position:  calc(-443px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-880px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n .sprite-973phone {\nbackground-position:  calc(-1100px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000)) calc(-440px*{{size_x_all}}/100 - (160px*{{size_x_all}}/100 * (100 - {{size_x_all}})/1000000));\n}\n  \na:hover {\n  opacity: 0.8;\n  background-image: url(https://f2.lpcdn.site/s/840lr1f061/71e9c6620d381d60196ebe694840aaaa/d50d7d60c766e0448c680cbf1aeac449.png)\n  }\n<% } %>","meta_js":"","meta_js_lazy":false,"meta_js_state":"return {\n  initialState: {},\n  eventListeners: {},\n  reset: function () {},\n};","encapsulation":true,"components":[{"name":"cont","type":"cont"}],"meta_cdn":[],"tabs":[{"id":"main","name":"Главные"},{"id":"next","name":"Другие соц.сети"},{"id":"other","name":"Другие настройки"}],"variables":[{"macros":"var48","name":"Иконки соц.сетей","showCondition":"","tab":"main","type":"select","values":{"red":"Цвет соц.сети","green":"Свой цвет/Иконки светлые","blue":"Свой цвет/Иконки тёмные"},"value":"blue","useInJs":false},{"macros":"borderradius","name":"Скругление","type":"number","min":0,"max":50,"value":10,"tab":"main","showCondition":"","useInJs":false},{"macros":"color","name":"Цвет","type":"color","value":{"from":"self","contrast":{"type":"frontcolor"},"global":{"id":0},"datamix":{"color":"3.3"},"data":[0.17454068241469636,1,0.7509803921568627]},"tab":"main","showCondition":"var48 == \"green\"|| var48 == \"blue\"","useInJs":false},{"macros":"color2","name":"Цвет при наведении","showCondition":"var48 == \"green\"|| var48 == \"blue\"","tab":"main","type":"color","value":{"from":"self","contrast":{"type":"frontcolor"},"global":{"id":0},"datamix":{"color":"3.3"},"data":[0.6051985168457031,1,0.7509803921568627]},"useInJs":false},{"macros":"size_x_all","name":"Размер","showCondition":"","tab":"main","type":"number","min":10,"max":100,"value":20,"useInJs":false},{"macros":"size_x_xs","name":"Размер","showCondition":"","tab":"main","type":"number","min":10,"max":100,"value":null,"useInJs":false},{"macros":"var50","name":"ВК","showCondition":"","tab":"main","type":"checkbox","value":false,"useInJs":false},{"macros":"var73","name":"Ссылка","showCondition":"var50","tab":"main","type":"string","value":"","useInJs":false},{"macros":"var51","name":"VK","showCondition":"","tab":"main","type":"checkbox","value":true,"useInJs":false},{"macros":"var74","name":"Ссылка","showCondition":"var51","tab":"main","type":"string","value":"https://vk.com/","useInJs":false},{"macros":"var52","name":"MAX","showCondition":"","tab":"main","type":"checkbox","value":true,"useInJs":false},{"macros":"var75","name":"Ссылка","showCondition":"var52","tab":"main","type":"string","value":"https://max.ru/","useInJs":false},{"macros":"var53","name":"Twitter","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var76","name":"Ссылка","showCondition":"var53","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var54","name":"ДЗЕН","showCondition":"","tab":"main","type":"checkbox","value":true,"useInJs":false},{"macros":"var77","name":"Ссылка","showCondition":"var54","tab":"main","type":"string","value":"https://dzen.ru/","useInJs":false},{"macros":"var55","name":"Dropbox","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var78","name":"Ссылка","showCondition":"var55","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var56","name":"LinkedIN","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var79","name":"Ссылка","showCondition":"var56","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var57","name":"YouTube","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var80","name":"Ссылка","showCondition":"var57","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var58","name":"YouTube кнопка","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var81","name":"Ссылка","showCondition":"var58","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var60","name":"Яндекс","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var83","name":"Ссылка","showCondition":"var60","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var62","name":"Одноклассники","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var85","name":"Ссылка","showCondition":"var62","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var63","name":"Яндекс диск","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var86","name":"Ссылка","showCondition":"var63","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var64","name":"Pinterest","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var87","name":"Ссылка","showCondition":"var64","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var65","name":"Viber","showCondition":"","tab":"main","type":"checkbox","value":false,"useInJs":false},{"macros":"var88","name":"Ссылка","showCondition":"var65","tab":"main","type":"string","value":"https://www.viber.com/ru/","useInJs":false},{"macros":"var66","name":"Whatsapp","showCondition":"","tab":"main","type":"checkbox","value":false,"useInJs":false},{"macros":"var89","name":"Ссылка","showCondition":"var66","tab":"main","type":"string","value":"https://wa.me/7991234567","useInJs":false},{"macros":"var67","name":"Телеграм","showCondition":"","tab":"main","type":"checkbox","value":true,"useInJs":false},{"macros":"var90","name":"Ссылка","showCondition":"var67","tab":"main","type":"string","value":"https://t.me/login","useInJs":false},{"macros":"var68","name":"Skype","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var91","name":"Ссылка","showCondition":"var68","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var69","name":"Periskope","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var92","name":"Ссылка","showCondition":"var69","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var70","name":"Evernote","showCondition":"","tab":"next","type":"checkbox","value":false,"useInJs":false},{"macros":"var93","name":"Ссылка","showCondition":"var70","tab":"next","type":"string","value":"","useInJs":false},{"macros":"var61","name":"Написать на почту","showCondition":"","tab":"main","type":"checkbox","value":true,"useInJs":false},{"macros":"var84","name":"Ссылка","showCondition":"var61","tab":"main","type":"string","value":"mailto:mail@mail.ru","useInJs":false},{"macros":"var94","name":"Кликабельный телефон","showCondition":"","tab":"main","type":"checkbox","value":true,"useInJs":false},{"macros":"var95","name":"Ссылка","showCondition":"var94","tab":"main","type":"string","value":"tel:+79991234567","useInJs":false},{"macros":"var96","name":"Отступы между кнопками","showCondition":"","tab":"other","type":"number","min":0,"max":9,"value":1,"useInJs":false},{"macros":"var98","name":"Горизонтальное выравнивание","showCondition":"","tab":"other","type":"btngroup","values":{"left":"Слева","center":"По центру","right":"Справа"},"value":"center","useInJs":false},{"macros":"var42","name":"Включить тень","showCondition":"","tab":"other","type":"checkbox","value":true,"useInJs":false},{"macros":"var43","name":"Смещение по горизонтали","showCondition":"var42","tab":"other","type":"number","min":-10,"max":10,"value":3,"useInJs":false},{"macros":"var44","name":"Смещение по вертикали","showCondition":"var42","tab":"other","type":"number","min":-10,"max":10,"value":3,"useInJs":false},{"macros":"var45","name":"Размытие","showCondition":"var42","tab":"other","type":"number","min":0,"max":60,"value":13,"useInJs":false},{"macros":"var46","name":"Растяжение","showCondition":"var42","tab":"other","type":"number","min":0,"max":25,"value":2,"useInJs":false},{"macros":"var49","name":"Цвет тени","showCondition":"var42","tab":"other","type":"color","value":{"from":"self","contrast":{"type":"frontcolor"},"global":{"id":0},"datamix":{"color":"3.3"},"data":[0,0,0.010000000000000009]},"useInJs":false},{"macros":"opacity","name":"Прозрачность тени","showCondition":"var42","tab":"other","type":"number","min":0,"max":10,"value":2,"useInJs":false}]},"tabs":{"primary":"metahtml","metahtml__soft":"metahtml__soft_main","metahtml__hard":"metahtml__hard_css"},"toggles":{"metahtml":"soft"}},"state":{},"components":{"cont":{"sources":[{"className":"WidgetImagedText","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.lpcdn.site/img/bg-tech/1.jpg","color":[0.55023297764639,1,0.5],"size":[1600,1046],"datamix":{"img":"3.3"}},"bgImage_Blur":0,"bgImage_Attach":false,"bgImage_Size":"cover","bgImage_Repeat":"repeat","bgImage_Valign":"center","bgImage_Halign":"center","bgVideo_Source":"youtube","bgVideo_Youtube":"http://www.youtube.com/watch?v=3oem-M2tQU4","bgVideo_YoutubeImageSource":"youtube","bgVideo_YoutubeImage":{"file":"http://img.youtube.com/vi/3oem-M2tQU4/maxresdefault.jpg","size":[1920,1080],"pack":"users","datamix":{"img":"3.3"}},"bgVideo_Mp4":"//s.lpcdn.site/bgvideo/island.mp4","bgVideo_Webm":"//s.lpcdn.site/bgvideo/island.webm","bgVideo_Ogv":"//s.lpcdn.site/bgvideo/island.ogv","bgVideo_DirectImage":{"file":"//s.lpcdn.site/bgvideo/island.jpg","size":[1280,720],"pack":"users","datamix":{"img":"3.3"}},"bgColor":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgColor_Alpha":0.25,"bgColor_Bright":0,"bgBright":-0.5,"bgGradientDirection":"to bottom","bgGradientColor1":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor1_Alpha":0.8,"bgGradientColor2":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor2_Alpha":0.2,"bgParticlesShapeParticle":"circle","bgParticlesColorParticle":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"bgParticlesOpacityParticle":1,"bgParticlesNumberParticle":80,"bgParticlesSizeParticle":5,"bgParticlesLink":true,"bgParticlesLinkDistance":150,"bgParticlesMoveState":true,"bgParticlesMoveSpeed":2,"bgParticlesMoveDirection":"none","bgParticlesMoveOutMode":"out","bgParticlesInteractHoverState":false,"bgParticlesInteractHoverType":"grab","bgParticlesInteractHoverGrabDistance":250,"bgParticlesInteractHoverGrabOpacity":0.8,"bgParticlesInteractHoverRepulseDistance":150,"bgParticlesInteractHoverBubbleDistance":150,"bgParticlesInteractHoverBubbleSize":10,"bgParticlesInteractClickState":false,"bgParticlesInteractClickType":"push","bgParticlesInteractClickCount":2,"padTop":5,"padBottom":5,"padLeft":5,"padRight":5,"borderWidth":3,"borderRadius":0,"borderStyle":"none","borderColor":{"from":"parent","parent":{"type":"frontcolor"},"datamix":{"color":"3.3"},"router":"color"},"shadow":false,"shadowInset":false,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","data":[0,0,0],"datamix":{"color":"3.3"},"router":"color"},"shadowAlpha":0.5,"wow":false,"wowType":"bounceIn","wowDelay":0,"hover":false,"hoverType":"hvr-grow-mini","id":"","classes":"","hidexs":false,"hidesm":false,"hidemd":false,"hidelg":false,"usePadTopXs":false,"padTopXs":5,"usePadBottomXs":false,"padBottomXs":5,"usePadLeftXs":false,"padLeftXs":5,"usePadRightXs":false,"padRightXs":5,"usePadTopSm":false,"padTopSm":5,"usePadBottomSm":false,"padBottomSm":5,"usePadLeftSm":false,"padLeftSm":5,"usePadRightSm":false,"padRightSm":5,"usePadTopMd":false,"padTopMd":5,"usePadBottomMd":false,"padBottomMd":5,"usePadLeftMd":false,"padLeftMd":5,"usePadRightMd":false,"padRightMd":5}},"datamix":{"nodebg":"3.3","widgetpaddings":"3.3","widgetborders":"3.3","widgetshadow":"3.3","widgetfx":"3.3","widgetparameters":"3.3","widgetadaptive":"3.3"},"settings":{"handlers":"settings","vals":{"valign":"middle","title":false,"text":true,"textOpacity":100,"paddingImg":12,"paddingHead":4,"place":"left","tag":"h2","font":"font-text","mobileCenter":false}},"icon":{"handlers":"svgicon","vals":{"src":{"file":"//s.lpcdn.site/img/icons-round-commerce/82.png","pack":"icons-round-commerce","size":[256,256],"datamix":{"img":"3.3"},"color":null},"color":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"decor":"none","scale":0.6,"decorRadius":1,"decorWidth":0.03,"decorOpacity":0.25,"shadow":false,"shadowInset":false,"shadowX":0,"shadowY":0,"shadowBlur":5,"shadowScale":2,"shadowColor":{"from":"self","data":[0,0,0],"datamix":{"color":"3.3"}},"shadowAlpha":0.25,"decorStrokeColorDifferent":false,"decorStrokeColor":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"decorStrokeOpacity":1},"datamix":{"svgicon":"3.3"}},"width":40,"title":{"html":"<p style=\"font-size: 150%\"><span>Заголовок</span></p>","datamix":{"html":"3.3"}},"subtitle":{"html":"<p style=\"font-size: 110%;\">Это простой пример. Смотрите код в настройках виджета.</p>","datamix":{"html":"3.3"}},"cont1":{"sources":[],"datamix":{"cont":"3.3"}},"cont2":{"sources":[],"datamix":{"cont":"3.3"}}},"multilandings":[],"locked":false,"locks":0,"variants":[],"redactor":"3.3.2"}],"datamix":{"cont":"3.3"},"tplname":"cont"}},"templates":{"cont":{"sources":[],"datamix":{"cont":"3.3"},"tplname":"cont"},"text":{"html":"<p>Редактируемый текст</p>","datamix":{"html":"3.3"},"tplname":"text"},"icon":{"handlers":"rawsvgicon","vals":{"src":{"file":"//s.lpcdn.site/img/icons-simple-thin/49--black.png","pack":"icons-simple-thin","size":[256,256],"svg":"<style type=\"text/css\"><![CDATA[ .st0{fill:none;stroke:#231F20;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} ]]></style><polygon class=\"st0\" points=\"30.001,2.421 38.965,20.576 59,23.49 44.499,37.622 47.922,57.579 30.001,48.156 12.076,57.579 15.5,37.622 1,23.49 21.041,20.576 \"/>","datamix":{"img":"3.3"}}},"datamix":{"rawsvgicon":"3.3"},"tplname":"icon"},"image":{"handlers":"rawimage","vals":{"src":{"file":"//f1.lpcdn.site/63d3a6c9689d0a310bdb33ba48a9f341/194594eafe8a83db5eb472d202544c73.png","size":[477,500],"pack":"users","datamix":{"img":"3.3"}}},"datamix":{"rawimage":"3.3"},"tplname":"image"}}},"multilandings":[],"locked":false,"locks":0,"variants":[],"redactor":"3.3.2"}

В редакторе страницы, на панели виджета нажмите кнопку “Импорт” и в открывшемся окне вставьте скопированный код компонента, нажмите “Сохранить”.