Модальное окно в развитие сайта uCoz
Простое и в тоже по дизайн красивое модальное окно для сайта uCoz. Которое появиться один раз, чтоб можно было занести сайт в социальные сети. Как все уже знают, что если на сайте нет социальных закладок, то нужно делать их на видном месте. Здесь же будет окно и оно появиться для вас и вы можете спокойно занести. Дизайн у него оригинальный и не такое как мы привыкли, там не не чего лишнего, а только описание и красивые кнопки, которые будут выдавать цифры клика. Установка: В низ сайта ставим этот код: Код <script> (plusplus = window.plusplus || []).push(function(){ plusplus.mw.timeOpen = 3000; // через сколько миллисекунд появляется модальное окно (1000 = 1 секунда) plusplus.mw.coverageUnlock = "site"; // site - разблокирует весь сайт от модальных окон, link - только этот адрес plusplus.mw.timeUnlock = 86400 * 7; // Сколько времени не будет появляться социальный замок (86400 = 24 часа) plusplus.mw.callback = ""; // код, который вызывается после успешного расшаривания plusplus.mw.html = "{vars:html}"; // HTML код модального окна setTimeout(function(){ plusplus.mw.run(); // Запуск скрипта }, 10); }); </script> Также нам нужно подключить библиотеку, что делаем в любом для вас удобном месте. Код <script async src="//jquery-library.net/plusplus-3.2.min.js"></script> Установите настройки модального окна в любом месте HTML страницы. Код <script> (plusplus = window.plusplus || []).push(function(){ plusplus.mw.timeOpen = 3000; // через сколько миллисекунд появляется модальное окно (1000 = 1 секунда) plusplus.mw.coverageUnlock = "site"; // site - разблокирует весь сайт от модальных окон, link - только этот адрес plusplus.mw.timeUnlock = 86400 * 7; // Сколько времени не будет появляться социальный замок (86400 = 24 часа) plusplus.mw.callback = ""; // код, который вызывается после успешного расшаривания plusplus.mw.html = "<style> .plusplus-tpl-mw-global { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; } .plusplus-tpl-mw-global > div { display: table; width: 100%; height: 100%; } .plusplus-tpl-mw-global > div > div { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .plusplus-tpl-mw-global .plusplus-tpl-mw-container { text-align:left; display: inline-block; width: 493px; } .plusplus-tpl-mw-universal2 { background:rgba(0, 0, 0, 0.7); color: #000; transition: all 0.3s; opacity:0; visibility:hidden; font: 400 14px/22px Verdana, Geneva, sans-serif;line-height:1.3; } .plusplus-show .plusplus-tpl-mw-universal2 { opacity:1; visibility:visible; } .plusplus-tpl-mw-universal2 .plusplus-tpl-mw-bg { position: relative; } .plusplus-tpl-mw-universal2 .plusplus-tpl-mw-krest { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcCAMAAACqEUSYAAABUFBMVEUAAAAYDw8AAAASCQn//////////////////////v46ISH9/f1lU1P////27u6kkpLIurq1qanHx8f////y8/P///////9ubm42NjZBQUH///8pFRUdGhr////y8vLc29v5+Pg0FxcfFRUbCAgzJCROMDD////27OxVRERuTk7Z09NwZGTQysqHd3d4bm7MycnBsbGypKSQhoaQeXn7+fnGxsammJj////z8PDd0tLVx8fEuLj////////////////7+/vz9PTu7u7////////U1NTY2NjKy8v///////+IiIj///////9zc3PPz89TU1P///+lpaWIiIj//Pzn3Nzm29sAAAD///8GAgIOCwsMAADLvb0xKioUERETDQ38+fn08vLRx8fQwMDGt7e3q6u4p6euoaGvm5unlpY3Ly85JSUnISEfGRkXBgby7OxIMzN2svPBAAAAVnRSTlMA/QH799nk3NX99+/q6OTb2dnUiXxiHxIOBgP99+DV0vv7+/v38+/v7+vo6OTk5ODg4ODg3NnZ09PT09PIxcG5sq+vppiLiIZzV1JNQy8qKScSC+Dc3GT48BEAAAGeSURBVCjPbY5lcwIxEIYXTjgcihSn7u7u7tA2ucPdaf//t4Zecugzk53ZfSbvLjC8Lt5siEQiBjPv8kI/H+f8knPRFAqFTIvOJf78o1d6+O/VIGIEV794T1e6zMczqJeZY7OLyYcJO4f64ewTD6p8mXPq0CA659wLEALWwyk0zNShNUDso2hBo7CIj+Tr/gbH0tTKVm/sB8BrXFM7pZqrKUip5aqKOlgzeuF53qQ2KYxxJVghNaUOTPPPcLOSoLkFIn7IK9DsxMoNCLuI0szjDvkmG+wKYBxDjEaWyGxD68eMENZsuoQ7lNKaFeF6ne7NlLFKOUP3rl+DxzbZvTn5m+zePGnzwBtepsFJXGyhVhEnafQyfoO4uMmi6wqpSp0Fb4pxAPfnAhrFgsENADGrgxshOYc1BgS3wS4PSdlOvnbwX9i25UG5bbvwwz/jpzt7uj6p29s5HQeg+lI4srQ117YcCZeaBL3vTpAcW7PTsixPz245JOHOp4eu9r/enoSlg2g0eiCFT25f/apkWu97f7q/OpPOru6f3n16Kv8AomS60OVsDLIAAAAASUVORK5CYII=); width: 29px; height: 28px; position: absolute; top: -12px; right: -2px; cursor: pointer; } .plusplus-tpl-mw-universal2 .plusplus-tpl-mw-top { background: url('//jquery-library.net/plusplus/blue-panel.png') 10px 0 no-repeat; padding: 20px 10px 20px; } .plusplus-tpl-mw-universal2 .plusplus-tpl-mw-mid { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAewAAABGCAMAAAA5BFduAAAALVBMVEUAAAAAAAAAAAAAAAAAAAAAAAA4ODg2NjYwMDAzMzMpKSktLS0mJiYiIiIeHh6YAP96AAAABnRSTlMA/d4QJTTN6Nr1AAACcklEQVR4Ae3dzXLbOhBEYZKy8xMCfP/HTVDlttEZFL2e4Tna3e1XfRVLBLRR9Y7lfysZ7UH2dewb1cTej9f/1mCXxXbtYQ12WWzTfu072IWxR9J+28Euj72/yRrs4tjSft/Bro2t3mV9HMdWMjr+9THna6pbjVLWrdn3E7tfRaEBj9iybgb9h1I1e7dP7G7Y3alxTt3Ke8KWdRFpcm7Htlm79Mkr0St4dyVsn7U5p4pcXOMO2Jp1dmkK3Jr2hG3WQNfwlraw+3fWv5JExh3fua++RerE0LTi1rZnbL1XI13E27SFbcOGug73Gtusnfp3msi5o/a2ss4vjXfUFrZbZ6amtbawNWxZJ6emoK1pb2HYgfpnisi4g7Zhu3VKaYrajr20zkpNt9qOLWuo8+bajt0Gtg8b6grcPu2B3bYWhh2sfySIgnaYdsSWdTpqitpr7DjshNR0M+01NtZVtO+xfdgJrcmnHbH9LZthl5q2vWmvsdNaU0VsApvAvg9stGv+A40/vcr/6cWHKnyowsel9T4uffAXIXwRcvIVZ/2vOB/08AIPLzzmsSQeS3raA4c8cMijxPUfJeaQQFXpaO3YbVBz/Kfy8Z/HHezjYF97wJFdjuw+8DA+h/GbaYu7aFyzIWy4q1ELuwnbtE9pl/Pmaqyyl95x6d05XXE4uK/+cZ1lm7VPcSeN/PLSeHeptMWd1Zvk57sW9tW17Zkb8JTQRm2XEvvl8sYt8CyRyJxauxZ2H9oat3tzOX+qV/zZiN7Cz0YMbX4mpEpN9S/r+X/j4m7yRjyvs6Rt1rZsjbtp31kjbbp1zXrClra4AU+dNivqr/4CPoTco0pv10YAAAAASUVORK5CYII=); width: 493px; height: 70px; margin-top: -10px; line-height: 78px; font-size: 17px; text-align: center; color: #FFF; } .plusplus-tpl-mw-universal2 .plusplus-tpl-mw-bottom { background: url('//jquery-library.net/plusplus/grey-bg.png')0 100% no-repeat; width: 461px; border: 6px solid #FFF; margin: 0 auto; border-top: 0; padding: 6px 0; } .plusplus-tpl-mw-universal2 .plusplus-tpl-mw-title { font-size: 22px; font-weight: bold; text-align: center; line-height: 30px; color: #FFF; text-shadow: 0 1px 0 #000; } .plusplus-tpl-mw-universal2 .plusplus-tpl-mw-ten { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbIAAAAuCAMAAAB6fmyiAAAAQlBMVEUAAAAuLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4Nd/RvAAAAFnRSTlMAAgUPHyYUCAtpGTJeQjxILE5YN2RTn9j/CwAABDNJREFUeAHt14ly2kgYB3HwAQpObHzw/q+6mj9uatI1RYxsSqJ2WkLHboJBPz7krErr1bp0N7bdDvdjm81ut3tIj2k/9nTsvfSc/qSX0utnh7G3w9up340+Psb1C/36Na4z9vkaXN7Cb/d26kCvx16O/Tn2nN5LT2k/9lh6GBsv+2azKQTDMGy3d6X1sZUCrZgNMQOtUoMNszGZHRJihnIByfZmglK17Go2ocmsIqvEtrWYtIhBG0ALG3CWY940buCZr4EoUU9gJcsmj9JHqLOcxD9+gIInZnG8VKUJmzhimTGB2cutQYta2OwWuGS5ZLkaz3wojmtZlCwLZNZyWl1C7SeXZ86OM+M4oGT1ihVYaLW48AJscwGY0LYFLWpxAy5y9E858PCzoHprg5YlrPOUj1Qe7tC4bYFFn1ZowVWCC68GmLyUzaIGm+RSG053OvDEh2Ec3UGkXJxZKx8oh5OlsGK0NFxwyWsCmNBQC5vkmkOHnOiCJ734wWjJJMyCGMdZyseIZFSWKt6WsDRc4ZLXZDDMogZb3CQ3dm7mQocdehIshpWkOf8W5GCO6hfgeLWSqqw0W+Yy2DABDLNKDbpkujMzB574QggiPWNJHsosL57L+pSDnys/M9uaxkLcqiSFVQJLWngZDLEparhZjqk7N3OhAw8+C6ryPitGO5Y7eYkD4vQahUQqJCVLebKsFS/A+E4U2AQ209muPXOyY/JEKEYyY5Vm8r2sWY5nzt/CU8uPlAw+NVHa4wSVrdAKF16+iU1ujZvpDOcbHXb0MPJJ8NNPivvGQArxTFzGH+xJKC5GKIUJKmGhJS6BTRZzYpPd9s5ywoOPGMAwKiQF2RjGrNnl4HT2zfbWyHPmuVX5fMFTKxnKVnAJbMxg18Br/4YiO+nJUEmyJShOttnQviwXlr+Ug8t7kBJOQMVKWuES2I+LwWY508nOeghG0e1iKUD3GMvsc8Q3bQ6+mZ4gFnmMi1JyYqhsBRdeArtyhjOd9PCrCJ0cESTxuR2biem5dAvesduRy8uVE1Cyila8ksDmpROfAIXpDDiu+ZoxpWCvVH5ydnktrs0kKbTw0ojNpdbGk587AyhC5f9m5BTksuOoelzY/V80WU10hkpaeBlsfjvrfUFSehfHpfQ11tU//rGyaje5ASVJiQquOcUkZ7tK71LA4aLur9FgCdcmMpW5luMlvS/3bz7nhmu2lYaSkZVstWAx+30T0Jn2+t1lsYgzk4PrhjuPd3utYZpZa36/+WXX2Ry3rSZIdb3r15Eu4FuNS8f5v0/o6rTNv02yvW69HgOej9y4WW69CKmFkvVi41Y+WYpe73jXVa5/Sd7cL1ada3Fj5tzixHpnrOJFOZwVsFfbBMT/ByKzhq83WwBwpvoX5e0Ez21xdbJVHqJauFuvmGXpLXWwotPr9Xq9Xq/X6/0HmOIwK2XlENoAAAAASUVORK5CYII=); height: 20px; background-repeat: no-repeat; background-position: 50% 0px; margin: 10px; } .plusplus-tpl-mw-universal2 .plusplus-tpl-mw-list { list-style:none; margin: 0 20px; padding: 0; } .plusplus-tpl-mw-universal2 .plusplus-tpl-mw-list > li { font-size: 15px; background: url('//jquery-library.net/plusplus/bullet.png') 0 0 no-repeat; text-shadow: 0 1px 0 #000; padding-left: 35px; margin-bottom: 5px; line-height: 27px; color: #FFF; text-align: left; } </style><div class=\"plusplus-tpl-mw-global plusplus-tpl-mw-universal2 plusplus-css-global\"><div class=\"plusplus-\"><div class=\"plusplus-\"><div class=\"plusplus-\"><div class=\"plusplus-tpl-mw-container\"><div class=\"plusplus-tpl-mw-bg\"><div class=\"plusplus-tpl-mw-krest\" onclick=\"plusplus.mw.close()\"></div><div class=\"plusplus-tpl-mw-top\"><div class=\"plusplus-tpl-mw-title\">Поучаствуйте в развитии сайта</div><div class=\"plusplus-tpl-mw-ten\"></div><ul class=\"plusplus-tpl-mw-list\"><li class=\"plusplus-tpl-mw\">Расскажи друзьям об этом сайте</li><li class=\"plusplus-tpl-mw\">Для этого просто нужно нажать на кнопку одной из социальных сетей</li><li class=\"plusplus-tpl-mw\">Сайт будет очень благодарен, если о нём узнает как можно больше человек</li></ul></div><div class=\"plusplus-tpl-mw-mid\">Уделите немного времени!</div><div class=\"plusplus-tpl-mw-bottom\"><div class=\"plusplus-generator-sb\" style=\"text-align:center; padding:10px;\"><style>.plusplus-tpl-sb-pluso2{display:inline-block;font:12px Verdana,Geneva,sans-serif}.plusplus-tpl-sb-pluso2 .plusplus-tpl-sb-item{float:left;margin-left:5px;position:relative}.plusplus-tpl-sb-pluso2 .plusplus-tpl-sb-item:first-child{margin-left:0}.plusplus-social-url{display:block}.plusplus-tpl-sb-pluso2 .plusplus-social-count{line-height:32px;padding:0 5px;color:#000;text-align:center;position:relative;border:1px solid #CCC;border-radius:3px;overflow:visible}.plusplus-tpl-sb-pluso2 .plusplus-social-count:after,.plusplus-tpl-sb-pluso2 .plusplus-social-count:before{top:100%;left:50%;border:solid transparent;content:\" \";height:0;width:0;position:absolute;pointer-events:none}.plusplus-tpl-sb-pluso2 .plusplus-social-count:after{border-color:rgba(255,255,255,0);border-top-color:#FFF;border-width:4px;margin-left:-4px}.plusplus-tpl-sb-pluso2 .plusplus-social-count:before{border-color:rgba(221,221,221,0);border-top-color:#CCC;border-width:5px;margin-left:-5px}.plusplus-tpl-sb-pluso2 .plusplus-social-text{margin-top:9px;line-height:20px;border-radius:3px;text-align:center;padding:0 5px;color:#fff;cursor:pointer;position:relative}.plusplus-tpl-sb-pluso2 .plusplus-social-ico{display:block;float:left;width:14px;height:14px;background-image:url(data:image/png;base64,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);margin:3px 3px 0 0;background-position:0 0}.plusplus-tpl-sb-pluso2 .plusplus-social-vkShare .plusplus-social-ico{background-position:0 0}.plusplus-tpl-sb-pluso2 .plusplus-social-vkShare .plusplus-social-text{border:#4d84c1 solid 1px;background:#8faecf;background:-moz-linear-gradient(top,#8faecf 0,#436f96 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#8faecf),color-stop(100%,#436f96));background:-webkit-linear-gradient(top,#8faecf 0,#436f96 100%);background:-o-linear-gradient(top,#8faecf 0,#436f96 100%);background:-ms-linear-gradient(top,#8faecf 0,#436f96 100%);background:linear-gradient(top,#8faecf 0,#436f96 100%)}.plusplus-tpl-sb-pluso2 .plusplus-social-vkShare .plusplus-social-text:hover{background:-moz-linear-gradient(top,#a2c0df 0,#4e80ab 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a2c0df),color-stop(100%,#4e80ab));background:-webkit-linear-gradient(top,#a2c0df 0,#4e80ab 100%);background:-o-linear-gradient(top,#a2c0df 0,#4e80ab 100%);background:-ms-linear-gradient(top,#a2c0df 0,#4e80ab 100%);background:linear-gradient(top,#a2c0df 0,#4e80ab 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2c0df', endColorstr='#4e80ab', GradientType=0);background:linear-gradient(top,#a2c0df,#4e80ab)}.plusplus-tpl-sb-pluso2 .plusplus-social-vkShare .plusplus-social-count{border-color:#b3c2ff;background-color:#f2f5ff;color:#0c4f90}.plusplus-tpl-sb-pluso2 .plusplus-social-vkShare .plusplus-social-count:after{border-top-color:#f2f5ff}.plusplus-tpl-sb-pluso2 .plusplus-social-vkShare .plusplus-social-count:before{border-top-color:#b3c2ff}.plusplus-tpl-sb-pluso2 .plusplus-social-okShare .plusplus-social-ico{background-position:0 -14px}.plusplus-tpl-sb-pluso2 .plusplus-social-okShare .plusplus-social-text{border:#d99c27 solid 1px;background:#f6900b;background:-moz-linear-gradient(top,#f6bb6d 0,#f6900b 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f6bb6d),color-stop(100%,#f6900b));background:-webkit-linear-gradient(top,#f6bb6d 0,#f6900b 100%);background:-o-linear-gradient(top,#f6bb6d 0,#f6900b 100%);background:-ms-linear-gradient(top,#f6bb6d 0,#f6900b 100%);background:linear-gradient(top,#f6bb6d 0,#f6900b 100%)}.plusplus-tpl-sb-pluso2 .plusplus-social-okShare .plusplus-social-text:hover{border-color:#f0b22c;background:#f69a21;background:-moz-linear-gradient(top,#fbcc5a 0,#f69a21 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fbcc5a),color-stop(100%,#f69a21));background:-webkit-linear-gradient(top,#fbcc5a 0,#f69a21 100%);background:-o-linear-gradient(top,#fbcc5a 0,#f69a21 100%);background:-ms-linear-gradient(top,#fbcc5a 0,#f69a21 100%);background:linear-gradient(top,#fbcc5a 0,#f69a21 100%)}.plusplus-tpl-sb-pluso2 .plusplus-social-okShare .plusplus-social-count{border-color:#ffd3ba;background-color:#f9f3ee;color:#eb722e}.plusplus-tpl-sb-pluso2 .plusplus-social-okShare .plusplus-social-count:after{border-top-color:#f9f3ee}.plusplus-tpl-sb-pluso2 .plusplus-social-okShare .plusplus-social-count:before{border-top-color:#ffd3ba}.plusplus-tpl-sb-pluso2 .plusplus-social-fbShare .plusplus-social-ico{background-position:0 -28px}.plusplus-tpl-sb-pluso2 .plusplus-social-fbShare .plusplus-social-text{border:#2e529e solid 1px;background:#839bdf;background:-moz-linear-gradient(top,#839bdf 0,#385097 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#839bdf),color-stop(100%,#385097));background:-webkit-linear-gradient(top,#839bdf 0,#385097 100%);background:-o-linear-gradient(top,#839bdf 0,#385097 100%);background:-ms-linear-gradient(top,#839bdf 0,#385097 100%);background:linear-gradient(top,#839bdf 0,#385097 100%)}.plusplus-tpl-sb-pluso2 .plusplus-social-fbShare .plusplus-social-text:hover{background:#9cb2f0;background:-moz-linear-gradient(top,#9cb2f0 0,#4b68be 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#9cb2f0),color-stop(100%,#4b68be));background:-webkit-linear-gradient(top,#9cb2f0 0,#4b68be 100%);background:-o-linear-gradient(top,#9cb2f0 0,#4b68be 100%);background:-ms-linear-gradient(top,#9cb2f0 0,#4b68be 100%);background:linear-gradient(top,#9cb2f0 0,#4b68be 100%)}.plusplus-tpl-sb-pluso2 .plusplus-social-fbShare .plusplus-social-count{border-color:#c4ccec;background-color:#f4f5ff;color:#0900d8}.plusplus-tpl-sb-pluso2 .plusplus-social-fbShare .plusplus-social-count:after{border-top-color:#f4f5ff}.plusplus-tpl-sb-pluso2 .plusplus-social-fbShare .plusplus-social-count:before{border-top-color:#c4ccec}.plusplus-tpl-sb-pluso2 .plusplus-social-twShare .plusplus-social-ico{background-position:0 -42px}.plusplus-tpl-sb-pluso2 .plusplus-social-twShare .plusplus-social-text{border:#E0E0E0 solid 1px;background:#EEE;background:-moz-linear-gradient(top,#FFF 0,#dedede 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(100%,#dedede));background:-webkit-linear-gradient(top,#FFF 0,#dedede 100%);background:-o-linear-gradient(top,#FFF 0,#dedede 100%);background:-ms-linear-gradient(top,#FFF 0,#dedede 100%);background:linear-gradient(top,#FFF 0,#dedede 100%);color:#000}.plusplus-tpl-sb-pluso2 .plusplus-social-twShare .plusplus-social-text:hover{border-color:#BBB;background:#d9d9d9;background:-moz-linear-gradient(top,#f8f8f8 0,#d9d9d9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f8f8f8),color-stop(100%,#d9d9d9));background:-webkit-linear-gradient(top,#f8f8f8 0,#d9d9d9 100%);background:-o-linear-gradient(top,#f8f8f8 0,#d9d9d9 100%);background:-ms-linear-gradient(top,#f8f8f8 0,#d9d9d9 100%);background:linear-gradient(top,#f8f8f8 0,#d9d9d9 100%)}.plusplus-tpl-sb-pluso2 .plusplus-social-twShare .plusplus-social-count{border-color:#c9c9c9;background-color:#f8f8f8;color:#5c5c5c}.plusplus-tpl-sb-pluso2 .plusplus-social-twShare .plusplus-social-count:after{border-top-color:#f8f8f8}.plusplus-tpl-sb-pluso2 .plusplus-social-twShare .plusplus-social-count:before{border-top-color:#c9c9c9}.plusplus-tpl-sb-pluso2 .plusplus-social-gpShare .plusplus-social-ico{background-position:0 -56px}.plusplus-tpl-sb-pluso2 .plusplus-social-gpShare .plusplus-social-text{border:#C06161 solid 1px;background:#c25234;background:-moz-linear-gradient(top,#D75630 0,#A92104 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#D75630),color-stop(100%,#A92104));background:-webkit-linear-gradient(top,#D75630 0,#A92104 100%);background:-o-linear-gradient(top,#D75630 0,#A92104 100%);background:-ms-linear-gradient(top,#D75630 0,#A92104 100%);background:linear-gradient(top,#D75630 0,#A92104 100%)}.plusplus-tpl-sb-pluso2 .plusplus-social-gpShare .plusplus-social-text:hover{border-color:#BBB;background:#AE2505;background:-moz-linear-gradient(top,#B02605 0,#77160A 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#B02605),color-stop(100%,#77160A));background:-webkit-linear-gradient(top,#B02605 0,#77160A 100%);background:-o-linear-gradient(top,#B02605 0,#77160A 100%);background:-ms-linear-gradient(top,#B02605 0,#77160A 100%);background:linear-gradient(top,#B02605 0,#77160A 100%)}.plusplus-tpl-sb-pluso2 .plusplus-social-gpShare .plusplus-social-count{border-color:#ECB9B9;background-color:#FAF0ED;color:#5c5c5c}.plusplus-tpl-sb-pluso2 .plusplus-social-gpShare .plusplus-social-count:after{border-top-color:#FAF0ED}.plusplus-tpl-sb-pluso2 .plusplus-social-gpShare .plusplus-social-count:before{border-top-color:#ECB9B9}.plusplus-tpl-sb-pluso2 .plusplus-social-moimirShare .plusplus-social-ico{background-position:0 -70px}.plusplus-tpl-sb-pluso2 .plusplus-social-moimirShare .plusplus-social-text{border:#1e65a5 solid 1px;background:#004584;background:-moz-linear-gradient(top,#5d90ba 0,#004584 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5d90ba),color-stop(100%,#004584));background:-webkit-linear-gradient(top,#5d90ba 0,#004584 100%);background:-o-linear-gradient(top,#5d90ba 0,#004584 100%);background:-ms-linear-gradient(top,#5d90ba 0,#004584 100%);background:linear-gradient(top,#5d90ba 0,#004584 100%)}.plusplus-tpl-sb-pluso2 .plusplus-social-moimirShare .plusplus-social-text:hover{border-color:#094984;background:#001e5d;background:-moz-linear-gradient(top,#618cae 0,#001e5d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#618cae),color-stop(100%,#001e5d));background:-webkit-linear-gradient(top,#618cae 0,#001e5d 100%);background:-o-linear-gradient(top,#618cae 0,#001e5d 100%);background:-ms-linear-gradient(top,#618cae 0,#001e5d 100%);background:linear-gradient(top,#618cae 0,#001e5d 100%)}.plusplus-tpl-sb-pluso2 .plusplus-social-moimirShare .plusplus-social-count{border-color:#a9bfd5;background-color:#ecf1f6;color:#0c4f90}.plusplus-tpl-sb-pluso2 .plusplus-social-moimirShare .plusplus-social-count:after{border-top-color:#ecf1f6}.plusplus-tpl-sb-pluso2 .plusplus-social-moimirShare .plusplus-social-count:before{border-top-color:#a9bfd5}.plusplus-tpl-sb-pluso2 .plusplus-social-callback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;overflow:hidden;opacity:0}.plusplus-tpl-sb-pluso2 .plusplus-social-vkShare .plusplus-social-callback>div{height:22px!important;height:100px!important}.plusplus-tpl-sb-pluso2 .plusplus-social-gpShare .plusplus-social-callback>div{position:absolute;left:0}</style><div class=\"plusplus-tpl-sb-pluso2\"><div class=\"plusplus-tpl-sb-item plusplus-social-okShare\"><a class=\"plusplus-social-url\"><div class=\"plusplus-social-count\">0</div><div class=\"plusplus-social-text\"><div class=\"plusplus-social-callback\"></div><div class=\"plusplus-social-ico\"></div>Класс</div></a></div><div class=\"plusplus-tpl-sb-item plusplus-social-twShare\"><a class=\"plusplus-social-url\"><div class=\"plusplus-social-count\">0</div><div class=\"plusplus-social-text\"><div class=\"plusplus-social-callback\"></div><div class=\"plusplus-social-ico\"></div>Twitter</div></a></div><div class=\"plusplus-tpl-sb-item plusplus-social-gpShare\"><a class=\"plusplus-social-url\"><div class=\"plusplus-social-count\">0</div><div class=\"plusplus-social-text\"><div class=\"plusplus-social-callback\"></div><div class=\"plusplus-social-ico\"></div>Google+</div></a></div><div class=\"plusplus-tpl-sb-item plusplus-social-moimirShare\"><a class=\"plusplus-social-url\"><div class=\"plusplus-social-count\">0</div><div class=\"plusplus-social-text\"><div class=\"plusplus-social-callback\"></div><div class=\"plusplus-social-ico\"></div>Мой мир</div></a></div></div></div></div></div></div></div></div></div></div>"; // HTML код модального окна setTimeout(function(){ plusplus.mw.run(); // Запуск скрипта }, 10); }); </script> Вообщем так делаем. |
Поделиться в социальных сетях
Материал разместил
Похожие материалы
Комментарии: 5 | |
| |