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


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

1462
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 2113
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Ох. Вижу, что обсуждение очень старое. Но!
На других CMS так же будет все это реализовано. На нормальных CMS.
Такое решение может подойти лишь для landing сайтов. Но и то, не думаю, что там кто то заморачивается в написании какого либо контроллера генерирования шаблона и используют прямо в лоб чистый HTML, поэтому и будут для каждой страницы свои блоки делать.

Поэтому лучше тут все же дописать решение именно для ucoz без загрузки этих лишних блоков на странице. Ведь используя условные операторы этот код даже не будет прогружаться на странице. (Лол. Это ж доли секунд загрузки...) И что? Но давайте делать оптимальнее
Моё авторство:)
  • 1488 написал:
  • 1488 написал:
  • Смысл исходный код? он возвращает после обновление страницы на то положение которое было... или как?
  • 1488 написал:
  • как поставить галки как скрине?
    а то невозможно поставить...
  • Handyman написал:
  • Не появляется код безопасности для обычных пользователей
    Последние темы
    Опрос
    228
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: