Окно как вконтакте
1589
9.2 из 10
Проголосовало: 5
Проголосовало: 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>
<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>
Ну вот и все конец скрипта, если были проблемы в установке обращяйесь ко мне
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 13
-1
|
В бан DrZlo! Скрипт лично написан мной, ayzenbart!
Скрипт рипнут с сайта [реклама]! Так что DrZlo, не надо тут пистать что ты автор, я сам лично писал етот код, а photodlyafona.png сам делал в фотошопе, ето воровство скрипта!!!!!! А 
|
-2
|
id="сюда например можешь название влепить или ид материала"
onclick="$('#сюда например можешь название влепить или ид материала') вот измени там на вот это |
-1
|
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> Куда именно? |
-2
|
в любое место, куда захочешь
|
|
0
|
в <head>???
|
|
-1
|
да хоть куда
|
-1
|
ну да
|
|
0
|
Я всегда прав =)))
|
|
-1
|
Quote (EnErGiZeR71) рип контакта какой рип - это простое Модальное окно сделанное в стиле контакта
|
|
-2
|
Не возбухай =) Пусть он думает что РИП, он и рипнуть то не сможет модалку вконтакте =) будь спокоен =)
|
-2
|
рип контакта
|
|
-1
|
))) спс
|
-2
|
Прикольно, а главное полезно!
|
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
даже Вовчик со мной согласен. 
Последние темы
Опрос
Статистика
Топ пользователей:
 |  |  |  |  |  |
 | |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2018 г.
- Design by Вовчик Администратор:)