вСкрипты для Юкоз

Ajax окно для ucoz темная рамка

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

Код
/* AJAX ОКНО v.2.0  
============================================================================*/  
.x-sh .xstlpadding-top:6px; background:none!important;  
.x-sh .xsmlbackground:none!important;  
.x-sh .xstrpadding-top:6px; background:none!important;  
.x-sh .xsmrbackground:none!important;  
.x-sh .xsblpadding-left:6px;background:none!important;  
.x-sh .xsbcbackground:none!important;  
.x-sh .xsbrpadding-right:6px;background:none!important;  
.xt background:transparent url(http://zornet.ru/CSS-ZORNET/REN/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;  
.xt-closebackground-position:0 0!important;  
.xt-close-overbackground-position:-15px 0!important;  
.xt-minibackground-position:0 -15px!important;  
.xt-mini-overbackground-position:-15px -15px!important;  
.xt-maxibackground-position:0 -30px!important;  
.xt-maxi-overbackground-position:-15px -30px!important;  
.xt-restbackground-position:0 -45px!important;  
.xt-rest-overbackground-position:-15px -45px!important;  
.xw-tl background:url(http://zornet.ru/CSS-ZORNET/REN/border3.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;  
.xw-tc background:url(http://zornet.ru/CSS-ZORNET/REN/top3.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;  
.xw-tr background:url(http://zornet.ru/CSS-ZORNET/REN/border3.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;  
.xw-ml background:url(http://zornet.ru/CSS-ZORNET/REN/border3.png) repeat-y 0 0!important; padding-left:5px!important;  
.xw-mr background:url(http://zornet.ru/CSS-ZORNET/REN/border3.png) repeat-y 100% 0!important; padding-right:5px!important;  
.xw-bl background:url(http://zornet.ru/CSS-ZORNET/REN/border3.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;  
.xw-br background:url(http://zornet.ru/CSS-ZORNET/REN/border3.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;  
.xw-bc background:url(http://zornet.ru/CSS-ZORNET/REN/border3.png) repeat-x 0 100%!important; height:5px!important;  
.xw-hdr-text padding:0px!important;  
.xw-hdr-text font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;  
.xw-plain .xw-mc border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f9f9f9!important;  
.xw-body padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;  
.xw-plain .xw-bodypadding: 10px!important; border: none!important;  
.xw-blank background:#fff!important;  
.myWinTD1 background:none!important;

Смотреть:

источник: zornet.ru

Похожие посты