» »

Ajax окно для uCoz зеленом цвете


Ajax окно для uCoz зеленом цвете

Хочу вам представить красивое по своему дизайну Ajax окно выполнено в светло зеленом оттенком.
Где надпись материала, красиво выделена обвод, также при нажатие на крестик, он меняется в цвете. Само Ajax для светлых дизайн где присутствует или преобладает зеленая цветовая гамма дизайна.
И так рассмотрим две установки Ajax окно.
Первое что надо сделать убрать старый код Ajax если от есть.
Первый способ:
Копируем стиль и прописываем в стили своего сайта, то есть в CSS
Код
/* AJAX ZORNET.RU START*/
.xw-plain .xt {margin-top:6px; background-image:url(http://zornet.ru/ZORNET-RU/tool-sprites.gif);}
.xw-plain div.xt-close {width:12px; height:12px; display:block; margin:12px -8px 0 0; background:url(http://zornet.ru/ZORNET-RU/ajax_close.png) no-repeat 0 0;}
.xw-plain div.xt-close:hover {background:url(http://zornet.ru/ZORNET-RU/ajax_close.png) no-repeat 0 -14px !important;}

  .xw-plain div.xw-blank {display:none !important; background:#000;}
   
.xw-plain .xw-icon.x-unselectable {display:none !important;}

.xw-plain div.xw-tl {padding-left:16px; background-image:url(http://zornet.ru/ZORNET-RU/xw-tl.png); background-color:transparent;}
.xw-plain div.xw-tr {padding-right:16px; background-image:url(http://zornet.ru/ZORNET-RU/xw-tr.png); background-color:transparent;}
.xw-plain div.xw-tc {height:46px; position:relative; z-index:10; overflow:visible !important; background:url(http://zornet.ru/ZORNET-RU/xw-tc.png) repeat-x 0 0;}

.xw-plain div.xw-ml {padding-left:10px; background-image:url(http://zornet.ru/ZORNET-RU/xw-tl.png); background-color:transparent; background-position:0 -45px;}
.xw-plain div.xw-mr {padding-right:10px; background-image:url(http://zornet.ru/ZORNET-RU/xw-tr.png); background-color:transparent; background-position:right -45px;}

div.x-sh.xsl,  
div.x-sh.xsr,
div.x-sh.xsb {display:none !important; background:0;}

.xw-plain div.xw-bl {height:18px; display:block !important; padding-left:20px; background-image:url(http://zornet.ru/ZORNET-RU/xw-bl.png); background-color:transparent;}
.xw-plain div.xw-br {height:18px; padding-right:20px; background-image:url(http://zornet.ru/ZORNET-RU/xw-br.png); background-color:transparent;}
.xw-plain div.xw-bc {height:18px; background-image:url(http://cstav.ru/uCoz/5_uCoz-ajax/29/xw-bc.png); background-color:transparent;}

   
  .u-menuvsep {font-size:0px;}
   
.xw-plain .xw-hdr {height:46px; line-height:46px; overflow:visible !important; font-size:12px;}  
.xw-plain .xw-hdr-text {height:24px; padding:6px 16px 5px 0; display:block; float:left; overflow:hidden; font:14px/24px 'cuprumitalic'; color:#ededed; text-shadow:0px 1px 1px #003e08; background:url(http://zornet.ru/ZORNET-RU/xw-tc.png) no-repeat right -52px;}

.xw-plain div.xw-mc {color:#232323; background:#efefef !important;}

.xw-plain .xw-mc {border:0 !important;}
.xw-plain div.xw-body {border:0 !important;}

.xw-plain div.xw-mc .myWinTD1 {background:0;}
.xw-plain div.xw-mc .myWinTD2 {background:#ddd;}

.xw-dragging .xw-bl {opacity:0.7;}
.xw-dragging .xw-ml {display:block !important;opacity:0.7;}

.myWinCont {overflow:visible !important;}

.myWinError {margin-top:0 !important;}
/* AJAX WIN ZORNET.RU END*/

Второй способ делаем файл стиля на Ajax. Так как я его сделал, вам только надо скопировать его и вставить в нижнее часть сайта в самый его низ:
Код
<style type="text/css">@import url('http://zornet.ru/ZORNET-RU/ajax-cstav.css') all;</style>

На этом все, пользуйтесь.
27.04.2013 Просмотров: 950 Комментарий: (12)

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

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

Комментарий: 3
Delete
Delete 27.04.2013 10:161
0
хоть бы в ксс оставил мое RIP CSTAV...
Kosten
Kosten 27.04.2013 11:362
0
N_O_O_B, а зачем делать, дубли, они не нужны не тебе не мне.
Delete
Delete 27.04.2013 21:533
0
ну тогда хоть бы прописал RIP By N_O_O_B...
avatar