Dimas777
|
Дата: Среда, 23.04.2014, 16:56 | Сообщение № 1
|
Сообщений: 300
|
Тело окны сделана в белом цвете, с небольшой тенью внутри с верху, у заголовка черный бекграунд с белым текстом и красовой кнопкой закрытья окны.
Ниже смотрите скриншот как все выглядет
Теперь установка, идем на страницу стилей css и в самом низу, вставим новый код, если у вас уже были другие стили ajax окон, удалите все!
Код /* начало*/
.xw-равнина, .xw-изменить размер, .xw-активный{ окно-тень: 0 4px 7px 0 #444;background:#fff!важно;-moz-border-radius: 3px!важно; -webkit-border-radius: 3px!важно; border-radius: 3px!важно;border:1px solid #444!важный; } .xt{положение:относительная!важно;переполнение:скрытый!важно;float:право!важно;маржа-топ:-3px!важно;курсор:указатель!важно;фон:прозрачный url('http://game-portals.3dn.ru/images/uWnd-sprites.gif') нет-повторите!важно;маржа-слева:2px!важно;} .xt-закрыть{фон:#111 url('http://game-portals.3dn.ru/images/96519251.png') центр не повторять!важно;box-shadow: отступ 0 1px 0px 0 #333;border-radius: 4px;border:1px solid #000;padding: 4px 6px;} .xt-закрыть-над{окно-тень: отступ 0 -1px 0px 0 #333;} .xt-мини{фон-положение:0 -15px!важно;} .xt-мини-над{фон-положение:-15px -15px!важно;} .xt-макси{фон-положение:0 -30px!важно;} .xt-макси-над{фон-положение:-15px -30px!важно;} .xt-макси{дисплей:нет;} .xt-отдых{фон-положение:0 -45px!важно;} .xt-отдых-над{фон-положение:-15px -45px!важно;} .xw-hdr{текст-совместите:слева!важно;белый-пространство:nowrap!важно; маржа:0 5px!важно; обивка:5px 0!важно;;белый-пространство:nowrap!важно;зум:1!важно;высота:авто!важно;} .xw-hdr-текст{вертикальная-совместите:3px!важно;курсор:по умолчанию!важно;цвет:#FFF!важно; font-size:12px!важно; font-weight:bold!важно; padding:5px 0!важно} .xw-sps {высота:4px!важно;переполнение:скрытый!важно;положение:Абсолют!важно;Ширина:100%!важно;z-индекс:1} .xw-tsps{высота:6px} .xw-изменить размер .xw-tl {курсор:nw-изменить размер} .xw-изменить размер .xw-tr {курсор:ne-изменить размер} .xw-изменить размер .xw-sps {курсор:n-изменить размер} .xw-изменить размер .xw-мл {курсор:Вт-изменить размер} .xw-изменить размер .xw-г-н {курсор:e-изменить размер} .xw-изменить размер .xw-mc {курсор:по умолчанию} .xw-изменить размер .xw-bl {курсор:sw-изменить размер} .xw-изменить размер .xw-br {курсор:se-изменить размер} .xw-изменить размер .xw-до н.э. {курсор:s-изменить размер} .xw-ТК{фон: нет!важно;переполнение:скрытый!важно;положение:относительная!важно;шрифт-Размер:0!важно;линия-высота:0!важно;} .xw-tl{окно-тень: отступ 0 1px 0px 0 #555;background-image: -webkit-градиент( линейный, слева вверху, слева внизу, цвет-стоп(0, #383838 ), цвет-стоп(1, #1A1A1A) )!важно; фон-изображения: -o-линейный-градиент(дно, #383838 0%, #1A1A1A 100%)!важно; фон-изображения: -moz-линейный-градиент(дно, #383838 0%, #1A1A1A 100%)!важно; фон-изображения: -webkit-линейный-градиент(дно, #383838 0%, #1A1A1A 100%)!важно; фон-изображения: -ms-линейный-градиент(дно, #383838 0%, #1A1A1A 100%)!важно; фон-изображения: линейный-градиент(вниз, #383838 0%, #1A1A1A 100%)!важно;padding: 5px 10px!важно;position:relative!важный;} .xw-tr{фон:нет!важно;Ширина: 100%;положение:относительная!важно;} .xw-до н.э.{фон:нет!важно;зум:1!важно;шрифт-Размер:0!важно;линия-высота:0!важно;переполнение:скрытый!важно;} .xw-bcm{высота:2px!важно;фон:нет!важно;} .xw-до н.э. .xw-Нижний колонтитул{обивка-дно:6px!важно;шрифт-Размер:0!важно;линия-высота:0!важно;} .xw-bcm .xw-Нижний колонтитул{обивка-дно:2px!важно;шрифт-Размер:0!важно;линия-высота:0!важно;} .xw-bl{фон:нет!важно;обивка-слева:6px!важно;} .xw-br{фон:нет!важно;обивка-право:6px!важно;} .xw-mc{границы:0!важно;обивка:0!важно;маржа:0!важно;шрифт:нормальный 11px tahoma,arial,helvetica,sans-с засечками!важно;фон:#D7D7D7!важный;} .xw-мл{фон:нет!важно;окно-тень:отступ 0 2px 4px 0 #888;padding-top:5px!важно;padding-left:6px!важный;} .xw-г-н{фон:нет!важно;обивка-право:6px!важно;} .xw-до н.э. {высота:6px!важно;} .xw-значок{Ширина:16px!важно;маржа:2px 2px 0 0!важно;высота:16px!важно;} .xw-тело{фон:прозрачный!важно;} .xw-перетаскиваемые,.xw-перетаскиваемые .xw-hdr-текст{курсор:двигаться!важно;} .xw-равнина .xw-mc{границы:0!важно; фон:нет!важно;} .xw-равнина .xw-тело{обивка:3px!важно;границы:0!важно;фон:прозрачный!важно;} .xw-пустой {фон:нет!важно;переполнение:скрытый!важно;непрозрачность:0.7 !важно;} .xw-draging .xw-bcm {непрозрачность:0.7 !важно;}
.myWinCont,.myWinCont * {шрифт-Размер:11px!важно; цвет:#666!важный;} .myWinCont ввода, .myWinCont textarea, .myWinCont выберите {фон:#fff !важно; color:#333!важно} .myWinCont в{ цвет:#06F!важный;} .myWinCont в:наведите{ цвет:#444!важный;} .myWinPollT {фон:#c0c0c0 !важный;} .myWinPollT td {фон:#fff!важный;} .myWinPollG {фон:нет!важно;}
.myWinCont fieldset{ границы-цвет:#000!важно; границы-стиль: твердые!важно; }
.myWinCont .myBtnRight,.myWinCont .myBtnLeft { дисплей:нет!важно} .myBtnCenter{фон:нет!важно;цвет:#fff!важный;} .myWinCont .myBtnCenter в{маржа: 5px 0;дисплей: блок;текст-тень: 1px 1px 1px #666;padding: 4px 15px;box-shadow:отступ 0 1px 0 0 #КТС;border-radius:2px;border:1px solid #1270EB;color:#fff!важно;background-image: -webkit-градиент( линейный, слева вверху, слева внизу, цвет-стоп(0, #35BEF0), цвет-стоп(1, #1D98C4) )!важно; фон-изображения: -o-линейный-градиент(дно, #35BEF0 0%, #1D98C4 100%)!важно; фон-изображения: -moz-линейный-градиент(дно, #35BEF0 0%, #1D98C4 100%)!важно; фон-изображения: -webkit-линейный-градиент(дно, #35BEF0 0%, #1D98C4 100%)!важно; фон-изображения: -ms-линейный-градиент(дно, #35BEF0 0%, #1D98C4 100%)!важно; фон-изображения: линейный-градиент(вниз, #35BEF0 0%, #1D98C4 100%)!важный;} .myWinCont .myBtnCenter в:наведите{фон:#245BA3;box-shadow:none;} .myWinCont .codeButtons { шрифт-Размер:10px!важно; высота:авто!важно; Ширина:авто!важно; обивка:3px 5px!важно; фон:#333!важно;границы:0!важно;border-right:1px solid #111!важно; color:#CCC!важный;}
/------------------------------------------*/
Новые, ajax, окна, для, Ucoz
|
Game-Portals.3dn.ru - The Best.
|
|
|