ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » Красивый синий ajax окно и админ бар uCoz

Красивый синий ajax окно и админ бар uCoz

Красивый синий ajax окно и админ бар uCoz
Стили которое поменяют у вас само ajax окно и админ бар. Само оно выдержано в светло синем оттенке для сайтов со светлым дизайном и чтоб в стилях сайте было больше синий цвет. Тогда это окно отлично подойдет под дизайн сайта. Возможно ставить на чисто синий оттенок цвета или просто чтоб на сайте он присутствовал. Вообщем создано красиво и все на месте и знайте что у вас так же поменяет цвет админ бар и будит все в одной гамме.
Установка:
Скачиваем архив и в корне сайта создаем папку под названием ajax и все содержимое туда скачиваем. Потом прописываем в CSS этот стиль.
Код
.xw-active {color:white}  
.xw-hdr-text{color:#000}  
.xt{overflow:hidden;width:15px;height:15px;float:right;cursor:pointer;background:transparent url(/ajax/tool-sprites.gif) no-repeat;margin-left:2px;}  
.xt-toggle{background-position:0 -60px;}  
.xt-toggle-over{background-position:-15px -60px;}  
.xt-close{background-position:0 -0;}  
.xt-close-over{background-position:-15px 0;}  
.myBtnLeftA {background: transparent url('/ajax/btn-sprite.gif') no-repeat 0 -133px;}  
.myBtnRightA {background: transparent url('/ajax/btn-sprite.gif') no-repeat 0 -152px;}  
.myBtnCenterA {background: #E3E7EB url('/ajax/btn-sprite.gif') repeat-x 0 -171px;height:19px;}  
.x-sh, .x-sh *{overflow:hidden;margin:0;border:0}  
.xsl *,.xsr *,.xsb * {height:100%}  
.x-sh .xstl{padding-top:6px;background:transparent url(/ajax/shadowh.png) no-repeat 0 0;}  
.x-sh .xsml{background:transparent url(/ajax/shadowh.png) repeat-y -6px 0;}  
.x-sh .xstr{padding-top:6px;background:transparent url(/ajax/shadowh.png) no-repeat -18px 0;}  
.x-sh .xsmr{background:transparent url(/ajax/shadowh.png) repeat-y -12px 0;}  
.x-sh .xsbl{padding-left:6px;background:transparent url(/ajax/shadowv.png) no-repeat 0 -6px}  
.x-sh .xsbc{background:transparent url(/ajax/shadowv.png) repeat-x 0 -12px;}  
.x-sh .xsbr{padding-right:6px;background:transparent url(/ajax/shadowv.png) no-repeat right 0}  
.xw-tl{background:url(/ajax/wframe-horiz.png) repeat-x 0 0;padding-left:6px;position:relative;zoom:1}
.xw-tr{background:url(/ajax/wframe-horiz.png) repeat-x 100% 0;padding-right:6px;position:relative;zoom:1}  
.xw-tc{background:url(/img/ajax/wframe-horiz.png) repeat-x 0 0;font-size:1px;line-height:1px;overflow:hidden;position:relative;zoom:1}  
.xw-tsps{height:6px}  
.xw-ml{background:#47aef4;padding-left:6px;zoom:1}  
.xw-mr{background:#47aef4 100%;padding-right:6px;zoom:1}  
.xw-plain .xw-mc{border:1px solid #A0A0A8;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;background:white;color:black;zoom:1;}  
.xw-bl{background:#47aef4 repeat-x 0 100%;padding-left:6px;zoom:1}  
.xw-br{background:#47aef4 repeat-x 100% 100%;padding-right:6px;zoom:1}  
.xw-bc{background:#47aef4 repeat-x 0 100%;overflow:hidden;font-size:1px;line-height:1px;height:6px}  
.myWinTD1 {background:#FFFFFF;}  
.myWinTD2 {background:#efefef;}  
DIV.xw-bcm{height:2px}  
.u-tabc-body {padding:0;border-top:1px solid #7D7D7D}  
.u-tabc-content {overflow:auto;-moz-user-select:text;}  
.myWinCont {-moz-user-select:text}  
.myWinLoad {margin:5px;width:31px;height:31px;background:url('/ajax/loading.gif') no-repeat 0 0;}  
.myWinLoadSF {margin:2px;width:31px;height:31px;background:url('/ajax/error.jpg') no-repeat 0 0;}  
.myWinLoadSD {margin:2px;width:31px;height:31px;background:url('/ajax/true.gif') no-repeat 0 0;}  
.myWinLoadS {margin:2px;width:31px;height:31px;background:url('/ajax/loading.gif') no-repeat 0 0;}  
.myWinCont,.myWinCont td, .myWinCont dl,.myWinCont dt {color:#000000;font-size:8pt;font-family:Tahoma,Arial;}  
.myWinCont a:link, .myWinCont a:visited{text-decoration:none;color:#0066CC;}  
.myWinCont a:hover,.myWinCont a:active{text-decoration:underline;color:#3399FF;}  
.myWinCont a.withBack:link, .myWinCont a.withBack:visited {padding:3px;}  
.myWinCont a.withBack:hover, .myWinCont a.withBack:active {text-decoration:none;padding:3px;background: white;color:#FFFFFF;}  
.myWinError {color:red;}  
.myWinSuccess {color:blue;}  
.myBtnCont {padding:0 4px 2px 4px;width:auto;white-space:nowrap;cursor:pointer;}  
.myBtnCont a:link, .myBtnCont a:visited, .myBtnCont a:hover, .myBtnCont a:active {text-decoration:none; font-family:tahoma,arial,verdana; color:#000000; font-size:8pt;}  
.myBtnDis a:link, .myBtnDis a:visited, .myBtnDis a:hover, .myBtnDis a:active {color:#B3B3B3;cursor:wait;}  
px;}  
.overBtn .myBtnLeftA,.downBtn .myBtnLeftA,.overBtn .myBtnLeft,.downBtn .myBtnLeft {background-position: 0 -57px;}  
.overBtn .myBtnRightA,.downBtn .myBtnRightA,.overBtn .myBtnRight,.downBtn .myBtnRight {background-position: 0 -76px;}  
.overBtn .myBtnCenter,.overBtn .myBtnCenterA {background-position: 0 -95px;}  
.downBtn .myBtnCenter,.downBtn .myBtnCenterA {background-position: 0 -114px;}  

.cuzadpn {position:absolute;top:0;left:0;width:100%;background:#CAD9EC url('/ajax/wframe-horiz.png') repeat-x; height:24px;}  
.u-menu .u-menuitemhl {background: #DEE7F6 url('/ajax/wframe-horiz.png') repeat-x scroll 0 0;cursor:pointer;}  
.u-menu .xw-mc{background:#fff;border-right:1px solid #DFE8F6;border-bottom:1px solid #DFE8F6;border-top:1px solid #a3bae9;border-left:1px solid #a3bae9;}  
.u-menuitemhl .admBarLeft {background: transparent url('/ajax/tb-btn-sprite.png') no-repeat 0 0;}  
.u-menuitemhl .admBarRight {background: transparent url('/ajax/tb-btn-sprite.png') no-repeat 0 -21px;}  
.u-menuitemhl .admBarCenter {background: #DEE7F6 url('/ajax/tb-btn-sprite.png') repeat-x 0 -42px;}
20 Августа 2013 Загрузок: 8 Просмотров: 2265 Комментариев: (10)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 5
DJ_Jamik
DJ_Jamik 27 Февраля 2014 10:381
0
Не рабочи
Kosten
Kosten 27 Февраля 2014 12:162
0
DJ_Jamik, вы закинули папку ajax в корень сайта?
FeStemBer
FeStemBer 29 Декабря 2015 12:413
0
Но такого типа ajax окно, давно не видал, но кроме того, который считаетмя от одноклассника, хотя там на самом сайте его нет и не было.
csretven
csretven 29 Декабря 2015 12:564
0
Вот опять красить собрались, но здесь согласен, не пропадать скрипту, но надо так сделать, чтоб оттенки реально совпали, и темнее не было.
Kosten
Kosten 29 Декабря 2015 13:195
0
Так вот думаю, может кто на фотошоп лучше красить, чтоб реально тот оттенок был, то цвет то подбираю на глаз виртуальность, похоже или нет.
avatar