ZorNet.Ru — сайт для вебмастера » Всплывающие окна Ajax » Ajax окно для любого сайта ucoz

Ajax окно для любого сайта ucoz

Ajax окно для любого сайта ucoz
Своим дизайном это AjaX окно для ucoz может подойти под любой дизайн. Создано оно оригинально, отключение у не как стандартное это крестик. Низ его выполнен зубчато, что отлично подойдет по своим стилям порталом у которых не закругленные углы. Так же как заметили состоит в двух расцветках оно, это темный и синий, на темной стороне будит описание на синей стороне будит отключение. Вообщем очень хорошее а главное рабочий скрипт.
Установка:
До боли просто, просто копируем стиль и прописываем его в ваш CSS сайта.
Код
/* AJAX WIN START */ .xw-plain .xt {margin-top:2px; background-image:url(http://zornet.ru/CSS-ZORNET/ZR/1366157467_tool-sprites.gif);} .xw-plain div.xt-close {width:20px; height:20px; display:block; margin:-9px -23px 0 0; background:url(http://zornet.ru/CSS-ZORNET/ZR/1366157508_ajax_close.png) no-repeat 0 0;} .xw-plain div.xt-close:hover {background:url(http://zornet.ru/CSS-ZORNET/ZR/1366157508_ajax_close.png) no-repeat 0 -20px !important;} .xw-plain div.xw-blank {display:none !important; background:#000;} .xw-plain div.xw-tl {padding-left:17px; background-image:url(http://zornet.ru/CSS-ZORNET/ZR/1366157427_xw-tl.png); background-color:transparent;} .xw-plain div.xw-tr {padding-right:30px; background-image:url(http://zornet.ru/CSS-ZORNET/ZR/1366157458_xw-tr.png); background-color:transparent;} .xw-plain div.xw-tc {height:30px; position:relative; z-index:10; overflow:visible !important; background:url(http://zornet.ru/CSS-ZORNET/ZR/1366157422_xw-tc.png) repeat-x 0;} .xw-plain div.xw-ml {padding-left:16px; background-image:url(http://zornet.ru/CSS-ZORNET/ZR/1366157427_xw-tl.png); background-position:0 -29px;} .xw-plain div.xw-mr {padding-right:16px; background-image:url(http://zornet.ru/CSS-ZORNET/ZR/1366157458_xw-tr.png); background-color:transparent; background-position:right -29px;} div.x-sh.xsl, div.x-sh.xsr, div.x-sh.xsb {display:none !important; background:0;color:#090c18 !important;} .xw-plain div.xw-bl {height:16px; display:block !important; padding-left:36px; background-image:url(http://zornet.ru/CSS-ZORNET/ZR/1366157441_xw-bl.png); background-color:transparent;} .xw-plain div.xw-br {height:16px; padding-right:36px; background-image:url(http://zornet.ru/CSS-ZORNET/ZR/1366157460_xw-br.png); background-color:transparent;} .xw-plain div.xw-bc {height:16px; background-image:url(http://zornet.ru/CSS-ZORNET/ZR/1366157496_xw-bc.png); background-color:transparent;} .u-menuvsep {font-size:0px;} .xw-plain .xw-hdr {height:23px; line-height:21px; overflow:visible !important; font-size:11px;} .xw-plain .xw-hdr-text {padding-left:10px;line-height: 21px; overflow:hidden; font-size:11px; font-weight:bold; color:#fff;} .xw-plain div.xw-mc {color:#090c18 !important;background:#fff !important;} .xw-plain .xw-mc {border:0 !important;} .xw-plain div.xw-body {border:0 !important;color:#090c18 !important;} .xw-plain div.xw-mc .myWinTD1 {background:0;color:#090c18 !important;} .xw-plain div.xw-mc .myWinTD2 {background:#ddd;color:#090c18 !important;} .xw-dragging .xw-bl {opacity:0.7;} .xw-dragging .xw-ml {display:block !important;opacity:0.7;} .myWinCont, .myWinCont td, .myWinCont dl, .myWinCont dt {color:#090c18 !important;font-family: "Tahoma", "Arial";font-size: 8pt;} /* AJAX WIN END*/
2013-08-20 Просмотров: 2183 Комментарий: (10)

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

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

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

Комментарий: 5
FeStemBer
FeStemBer 2015-12-29 12:431
0
Что то мне ajax окно напомнило, то на которое наводишь и сама кнопка выезжает, но там абсолютно светлый дизайн и кнопка больше.
csretven
csretven 2015-12-29 12:592
0
Но это первое Ajax окно, которое идет в 2 оттенка цвета, которые не просто друг на друге, а идут как продолжение, такие вообще редко можно встретить в интернете.
Kosten
Kosten 2015-12-29 13:263
0
У кого темно синий дизайн или синий серый всякие оттенки могут быть, но главное синий чтоб был, то можно поставить.
Kosten
Kosten 2015-12-29 13:264
0
Просто вы сам ресурс не видели и как окно там смотрится.
Kosten
Kosten 2015-12-29 13:275
0
Но нужно и чтоб к примеру блоки были под такой дизайн, чтоб все гармонично было.
avatar