ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » Совершенное Ajax окно Asnurg для uCoz

Совершенное Ajax окно Asnurg для uCoz

Совершенное Ajax окно Asnurg для uCoz
Каждый администратор всегда при создание сайта решает, какое ему нужно модальное окно, что отлично вписывалось в дизайн. И здесь вам рекомендую обратить на этот материал, так как он под светлый и темный сайт, не исключая другие оттенки. Предоставлено Ajax окно Asnurg для сайта uCoz для веб мастеров. Само по себе оно совершенно, что говорит за себя, можно изменить оттенок в 2 клика и прозрачность сделать как вы видите его.

Так будет на белом фоне.

Модальное окно на Ajax


Все очень просто, по умолчанию оно настроено так, но было совершенно по другому. Просто в стилях поменял сам оттенок на синий. Если у вас больше зеленого или другой цвет, вы можете быстро его поставить.

Установка:

CSS:

Код
.xw-plain, .xw-resize, .xw-active {z-index: 99 !important;
  color:#612D73;
  padding:0;
  position:absolute;
  background-color:none;
  border-radius:1px;
  box-shadow:0px 0px 0px 6px rgba(0, 0, 0, 0.45)
  }  
  .xw-hdr {
  font-size: 11px!important;
  color: #527AD8!important;
  background: #367690!important;
  font-weight: bold!important;
  padding: 12px 10px 18px!important;
  height: 12px!important;
}
  .xw-hdr-text {
  font-size: 11px!important;
  color: #FFF!important;
  background: #367690!important;
  font-weight: bold!important;
  font-size: 1.09em!important;
}

  .xt {background:url('http://zornet.ru/SKRIPT/Kransel/dialog-close.png') no-repeat !important;
  float:right !important;
  opacity: 0.4 !important;
  }  
  .xt-close {background-position:0 0 !important;}  
  .xt-close-over {background-position:0 0 !important;
  opacity: 1 !important;
  }  
  .xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc {background:#2a2a2a !important;
  border:0 !important;
  border-radius:0px;
  moz-border-radius:0px;
  webkit-border-radius:3px;
  }  
  .xw-body {border:0 !important;
  padding-left:7px !important;
  padding-right:1px !important;
  }  
   
  .xw-tl, .xw-tr, .xw-tc {
  font-size: 11px!important;
  color: #FFF!important;
  background: #2a2a2a!important;
  font-weight: bold!important;

}

fieldset {
  border: 1px solid #612D73!important;
  padding: 2px 2px!important;
  margin-bottom: 3px!important;
  padding: 2px!important;
}

.xt-maxi, .xt-mini, .xw-sps {display:none !important;}  
.myWinPollTd {padding:3px!important;
  border: 1px solid #612D73!important;
}  
  .myBtnLeft, .myBtnRight, .myBtnLeftA, .myBtnRightA {display: none !important;}
.myBtnCenter, .myBtnCenterA {background: none !important;}
.myBtnCont a:link {background:#0000 url('http://zornet.ru/SKRIPT/Kransel/knopki.png')!important;  
  background-repeat: repeat-x!important;  
  border:1px solid #612D73!important;  
  color:#612D73!important;  
  font-weight: bold!important;  
  font-size: 11px!important;  
  font-family: tahoma,verdana,arial,sans-serif,Lucida Sans;  
  text-shadow: 0 1px 0 #612D73!important;  
  text-decoration:none!important;  
  outline: medium none!important;
  white-space: nowrap!important;  
  margin: 0!important; padding:  
  4px 11px!important;  
  cursor: pointer!important;
  }  
.myBtnCont a:hover {background-position: 0px -8px!important;
  background: #5e80a5!important;
}


Вот такой небольшой стиль, делает и изменяет вообще сам ресурс, здесь как видим по стилям по правую и лесую сторону немного не доходит, все правильно, так было задумано сразу.
08 Марта 2016 Просмотров: 2374 Комментариев: (7)

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

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

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

Комментарии: 7
Сафрон
Сафрон 08 Марта 2016 21:201
0
Здесь хорошо видно, как он на реален, и прозрачность, которая на нем установлена.

Сопрано
Сопрано 08 Марта 2016 21:262
0
Но это только смайлы или статистика, если поставить на ответ, что интересно получиться, в комментарий.
Kosten
Kosten 08 Марта 2016 21:434
0
Но не все от окна зависит, здесь как упоминалась, стандартное окно вообще не коректно стоит. Это проверил, и то намного лучше, придется немного поправить и все, кто то вообще по этому не заносит, есть отписать как, пишем, но согласен, нужно здесь самому вмешиваться.

ucozmental
ucozmental 08 Марта 2016 21:353
0
Так то лучше ставить под темный дизайн, вот видим какая форма входа.

csretven
csretven 09 Марта 2016 20:115
0
Тут забыли написать, что на каждом сайте есть свой стиль, на обном скрине видно что какой то феолетовый темный, на всемлый уже переставили и там совершенно по другому, это мелочь но ее нужно учитывать а не говорить, что не подходит.
Qiwizaliv100
Qiwizaliv100 22 Мая 2016 15:026
0
Эта статистика не совсем очень но всё равно удобное ajax окно
feliksteg
feliksteg 22 Мая 2016 17:487
0
Это так то стандартная статистика и просто на ней и показано само окно. Но согласен, сейчас очень трудно найти то окно, которое не нужно подогнать пол сайт. То пол кнопки ответа торчит, или эти прокрутки, но они постоянно на всех и неокно больше делать нужно, а сто в нутри его.
avatar