» »

Оригинальное Ajax окно PS-LIVE для сайта


Оригинальное 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 */
29.08.2013 Просмотров: 915 Комментарий: (6)

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

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

Комментарий: 6
avatar
Eugenew 29.08.2013 23:221
0
Берите, мне не жалко. Это мой сайт senile
Kosten
Kosten 29.08.2013 23:342
0
Поздравляю если это оригинал.
Nikas
Nikas 30.08.2013 12:533
0
Прикольно tomato
nikolla76
nikolla76 29.12.2015 13:564
0
Какое то оно слишком толстое, и очень редко под какой дизайн может подойти.
AnTron
AnTron 29.12.2015 14:045
0
Вот красиво сделано и главное у него минуч, весить будет много смотря на его дизайн.
Kosten
Kosten 29.12.2015 14:216
0
Вы бы еще дизайн от этого окна видели, но можно понять какой он, все выступает.
avatar