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


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

1447
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 25
Скрипты и модификации для Ucoz 2104
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Запомни раз и на всегда... Все файлы ВСЕ с окончанием .swf пишутся в Adobe Flash. Я лично пишу в Adobe Flash CS6 cool Я скоро выложу новый шаблон более интересный...
  • Winston888 написал:
  • Я с флешь не сталкивался поэтому интересно файл main.swf ты сам писал ? Если да то через что ?
  • LeKcUs написал:
  • Я думаю что следующая версия будет по дизайну лучше! Ждите.... cool
  • LeKcUs написал:
  • Спасибо...
  • 1488 написал:
  • Отлично сделано!
    Последние темы
    Опрос
    412
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: