Главная » Раздел uCoz » Скрипты и модификации для Ucoz


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

1504
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 2116
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Гость, авторизуйся и общайся в чате...
Последние комментарии
Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
Вы сами себе пишите?
  • CbIPoK2513 написал:
    • Скрипт хорош, уже подстроил свой сайт под него :3
  • gefest35 написал:
    • Супер)))!пасиб за работу!!!
  • sasha2016tv написал:
    • Хороший скрипт
    Последние темы
    Опрос
    246
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    		 0
    наших
    		 0
    чужих
    Онлайн всего: 4
    Гостей: 3
    Пользователей: 1
    0
    Сегодня были
    Вовчик
    Друзья сайта:
    ZorNet - сайт про uCoz V Vesnik
    Nk-CS.Ru - Лучшие шаблоны для uCoz n na3uTuB4uk94
    Web-мастер системы uCoz R Roman_Domnin
    Связаться с администратором для дружбы! В Вовчик
    Связаться с администратором для дружбы! В Вовчик
    Топ пользователей: