» »

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*/
20.08.2013 Просмотров: 1093 Комментарий: (10)

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

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

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