» »

Модальные окна форме facebook для uCoz


Модальные окна форме facebook для uCoz

Теперь на сайте можно разместить модальное окно разного вида, так как оно работает только по вашему вызову. И вы можете туда установить как форму входа, так и обратную связь, но еще много функций по сайту. Теперь у вас есть возможность поставить свое модальное окно от facebook для uCoz. Оно хорошо тем, что можете поставить как вам нужно и безусловно дизайн красивый. Просто нужно вывести саму надпись или будет это кнопка, чтоб при клике оно открылось.

Модальные окно форме facebook

Так как на светлом фоне, здесь не видно, что все четыре стороны прозрачные и это очень стильно смотрится. Кто то вообще для новости делает. В моем случай только написал и установил изображение, чтоб было понятно что где прописывать.

Установка:

Так где хотите:

Код
<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/
13.03.2016 Просмотров: 644 Комментарий: (8)

Поделиться в социальных сетях

Материал разместил

Комментарий: 7
FeStemBer
FeStemBer 13.03.2016 00:581
0
А так если сравнить, модальные намного красивей, раньше думал, что там сильно нужно разбираться, не чего сложного. Если у тебя есть скрипт рабочий, то можешь его установить и он в нем работать будет.
tsakonter
tsakonter 13.03.2016 01:122
0
Но так модальных окон много и правильно подмечено, что все больше их можно найти. Не помню сайта, там одно стоит, так оно открывается, как взрыв по кускам собирается быстро, красиво смотрится.
ucozmental
ucozmental 13.03.2016 01:233
0
Мне не нравиться такое окно, но понимаю, что для этого сайта оно может хорошо подойти.
Сопрано
Сопрано 13.03.2016 01:264
0
Но там стили идут и вообще одна ссылка и так и не понял на что, и выходит, можно поменять оттенок. Хотя на скачивание больше окно на этом сайте нравиться, хоть рип но все же.
Kosten
Kosten 13.03.2016 01:295
0
Trantel, думаю вы подумали с вебочки которое, да там рип, но у меня раньше окно появилось, потом рип на вебочке появился и от сюда выходит что оригинал, да просто кто делал это окно мне устанавливал.
Tergran
Tergran 13.03.2016 01:346
0
Да основном можно на юкоз сайтах заметить, это новость на на вебмастере, где то видел форму входа, да если честно можно хоть статистику запихать, одно только, нужна ли она там.
csretven
csretven 13.03.2016 01:477
0
Почему то мне не вериться, как посмотрю, вам здесь не чего не нравиться и думаю смелости не хватит что то свое залить, это на слабо беру, хотя шучу, мне они вообще не нужны пока, возможно в будушем какую то информацию выводить можно будет. Хотя в простои окне все можно это сделать.
avatar