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

uSteam-wind - вид аякс окошек как в Steam

21.09.2012 23:04

DEMOuSteam-wind - вид аякс окошек как в Steam

Для того чтобы поставить к себе на сайт, нужно вставить в ваш 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: 1px solid #555!important;
  -webkit-border-radius: 3px!important;
  -moz-border-radius 3px!important;
  border-radius: 3px!important;
  -webkit-box-shadow: 0 0px 2px #555!important;
  -moz-box-shadow: 0 0px 2px #555!important;
  box-shadow: 0 0px 2px #555!important;
  font: bold 11px Sans-Serif!important;
  padding: 3px 6px!important;
  white-space: nowrap!important;
  vertical-align: middle!important;
  color: #ccc!important;
  cursor: pointer!important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#545454), to(#4c4c4c))!important;
  background-image: -webkit-linear-gradient(top, #545454, #4c4c4c)!important;
  background-image: -moz-linear-gradient(top, #545454, #4c4c4c)!important;
  background-image: -ms-linear-gradient(top, #545454, #4c4c4c)!important;
  background-image: -ms-linear-gradient(top, #545454, #4c4c4c)!important;
  background-image: -o-linear-gradient(top, #545454, #4c4c4c)!important;
  background-image: linear-gradient(top, #545454, #4c4c4c)!important;
}

.myBtnCont a:hover {
  border: 1px solid #666!important;
  -webkit-box-shadow: 0 0 3px #666!important;
  -moz-box-shadow: 0 0 3px #666!important;
  box-shadow: 0 0 3px #666!important;
}
.x-sh{background:none!important;}

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

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

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

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

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

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

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

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

.xt-close{background-position:0 0!important;}  
.xt-close-over{background-position:-15px 0!important;}  
.xt-mini{background-position:0 -15px!important;}  
.xt-mini-over{background-position:-15px -15px!important;}  
.xt-maxi{background-position:0 -30px!important;}  
.xt-maxi-over{background-position:-15px -30px!important;}  
.xt-rest{background-position:0 -45px!important;}  
.xt-rest-over{background-position:-15px -45px!important;}  

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

.xw-tl {padding:0px!important;background: none!important;}

.xw-tr {padding:0px!important;background: none!important;}

.xw-ml {padding:0px!important;background: none!important;}

.xw-mr {padding:0px!important;background: none!important;}

.xw-bl {padding:0px!important;background: none!important;}

.xw-br {padding:0px!important;background: none!important;}

.xw-bc {height:0px!important;background: none!important;}

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

.xw-hdr-text {
  font: 14px Verdana,Arial,Helvetica, sans-serif!important;
  color: #999!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: #ccc!important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#403f3d), to(#464442))!important;
  background-image: -webkit-linear-gradient(top, #403f3d, #464442)!important;
  background-image: -moz-linear-gradient(top, #403f3d, #464442)!important;
  background-image: -ms-linear-gradient(top, #403f3d, #464442)!important;
  background-image: -o-linear-gradient(top, #403f3d, #464442)!important;
  background-image: linear-gradient(top, #403f3d, #464442)!important;
}
.xw-plain{
  -webkit-box-shadow: 0 0 10px #333!important;
  -moz-box-shadow: 0 0 10px #333!important;
  box-shadow: 0 0 10px #333!important;
}
.xw-body {padding: 0!important;margin: 0!important;}

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

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

.myWinTD1 {background:none!important;}

.myWinCont {color: #ccc!important;background:#333!important;padding:5px!important;}

.myWinCont a{color: #ccc!important;}

.mywincont, .mywincont td, .mywincont dl, .mywincont dt {color: #ccc!important;border:none!important;}
.myWinPollT{background:#3d3d3d!important;}
.myWinPollTd{background:#333!important;}

Все, теперь у вас окошка как на Steam smile

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

Теги: AJAX, CSS, вид ajax, ajax окно, вид ajax как в steam, Steam

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

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

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

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