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

1589
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 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    271
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: