» »

Тёмный стиль ajax окон для сайта uCoz


Тёмный стиль ajax окон для сайта uCoz

Сейчас очень редко встретишь стандартное окно, так как его можно поменять на более красивое к примету Тёмный стиль ajax окон для сайта uCoz которое полностью рабочее и проверено на тестовом сайте. Дизайн у него темный и немного он прозрачный, это можно заметить когда поставить на светлый сайт.

Ставил его на темный дизайн сайта и по мне не очень сильно по дизайну идет. Просто все стороны сливаются и только светлый оттенок цвета и видно и смотрится не очень красиво. Когда поставил на светлый портал, а точнее светло темный, где больше при вуалирует белый оттенок, то сразу другое восприятие этого скрипта.

Установка:
Копируем и прописываем в сои стили CSS:
Код
.xw-tl{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_1.png') no-repeat 0 0!important;padding-left:6px;position:relative;zoom:1}  
.xw-tr{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_2.png') no-repeat 100% 0!important;padding-right:6px;position:relative;zoom:1}  
.xw-tc{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_3.png') repeat-x 0 0!important;font-size:1px;line-height:1px;overflow:hidden;position:relative;zoom:1}  
.xw-tsps{height:6px}  
.xw-ml{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_4.png') repeat-y 0 0!important;padding-left:6px;zoom:1}  
.xw-mr{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_5.png') repeat-y 100% 0!important;padding-right:6px;zoom:1}  
.xw-plain .xw-mc{border:1px solid #A0A0A8;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;background:white;color:black;zoom:1;}  
.xw-bl{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_6.png') no-repeat 0 100%!important;padding-left:6px;zoom:1}  
.xw-br{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_7.png') no-repeat 100% 100%!important;padding-right:6px;zoom:1}  
.xw-bc{background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_8.png') repeat-x 0 100%!important;overflow:hidden;font-size:1px;line-height:1px;height:6px}  
DIV.xw-bcm{height:2px}  
.xt{position:relative;overflow:hidden;width:15px;height:15px;float:right;cursor:pointer;background:transparent url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_9.gif') no-repeat !important;margin-left:2px;margin-top:4px;}  
.cuzadpn {background:url('http://zornet.ru/CSS-ZORNET/Ajax/ajax_okno_10.png') repeat-x !important;}  
.admBarCenter {color:#aaaaaa !important}
25.08.2014 Просмотров: 989 Комментарий: (2)

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

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

Комментарий: 2
FeStemBer
FeStemBer 29.12.2015 14:271
0
Вот тоже не чего, говорил они почти одинаковы все темные окна, только крестики отключать у всех разные, и по моему сами администраторы их меняют.
Kosten
Kosten 29.12.2015 14:442
0
Вообще то по мне темный дизайн и светлая кнопка как то не очень смотрится.
avatar