Красивый синий 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;} |
Поделиться в социальных сетях
Материал разместил
Комментарии: 5 | |
| |