На портале уже 563 , зарегистрировано 9843 и написано 803 .
Классные Эффекты с т...
Серые иконки для uCo...
Набор новых смайлов ...
Гостевая книга
Требуется персонал!
Главная страница Архив всех материалов Скрипты для uCoz - Scripts for uCoz Вид ajax окон для uCoz

Вид ajax окон для uCoz

  • Добавил: B_boy_VenOm
  • Дата: 2017-09-22, 0:05 AM
  • Комментариев: 2
  • Просмотров: 1063
Скриншот материала «Вид 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» из раздела «Скрипты для uCoz - Scripts for uCoz» является уникальной собственностью проекта www.ucozzz.ru, поэтому, при частичном или полном копировании, Вы обязаны установить ссылку на наш портал, как источник материала.
№2 ibrogim написал: 2013-12-13 в 11:17 AM Спам
ibrogim
спасибо. прикольно!!!!
№1 medion123 написал: 2013-12-03 в 3:26 PM Спам
ну что неплохо
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]