Оригинальное Ajax окно PS-LIVE для сайта
 | |
| Под светлый дизайн сайта представляю вам Ajax окно. Отлично подойдет под светло синий оттенок цвета сайта. Выполнено оно без углов, вообщем закругленные углы. Сам каркас по своей фактуре смотрится как выпуклый. Только оно у него нет, когда на крестик отключить наводишь он не меняется как основном у всех таких кодов. Но сам дизайн очень красив и основной цвет это светлый где будит находиться вся информация. Прописываем в CSS: Код /* AJAX BY P1N */ .xw-plain div.xt-close { width: 15px; height: 15px; display: block; position: relative; top: 4px; right: 4px; background: url(/ajax/ajax_close.png) no-repeat 0 0; } .xw-plain div.xt-close:hover { opacity: 0.9; } .xw-plain div.xw-blank { display:none !important; background:#000; } .xw-plain div.xw-tl { padding-left: 9px; background-image: url(http://zornet.ru/ZORNET-RU/ZR/xw-tl.png); background-color: transparent;} .xw-plain div.xw-tr { padding-right: 9px; background-image: url(http://ps-live.ru/ajax/xw-tr.png); background-color: transparent;} .xw-plain div.xw-tc { height: 39px; position: relative; z-index: 10; overflow: hidden; background-image: url(http://ps-live.ru/ajax/xw-tc.png); background-position:center 0 !important; background-color:#2c5459;} .xw-plain div.xw-ml { padding-left: 10px; background-image: url(http://zornet.ru/ZORNET-RU/ZR/xw-ml.png); background-color: transparent;} .xw-plain div.xw-mr { padding-right: 10px; background-image: url(http://zornet.ru/ZORNET-RU/ZR/xw-mr.png); background-color: transparent;} div.x-sh.xsl, div.x-sh.xsr, div.x-sh.xsb { display: none !important; background: 0; } .xw-plain div.xw-bl {height: 10px; display: block !important; padding-left: 10px; background-image: url(http://zornet.ru/ZORNET-RU/ZR/xw-bl.png); background-color:transparent;} .xw-plain div.xw-br {height: 10px; padding-right: 10px; background-image: url(http://zornet.ru/ZORNET-RU/ZR/xw-br.png); background-color: transparent;} .xw-plain div.xw-bc {height: 10px; background-image: url(http://zornet.ru/ZORNET-RU/ZR/xw-bc.png); background-color: transparent;} .u-menuvsep { font-size: 0px; } .xw-plain .xw-hdr { height: 39px; } .xw-plain .xw-hdr-text { padding-left: 5px; line-height: 33px; font-size: 13px; font-family: Cuprum; font-weight:bold; color:#fff;} .xw-plain div.xw-mc { color: #5a5a5a; background: #f2f3f2 !important;} .xw-plain .xw-mc { border: 0 !important; } .xw-plain div.xw-body { border: 0 !important; } /* AJAX BY P1N */ | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 6 | |
|
| |
