Вид окон - Скрипты для uCoz - Всё для uCoz - Файлы - WebTOPS - uCoz|DLE|Adobe|CS1.6|Программы|Игры|Фильмы

Вход на сайт

Меню сайта

Категории раздела

Шаблоны для uCoz [139]

Скрипты для uCoz [61]

Иконки для uCoz [13]

Разное для uCoz [3]

Рипы для uCoz [5]

Мини-чат

На сайте

Пользователи

Гости сайта

Добро пожаловать на WebTOPS!

На нашем портале вы можете найти программы для вашего компьютера, фильмы, игры, сериалы, картинки. А также всё для uCoz, DLE, CS1.6, PS, AE. Посещаемость сайт составляет до 100 хостов в день.Опубликовано более 800 файлов.

Дорогие гости сайта просим вас пройти регистрацию или авторизоваться через емейл и пароль uNet.

Вид окон

Открыть оригинальный размер изображения

Вставляем в CSS:

Code

.BackIdea {position:fixed; top:15%; left:0;; width:100%;}
    .WrapIdea {color:#000; text-align:left; border:1px solid #fff; background:#fff; padding:75px; width: 460px; padding:5px; margin:0px auto 0px auto; -moz-box-shadow: 0px 0px 3px #888;-webkit-box-shadow: 0px 0px 3px #888;box-shadow: 0px 0px 3px #888; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    .headIdea {background:#5e86bc; color:#fff; padding:8px 10px 10px 10px; margin:7px -6px 7px -6px; text-shadow:1px 1px 0px rgba(0,0,0,0.40);}
    #TextIdea {border:1px solid #3e5e8a; background:#fff; padding:3px; width:364px; font-size:11px; font-family:tahoma; color:#000; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
    #SubmitIdea {float:right; border:1px solid #3e5e8a; background-color:#4972a4; font:11px tahoma; font-weight:bold; color:#fff; padding:2px 5px 3px 5px; margin-left:5px; text-shadow:0px 1px 0px rgba(0,0,0,0.40) !important; -webkit-border-radius: 2px !important;-moz-border-radius: 2px !important;border-radius: 2px !important;}
    #SubmitIdea:hover {background-color:#456d9e; cursor:pointer;}
    #closeIdea {float:right; margin-top:-1px; cursor:pointer;}

Вставляем перед :

Code

<div class="BackIdea" id="ajax1" style="display:none;"><div class="WrapIdea">
  <span style="color:#bbb; margin-top:-2px;"><span id="StatuSite">Название окна</span></span>
  <img onclick="$('.BackIdea').fadeOut();" id="closeIdea" src="http://bolena.3dn.ru/img/close.png" border="0" />
    <br>Содержимое окна
    </div></div>

И ставим ссылку для открытия окна где хотите:

Code

<a href="javascript://" onclick="$('#ajax1').fadeIn();">Открыть окно</a>

Мини FAQ:
Если вы хотите сделать несколько окон изменяйте

Теги материала: script, FAQ, for, вид, uCoz, bolena, BODY, Ajax, Free, окон

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]