Например:
Среда, 04.12.2024, 11:16 Регистрация Карта сайта RSS Лента
Игровые новости Топ Сайтов Статьи Загрузить изображение Игровой форум Картинки
  • Страница 1 из 1
  • 1
Новые ajax окна для Ucoz
Dimas777
Дата: Среда, 23.04.2014, 16:56 | Сообщение № 1
ICQ пользователя:
Skype пользователя:
Сайт пользователя:

Оффлайн
Сообщений: 300
Награды: 2
 
Тело окны сделана в белом цвете, с небольшой тенью внутри с верху, у заголовка черный бекграунд с белым текстом и красовой кнопкой закрытья окны.

Ниже смотрите скриншот как все выглядет





Теперь установка, идем на страницу стилей 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.
  • Страница 1 из 1
  • 1
Поиск: