DIZ-CS.RU - Мы с Вами НАВСЕГДА!
Активный форум » WEB-мастеру » Скрипты для uCoz » Facebook in ucoz (Всплывающее окошко)
  • Страница 1 из 1
  • 1
Сообщение # 1
Аватарка Kyller
OFF
Пользователь
Сообщения:53
Награды:0
Отзывы:0
В этом скрипте я покажу работу окошка как на Facebook для Юкоз! (скриншот зачем? все же были на Facebook)
Итак, нам понадобится:

Javascript который находиться в архиве (скачайте архив и закачайте на свой сайт,без создания каких либо папок)

Данный код необходимо вставить между тегами .

Code
  
  

Следующий код вставьте в Таблицы стилей (CSS)  

/* from facebook */  

.generic_dialog { height:0; left:0; overflow:visible; position:fixed; /*dw*/ top:0; width:100%; z-index:101; }  
#generic_dialog_iframe { left:0; position:absolute; top:0; z-index:3; }  
.generic_dialog .generic_dialog_popup { height:0; overflow:visible; position:relative; }  
.generic_dialog div.dialog_loading { background-color:#F2F2F2; border:1px solid #606060; font-size:24px; padding:10px; }  
#generic_dialog_overlay { display:block; left:0; position:absolute; top:0; width:100%; z-index:100; }  
.dialog_body .dialog_content_img { float:left; margin-right:15px; }  
.dialog_body .dialog_content_txt { float:left; padding-bottom:5px; width:300px; }  
.dialog_body .dialog_content_body { padding-bottom:13px; }  
.dialog_body .form_label { padding-right:5px; }  
.dark_dialog_overlay { background-image:url(/2.png); background-repeat:repeat; }  
* html .dark_dialog_overlay { background-color:transparent; background-image:url(/blank.gif); }  
.full_bleed .pop_dialog_table td.pop_content .dialog_body { padding:0; }  
table.pop_dialog_table { border-collapse:collapse; direction:ltr; margin:auto; table-layout:fixed; width:465px; }  
td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright { height:10px; overflow:hidden; padding:0 !important; width:10px !important; }  
td.pop_topleft { background:transparent url(/1.png) no-repeat scroll 0 0; }  
td.pop_topright { background:transparent url(/1.png) no-repeat scroll 0 -10px; }  
td.pop_bottomleft { background:transparent url(/1.png) no-repeat scroll 0 -20px; }  
td.pop_bottomright { background:transparent url(/1.png) no-repeat scroll 0 -30px; }  
td.pop_top, td.pop_bottom { background:transparent url(/1.png) repeat-x scroll 0 -40px; }  
td.pop_side { background:transparent url(/1.png) repeat-y scroll -10px 0; }  
td.pop_content { background-color:white; direction:ltr; padding:0; }  
.pop_dialog_rtl td.pop_content { direction:rtl; }  
td.pop_content h2.dialog_title { background:#6D84B4 none repeat scroll 0 0; border:1px solid #3B5998; color:white; font-size:14px; font-weight:bold; margin:0; }  
td.pop_content h2.dialog_loading { background:#6D84B4 url(/3.gif) no-repeat scroll 400px 10px; padding-right:40px; }  

td.pop_content h2 span { display:block; padding:4px 10px 5px; }  
td.pop_content .dialog_content { background:#FFFFFF none repeat scroll 0 0; border-color:#555555; border-style:solid; border-width:0 1px 1px; }  
td.pop_content .dialog_body { border-bottom:1px solid #CCCCCC; padding:10px; }  
td.pop_content .dialog_summary { background:#F2F2F2 none repeat scroll 0 0; border-bottom:1px solid #CCCCCC; padding:8px 10px; }  
td.pop_content .dialog_buttons { background:#F2F2F2 none repeat scroll 0 0; padding:8px; text-align:right; }  
td.pop_content .dialog_buttons input { margin-left:5px; }  
td.pop_content .dialog_buttons_msg { float:left; padding:5px 0 0; }  
td.pop_content .dialog_footer { background:#F2F2F2 none repeat scroll 0 50%; }  

/* david walsh custom */  

#fb-modal { display:none; }  
#fb-close { cursor:pointer; }  
.info { width:280px; float:left; font-size:11px; color:#666; }  
.info b { color:#000; }  
.image { width:200px; float:left; margin-right:10px; }  

А вот код который показывает окно:  

  
  
  
  
  

  

  
  
  
  
  
  
  
  
  
  
  
Человек  
  
Это окошко пригодиться в социальных сетях.
  
  

  

  
  
Изображение  
  
  

  
О челе
Чел,придурок  

  

  

Я люблю юкоз.  

  
  
  
  
  
  
  

  

  
  
  
  
  

  

  
  

Источник: http://best-torrents.net.ru/
http://ruseller.com/lessons/les140/facebook-modal-example.jpg Вот скрин
Сообщение # 2
Аватарка KoLeKcEoNeR
OFF
Пользователь
Сообщения:158
Награды:3
Отзывы:0
Skype пользователя:
Сайт пользователя:
Мне кажеться тупо
Сообщение # 3
Аватарка Rusqа
OFF
Пользователь
Сообщения:329
Награды:25
Отзывы:0
Skype пользователя:
Сайт пользователя:
smile вроде норм

Добавлено (26.02.2010, 10:03:23)
---------------------------------------------
Kyller, а где js? wacko

Сообщение # 4
Аватарка Kyller
OFF
Пользователь
Сообщения:53
Награды:0
Отзывы:0
RaZoR72tmn, Забыл
http://forucoz.com/load/1-1-0-11160# вот скачать
Сообщение # 5
Аватарка Snop1k
►Snop1k
OFF
Пользователь
Сообщения:61
Награды:1
Отзывы:0
Сайт пользователя:
Хммм...
Прикольно!!!
  • Страница 1 из 1
  • 1
Поиск:
Писать на форуме могут только авторизованные пользователи.