Любовь к спорту на всю жизнь
Привет, Гость!

  • Страница 1 из 1
  • 1
Форум » Всё для Ucoz » Ajax для uCoz » Окно как ВКонтакте
Окно как ВКонтакте
Torres_1_Дата: Воскресенье, 07.08.2011, 19:51 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline
Окно как ВКонтакте



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

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

Код
<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://fifagamers.do.am/vsio_dlya_ucoz/skripti2/okno-kak-v-vk-1.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>


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

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


Ну вот и все конец скрипта, если были проблемы в установке обращяйесь ко мне
 
Форум » Всё для Ucoz » Ajax для uCoz » Окно как ВКонтакте
  • Страница 1 из 1
  • 1
Поиск:
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Что вы делаете на сайте
javascript:; javascript:;
Всего ответов: 119

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33


Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.