Модальные окна форме facebook для uCoz
 | |
Теперь на сайте можно разместить модальное окно разного вида, так как оно работает только по вашему вызову. И вы можете туда установить как форму входа, так и обратную связь, но еще много функций по сайту. Теперь у вас есть возможность поставить свое модальное окно от facebook для uCoz. Оно хорошо тем, что можете поставить как вам нужно и безусловно дизайн красивый. Просто нужно вывести саму надпись или будет это кнопка, чтоб при клике оно открылось.  Так как на светлом фоне, здесь не видно, что все четыре стороны прозрачные и это очень стильно смотрится. Кто то вообще для новости делает. В моем случай только написал и установил изображение, чтоб было понятно что где прописывать. Установка: Так где хотите: Код <a href="javascript://" onclick="facebookOtkrit();">открыть окно</a> В низ сайта: Код <div id="facebookPosition"> <div id="facebookTitle">ZorNet.ru</div> <div id="facebookBody">На сайте zornet.ru вы найдете скрипты и щаблоны для uCoz. <br><br><div align="center"><img border="0" align="absmiddle" src="http://zornet.ru/ZORNET/drental/OohSq3Z.png"></div> </div> <div id="facebookFooter"> <div style="text-align: right;"><a href="javascript://" onclick="facebookZakrit();" id="facebookZakrit">Закрыть</a></div> </div> </div> <style> #facebookPosition {display:none; width: 333px; position: fixed; top:5%; left:25%; border: 10px solid rgba(82, 82, 82, 0.700); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 999;} #facebookTitle {background: #6d84b4; border-left: 1px solid #3b5998; border-right: 1px solid #3b5998; border-top: 1px solid #3b5998; color: #fff; font-size: 14px; font-weight: 700; height:15px; padding:10px;} #facebookBody {background: #e7ebf2; border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: 1px solid #ccc; padding:10px;} #facebookFooter {background-color: #f2f2f2; border-bottom: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #555; padding:10px;} #facebookZakrit {background:#5B74A8 url('http://zornet.ru/SKRIPT/Grazyga/k_n_p_f.png'); background-repeat: repeat-x; border:1px solid #29447e; color:#f9f7f9; font-weight: bold; font-size: 11px; font-family: tahoma,verdana,arial,sans-serif,Lucida Sans; text-shadow: 0 1px 0 #45688e; text-decoration:none; outline: medium none; white-space: nowrap; margin: 0; padding: 4px 11px; cursor: pointer;} </style> <script> function facebookOtkrit(){$('#facebookPosition').fadeIn('slow');} function facebookZakrit(){$('#facebookPosition').fadeOut('slow');} </script> Также можете его ставить все 2 скрипта вмести, но как поняли, первый, это надпись, что для вызова и вам установить его нужно, там где нужно. Если взять связь с администрацией, то можно в низ сайта или в шапку. Источник: http://webo4ka.ru/ | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 7 | |
|
| |
