ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » Тёмный стиль ajax окон для сайта uCoz

Тёмный стиль 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 Августа 2014 Просмотров: 2284 Комментариев: (2)

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

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

Оставь свой отзыв

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