Скриншот материала «Вид ajax окон для uCoz»
 |
Если вы делаете дизайны для сайтов в которых всё должно быть прорисовано и соблюдаться какому-то определённому стилю, то этот скрипт замечательно вам подойдёт. Благодаря ему вы сможете изменить стандартный дизайн
ajax окна на такой какой захотите сами.
Вид может быть абсолютно любой, это зависит только от того как вы измените этот код.
1. Заходим в ПУ
2. Управление дизайном
3. Управление дизайном(CSS)
4. Вставляем в самый низ этот код
Код
div[id*="_uwndWnd"] .xw-tl, div[id*="_uwndWnd"] .xw-bl {background-image:url('http://teeworlds.by/style_diz/grass/ajax/ajax_left_corner.png');padding-left:5px;}
div[id*="_uwndWnd"] .xw-tr, div[id*="_uwndWnd"] .xw-br {background-image:url('http://teeworlds.by/style_diz/grass/ajax/ajax_right_corner.png');padding-right:5px;}
div[id*="_uwndWnd"] .xw-bc {background-image:url('http://teeworlds.by/style_diz/grass/ajax/ajax_top-buttom.png');}
div[id*="_uwndWnd"] .xw-tc {background-image:url('http://teeworlds.by/style_diz/grass/ajax/ajax_top-buttom.png');}
div[id*="_uwndWnd"] .xw-hdr-text {color:#FFF;}
div[id*="_uwndWnd"] .xw-ml {background-image:url('http://teeworlds.by/style_diz/grass/ajax/ajax_left.png');padding-left:5px;}
div[id*="_uwndWnd"] .xw-mr {background-image:url('http://teeworlds.by/style_diz/grass/ajax/ajax_right.png');padding-right:5px;}
div[id*="_uwndWnd"] .xw-mc {border:0;background:transparent url('http://teeworlds.by/style_diz/grass/ajax/ajax_middle.png');}
div[id*="_uwndWnd"] .xw-body, div[id*="_uwndWnd"] .myWinCont {border:0;}
div[id*="_uwndWnd"] {-moz-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
div[id*="_uwndWnd"] .xw-tc {overflow:visible;}
div[id*="_uwndWnd"] .xt-close {background-image:url('http://teeworlds.by/style_diz/grass/ajax/close.png');height:20px;width:20px;z-index:333;position:absolute;top:-10px;right:0px;}
div[id*="_uwndWnd"] .xt-close-over {background-position:0 0px;}
div[id*="_uwndWnd"] .xw-blank {opacity:.6 !important;background-color:#238dde;margin:0px -1px 0;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-radius-bottomleft:5px;-webkit-border-radius-bottomright:5px;}
div[id*="_uwndTop"] .x-sh, div[id*="_uwndWnd"] .xw-bl[style="display:none;"] {display:none !important;}
Изменяем ссылки на картинке, в коде, на свои
Вид ajax окон для uCoz 
