Главная » Скрипты » uSteam-wind - вид аякс окошек как в Steam 21.09.2012 23:04
DEMO |
Для того чтобы поставить к себе на сайт, нужно вставить в ваш 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
|
|
Добавлять комментарии могут только зарегистрированные пользователи. Регистрация | Вход
|
Полезная информация
Мы настоятельно рекомендуем вам использовать браузеры последних версий. Нажмите на иконку, чтобы перейти к скачиванию нужного вам браузера
Для правильного отображения сайта, вам понадобится минимальное разрешение экрана 1024 x 768px, оптимальное разрешение: 1280 x 1024px
Mozilla Firefox - один из лучших браузеров (рекомендуем)
Opera - Популярный браузер, но не полностью поддерживает CSS3
Google Chrome - один из лучших и быстрых браузеров
Safari - Качественый браузер от компании Apple
Яндекс.Браузер - браузер от Яндекс на платформе Chrome
|