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