Окно как вконтакте


Окно как вконтакте

1440
9.2 из 10
Проголосовало: 5






Ну вот мой первый скрипт. Я много читал на форумах про uCoz и многие просили выложить скрипт чтобы выходило окно и происходило затемнение фона, а тоесть видно было только само окно, я незнал какой вид сделать для окна, но там легко думаю многие разберутся как изменить. В основном я сделал по типу контакта.

Вот этот скрипт вставляем в любое место:

Code
<div id="background" class="background" style="display:none;position:fixed;"></div>  
  <div id="avatar_view" class="back_photo_ajax" align="center" style="position:fixed;display:none;">  
  <style>  
  .back_photo_ajax {background: url('');width:100%;height:1100px;position:absolute;left: 0px;top: 0px;}  
  .background {background: url('http://webo4ka.ru/Ucoz4/photodlyafona.png');width:100%;height:100%;left: 0px;top: 0px;}  
  </style>  

  <div style="padding-top:12px;">  
  <div style="background-color: #ffffff;width: 100%; padding-right:15px;padding-top:1px; padding-left:15px; max-width:768px;">  
  <div id="close" style="float:left;padding-bottom:13px;padding-left:2px;padding-top:13px;"><font color="#2b587a"><b>Название окна</b></font></div><span style="float:right;padding-bottom:13px;padding-top:13px;"><font color="#2b587a"><a onclick="$('#avatar_view').toggle();$('#background').toggle();">Закрыть</a></font></span>  
  <div id="photopers" style="padding-bottom:70px; padding-top:70px;"><div id="phx"><div class="vfrphoto">Содержимое окна</div></div></div>  
  </div>  
  </div>  
  </div>


Ну а вот этот код для вызова самого окна:

Code
<a style="cursor:pointer;" onclick="$('#avatar_view').toggle();$('#background').toggle();">Открыть окно</a>

Ну вот и все конец скрипта, если были проблемы в установке обращяйесь ко мне
Автор публикации: Загрузка
Загрузка
DrZlo, это его n материал
Источник: http://indr.pp.ua/
  • Всего комментариев: 13

ayzenbart
-1
ayzenbart написал: Написано 13 Августа 2011 в 12:32
Комментарий №13
В бан DrZlo! Скрипт лично написан мной, ayzenbart!
Скрипт рипнут с сайта [реклама]!
Так что DrZlo, не надо тут пистать что ты автор, я сам лично писал етот код, а photodlyafona.png сам делал в фотошопе, ето воровство скрипта!!!!!! А angry

DrZlo
-2
DrZlo написал: Написано 10 Августа 2011 в 15:23
Комментарий №12
id="сюда например можешь название влепить или ид материала"

onclick="$('#сюда например можешь название влепить или ид материала')

вот измени там на вот это

pro100(4eJI)
-1
pro100(4eJI) написал: Написано 23 Июля 2011 в 02:46
Комментарий №8
Code
<div id="background" class="background" style="display:none;position:fixed;"></div>  
  <div id="avatar_view" class="back_photo_ajax" align="center" style="position:fixed;display:none;">  
  <style>  
  .back_photo_ajax {background: url('');width:100%;height:1100px;position:absolute;left: 0px;top: 0px;}  
  .background {background: url('http://webo4ka.ru/Ucoz4/photodlyafona.png');width:100%;height:100%;left: 0px;top: 0px;}  
  </style>  

  <div style="padding-top:12px;">  
  <div style="background-color: #ffffff;width: 100%; padding-right:15px;padding-top:1px; padding-left:15px; max-width:768px;">  
  <div id="close" style="float:left;padding-bottom:13px;padding-left:2px;padding-top:13px;"><font color="#2b587a"><b>Название окна</b></font></div><span style="float:right;padding-bottom:13px;padding-top:13px;"><font color="#2b587a"><a onclick="$('#avatar_view').toggle();$('#background').toggle();">Закрыть</a></font></span>  
  <div id="photopers" style="padding-bottom:70px; padding-top:70px;"><div id="phx"><div class="vfrphoto">Содержимое окна</div></div></div>  
  </div>  
  </div>  
  </div>


Куда именно?

Rambo777™
-2
Rambo777™ написал: Написано 23 Июля 2011 в 07:31
Комментарий №9
в любое место, куда захочешь

pro100(4eJI)
0
pro100(4eJI) написал: Написано 23 Июля 2011 в 23:45
Комментарий №10
в <head>???

Rambo777™
-1
Rambo777™ написал: Написано 24 Июля 2011 в 12:41
Комментарий №11
да хоть куда

uD
-1
uD написал: Написано 22 Июля 2011 в 00:33
Комментарий №6
ну да smile

steel
0
steel написал: Написано 22 Июля 2011 в 00:54
Комментарий №7
Я всегда прав =)))

uD
-1
uD написал: Написано 21 Июля 2011 в 23:43
Комментарий №4
Quote (EnErGiZeR71)
рип контакта

какой рип - это простое Модальное окно сделанное в стиле контакта angry

steel
-2
steel написал: Написано 22 Июля 2011 в 00:25
Комментарий №5
Не возбухай =) Пусть он думает что РИП, он и рипнуть то не сможет модалку вконтакте =) будь спокоен =) cool

EnErGiZeR71
-2
EnErGiZeR71 написал: Написано 21 Июля 2011 в 21:56
Комментарий №3
рип контакта

DrZlo
-1
DrZlo написал: Написано 21 Июля 2011 в 14:47
Комментарий №2
))) спс

GhostlyP
-2
GhostlyP написал: Написано 21 Июля 2011 в 02:53
Комментарий №1
Прикольно, а главное полезно! biggrin

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