Модальные окна «facebook» by webo4ka


Модальные окна «facebook» by webo4ka

4765
8.8 из 10
Проголосовало: 14






Продолжая идею Модальные окна «VK» и «Одноклассники» by webo4ka, сделал модальное окно «facebook»...

Установка:

Вставляете куда вам надо:

Code
<a href="javascript://" onclick="facebookOtkritWebo4kaRu();">открыть окно facebook</a>

<div id="facebookPositionWebo4kaRu">
<div id="facebookTitleWebo4kaRu">facebook</div>
<div id="facebookBodyWebo4kaRu">гуляю на webo4ka.ru</div>
<div id="facebookFooterWebo4kaRu">
<div style="text-align: right;"><a href="javascript://" onclick="facebookZakritWebo4kaRu();" id="facebookZakritWebo4kaRu">Закрыть</a></div>
</div>
</div>
<style>
#facebookPositionWebo4kaRu {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;}
#facebookTitleWebo4kaRu {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;}
#facebookBodyWebo4kaRu {background: #e7ebf2; border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: 1px solid #ccc; padding:10px;}
#facebookFooterWebo4kaRu {background-color: #f2f2f2; border-bottom: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #555; padding:10px;}
#facebookZakritWebo4kaRu {background:#5B74A8 url('http://webo4ka.ru/Ucoz7/knopki_kak_na_facebook_webo4karu.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 facebookOtkritWebo4kaRu(){$('#facebookPositionWebo4kaRu').fadeIn('slow');}  
function facebookZakritWebo4kaRu(){$('#facebookPositionWebo4kaRu').fadeOut('slow');}  
</script>


Настройки:
width: 333px; ширина окна
position: fixed; top:20%; left:25%; - 20 отступ сверху; 25 отступ слева

всё!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 12

BLAzER
0
BLAzER написал: Написано 01 Декабря 2012 в 12:42
Комментарий №4
Мне нравится, по сравнению с вк и одноклассники.

Winston888
0
Winston888 написал: Написано 01 Декабря 2012 в 12:01
Комментарий №3
может сделать в таком стиле ajax окна ?

Вовчик
0
Вовчик написал: Написано 01 Декабря 2012 в 18:14
Комментарий №6
да, начинай делать, я разрешаю... biggrin

Winston888
+2
Winston888 написал: Написано 01 Декабря 2012 в 18:44
Комментарий №7
мне просто инетересно нужно ли это комунить вообще ?

BLAzER
0
BLAzER написал: Написано 01 Декабря 2012 в 21:30
Комментарий №9
Надо

Ishenko(Boston)
0
Ishenko(Boston) написал: Написано 01 Декабря 2012 в 21:55
Комментарий №10
нужно-нужно.. когда сделаешь примерно?

Ganjubasik
0
Ganjubasik написал: Написано 07 Декабря 2012 в 21:13
Комментарий №11
Очень нужно:)

AndreyKlipikov
0
AndreyKlipikov написал: Написано 01 Декабря 2012 в 10:38
Комментарий №2
Вовчик, Убил бы, честно) Всё понимаю на счёт копирайтов, но так бесят названия функций с твоим сайтов и тем более в ТРАНСЛИТЕ... ааа убейте меня

Вовчик
0
Вовчик написал: Написано 01 Декабря 2012 в 18:13
Комментарий №5
у меня это уже на автомате...

Winston888
0
Winston888 написал: Написано 01 Декабря 2012 в 18:48
Комментарий №8
Тебе что тяжело переделать так как те нравится ?

Vikon
0
Vikon написал: Написано 14 Декабря 2012 в 05:34
Комментарий №12
angry думаю что Вовчик рекламу делает, не просто так делать скрипты!

GhostlyP
0
GhostlyP написал: Написано 01 Декабря 2012 в 01:30
Комментарий №1
surprised прикольно happy

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 3
    Пользователей: 2
    0
    Сегодня были
    Топ пользователей: