» »

Окно Ajax для сайта ucoz простое и светлое


Окно Ajax для сайта ucoz простое и светлое

Этот код можно поставить как на светлый дизайн сайта так и на темный и идет речь о материале как Окно Ajax для сайта ucoz простое и светлое которое по стилям сделана под любую тематику. Я попробовал поставить на 2 разных шаблона с разной гаммой, что вы можете посмотреть.

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

Установка:

Прежде нужно убрать старое окно если у вас стоит на ресурсе. Если вы ставите шаблон новый то там не нужно не чего убирать, так как идет стандарт.
Копируем стили и прописываем в CSS можно в самый низ, чтоб знать где будут стоять они (стили).
Код
.x-sh, .xw-bl {display:none !important;}  
.xw-ml, .xw-mr {margin:0 !important;padding:0 !important;background:none !important;}  
.xw-mc {color:#333; font-weight: normal; float: none; margin: 0; padding: 8px 8px !important; background: #fff !important; border: 1px solid #c4cee0 !important;border-radius:4px;-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}  
.xw-hdr-text {display: none !important;}  
.xw-hdr img {display:none;}  
.xw-tl, .xw-tr, .xw-tc, .xw-hdr, .xw-sps .xw-draggable {height: 0 !important;background: none !important;padding: 0 !important;}  
.xw-tc {overflow: visible !important;}  
.xt-close {position: absolute !important;right: -18px;top: -18px;margin: 0 !important;z-index: 10014 !important;width: 36px !important;height: 36px !important; background: url(http://zornet.ru/CSS-ZORNET/ND/fancybox_sprite.png) no-repeat !important;}  
.xw-body {border: 0 !important;padding: 0 !important;}  
.xt-maxi {display:none;}  
.xt-mini {display:none;}  
.xt-rest {display:none;}

Смотрим второй фон:

13.09.2014 Просмотров: 1023 Комментарий: (6)

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

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

Комментарий: 6
kredit-oformi
kredit-oformi 13.09.2014 21:341
0
Нормальненький опрос можно создать и в отличии от стандартного довольно заметное перекрестие для закрытия окна
Dimstrik
Dimstrik 14.09.2014 04:412
0
Я вообще редко вижу что бы на сайтах стоял опрос и тем более со статистикой опроса , но вообще задумка не плохая и может кто себе установит.
kredit-oformi
kredit-oformi 14.09.2014 13:313
0
CHID, я часто использую
Kosten
Kosten 14.09.2014 14:074
0
CHID, просто на тестовом сайте чтоб показалось окно.. нужно было включить опрос. Это Ajax которое больше похоже на стандартное.. но со своими небольшими фишками.
FeStemBer
FeStemBer 29.12.2015 14:255
0
Вот пожалуйста окно которое точно здесь на сайте стоит.
Kosten
Kosten 29.12.2015 14:436
0
Да и это правда и это окно сейчас стоит и можно заметить там всего только одна ссылка и это на кнопку и вы можете поставить как синее или темную.
avatar