» »

Ajax окно для uCoz стиль как Вконтакте


Ajax окно для uCoz стиль как Вконтакте

Стильное Ajax окно с оттенком как на популярном социальном сайте в контакте. А это будет светло синем оттенке он и также есть крестик, который при клике меняется. Так же его отличает сам стиль, а это верхняя широкая платформа, и по по бокам идет не больная и заканчивается средней, но похоже как стандартный. Можно сделать при установке, чтоб просто поставит и все, но установка будет через файловый менеджер.

Ajax окно для uCoz стиль как Вконтакте

Установка:

Но для начало скачиваем в корень сайта файлы в папку ajax которую нужно создать. Но и следующим шагом, это прописать в CSSстили.

Код
.xw-plain .xt {margin-top:6px; background-image:url('/ajax/tool-sprites.png');}  
.xw-plain div.xt-close {background-image:url('/ajax/tool-sprites.png');}  
.xw-plain div.xw-blank {display:none !important; background:#e7e7e7;}  
.xw-plain div.xw-tl {padding-left:10px; background-image:url('/ajax/xw-tl.png'); background-color:transparent;}  
.xw-plain div.xw-tr {padding-right:10px; background-image:url('/ajax/xw-tr.png'); background-color:transparent;}  
.xw-plain div.xw-tc {height:28px; position:relative; z-index:10; overflow:hidden; background-image:url('/ajax/xw-tc.png'); background-position:center 0 !important; background-color:transparent;}  
.xw-plain div.xw-ml {padding-left:9px; background-image:url('/ajax/xw-ml.png'); background-color:transparent;}  
.xw-plain div.xw-mr {padding-right:9px; background-image:url('/ajax/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:9px; display:block !important; padding-left:3px; background-image:url('/ajax/xw-bl.png'); background-color:transparent;}  
.xw-plain div.xw-br {height:9px; padding-right:3px; background-image:url('/ajax/xw-br.png'); background-color:transparent;}  
.xw-plain div.xw-bc {height:9px; background-image:url('/ajax/xw-bc.png'); background-color:transparent;}  
.ie_br .xw-plain div.xw-tl {background-image:url('/ajax/xw-tl.png');}  
.ie_br .xw-plain div.xw-tr {background-image:url('/ajax/xw-tr.png');}  
.ie_br .xw-plain div.xw-tc {background-image:url('/ajax/xw-tc.png');}  
.ie_br .xw-plain div.xw-ml {background-image:url('/ajax/xw-ml.png');}  
.ie_br .xw-plain div.xw-mr {background-image:url('/ajax/xw-mr.png');}  
.ie_br .xw-plain div.xw-bl {background-image:url('/ajax/xw-bl.png');}  
.ie_br .xw-plain div.xw-br {background-image:url('/ajax/xw-br.png');}  
.ie_br .xw-plain div.xw-bc {background-image:url('/ajax/xw-bc.png');}  
.u-menuvsep {font-size:0px;}  
.xw-plain .xw-hdr {height:28px; text-indent:5px;}  
.xw-plain .xw-hdr-text {padding-left:0px; line-height:26px; font-size:11px; font-weight:bold; color:#fafafa; text-shadow:1px 1px 0 #597a98;}  
.xw-plain div.xw-mc {color:#f3f3f3; text-shadow:1px 1px 0 #f3f3f3; background:url('/ajax/xw-mc.png') repeat 0 0 !important;}  
.xw-plain .xw-mc {border:0 !important; }  
.xw-plain div.xw-body {border:0 !important;}  
tr td.myWinTD1 {background:0 !important; }


Как можно заметить, что стили не очень большие идут, и в этом можно найти плюс, что меньше места займет.
02.01.2016 Загрузок: 8 Просмотров: 623 Комментарий: (9)

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

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

Комментарий: 0
avatar