WebElement - Лучшие авторские скрипты для вашего сайта и блога
WebElement - это сборник дизайнерских мелочей
А также скриптов, помогающих вам в сайто-строении.
Мы поможем вам сделать сайт красивее, мобильнее и удобнее.
У нас вы можете найти готовые решения на:
HTML, CSS\CSS3, jQuery, JS, плагинам к библиотеке JQ и не только...
Используйте только качественные скрипты на своих сайтах.
Главная » Скрипты »

Gradient uWnd - Светлые аякс окошка

20.09.2012 14:28

DEMOGradient uWnd - Светлые аякс окошка

И так, установка как всегда проста.
Идем в админ панель, заходим в CSS и ставим туда код : (желательно в самый верх)
Code

.myBtnLeft {background: none!important;}
.myBtnCenter {background: none!important;}
.myBtnRight {background: none!important;}
.myBtnLeftA {background: none!important;}
.myBtnCenterA {background: none!important;}
.myBtnRightA {background: none!important;}
.myBtnCont a {
  border: none!important;
  -webkit-border-radius: 3px!important;
  -moz-border-radius 3px!important;
  border-radius: 3px!important;
  -webkit-box-shadow: 0 0px 2px #666!important;
  -moz-box-shadow: 0 0px 2px #666!important;
  box-shadow: 0 0px 2px #666!important;
  font: bold 11px Sans-Serif!important;
  padding: 3px 6px!important;
  white-space: nowrap!important;
  vertical-align: middle!important;
  color: #444!important;
  cursor: pointer!important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e1e1e1))!important;
  background-image: -webkit-linear-gradient(top, #eee, #e1e1e1)!important;
  background-image: -moz-linear-gradient(top, #eee, #e1e1e1)!important;
  background-image: -ms-linear-gradient(top, #eee, #e1e1e1)!important;
  background-image: -ms-linear-gradient(top, #eee, #e1e1e1)!important;
  background-image: -o-linear-gradient(top, #eee, #e1e1e1)!important;
  background-image: linear-gradient(top, #eee, #e1e1e1)!important;
}

.myBtnCont a:hover {
  -webkit-box-shadow: 0 0 3px #333!important;
  -moz-box-shadow: 0 0 3px #333!important;
  box-shadow: 0 0 3px #333!important;
}

.x-sh .xstl {padding-top: 5px;background: none!important;}

.x-sh .xsml {background: none!important;}

.x-sh .xstr {padding-top: 5px;background: none!important;}

.x-sh .xsmr {background: none!important;}

.x-sh .xsbl {padding-left: 6px;background: none!important;}

.x-sh .xsbc {background: none!important;}

.x-sh .xsbr {padding-right: 6px;background: none!important;}

.xt {
  background: url('http://getelement.3dn.ru/materials/Gradient-uWnd/buttons.png') no-repeat!important;
  margin-top:-1px!important;
  width: 18px!important;
  height: 18px!important;
}

.xt-close {background-position: 0 0!important;}

.xt-close-over {background-position: -18px 0!important;}

.xt-mini {display: none!important;}

.xt-mini-over {display: none!important;}

.xt-maxi {background-position: 0 -28px!important;}

.xt-maxi-over {background-position: -18px -28px!important;}

.xt-rest {background-position: 0 -44px!important;}

.xt-rest-over {background-position: -18px -44px!important;}

.xw-tl {padding-left: 2px!important;}

.xw-tc {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff))!important;
  background-image: -webkit-linear-gradient(top, #eee, #fff)!important;
  background-image: -moz-linear-gradient(top, #eee, #fff)!important;
  background-image: -ms-linear-gradient(top, #eee, #fff)!important;
  background-image: -ms-linear-gradient(top, #eee, #fff)!important;
  background-image: -o-linear-gradient(top, #eee, #fff)!important;
  background-image: linear-gradient(top, #eee, #fff)!important;
  padding: 11px 10px 0px 10px!important;
  border-top:1px solid #999!important;
}

.xw-tr {padding-right: 3px!important;}

.xw-ml {padding-left: 2px!important;}

.xw-mr {padding-right: 3px!important;}

.xw-bl {padding-left: 3px!important;}

.xw-br {padding-right: 3px!important;}

.xw-bc {height: 2px!important;}

.xw-hdr-text {padding: 0px!important;margin-top: -2px!important;}

.xw-hdr-text {
  font: 16px Verdana,Arial,Helvetica, sans-serif!important;
  color: #666!important;
  line-height: 16px!important;
}

.xw-plain .xw-mc {
  border: none!important;
  padding: 0!important;
  margin: 0!important;
  font: 11px Verdana,Arial,Helvetica, sans-serif!important;
  color: #666!important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee))!important;
  background-image: -webkit-linear-gradient(top, #fff, #eee)!important;
  background-image: -moz-linear-gradient(top, #fff, #eee)!important;
  background-image: -ms-linear-gradient(top, #fff, #eee)!important;
  background-image: -o-linear-gradient(top, #fff, #eee)!important;
  background-image: linear-gradient(top, #fff, #eee)!important;
}
.xw-plain{
  -webkit-box-shadow: 0 0 8px #999!important;
  -moz-box-shadow: 0 0 8px #999!important;
  box-shadow: 0 0 8px #999!important;
}
.xw-body {padding: 0!important;margin: 0!important;}

.xw-plain .xw-body {padding: 10px!important;border: none!important;}

.xw-blank {background: #eee!important;}

.myWinTD1 {background: none!important;}

.myWinCont {color: #666!important;background: none!important;}

.mywincont, .mywincont td, .mywincont dl, .mywincont dt {color: #666!important;}

Вот и все:)
Теперь можно наслаждаться внешним видом)

Категория: Ajax для uCoz | Просмотров: 789 | Добавил: Cradleshel

Теги: AJAX, uWnd, CSS, вид ajax, ajax окно

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
«  Сентябрь 2012  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
Какой категории уделить больше внимания?
Всего ответов: 251

Полезная информация

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

Для правильного отображения сайта, вам понадобится минимальное разрешение экрана 1024 x 768px, оптимальное разрешение: 1280 x 1024px