» »

Светло желтое ajax окна uCoz как brigada31.ru


Светло желтое ajax окна uCoz как brigada31.ru

Когда устанавливаешь сайт, то потом приходиться под его дизайн искать окно, и вот вам представляю Светло желтое ajax окна uCoz как на brigada31.ru, которое как сами видите выполнено в очень редком оттенке. Что хотелось добавить по материалу, у него всего 2 ссылки, это на гамму и кнопку. Что гарантированно не будет совершенно грузить ваш сайт или страницы. Как можно заметить он и под светлый дизайн и под темный подойдет. Но создавался под белый фон, так как у него прописаны тени и на таком формате отличный будет обзор. Но если на черный ставить, там безусловно он также будет ярко выглядеть.

И так установка:

CSS:

Код
.xw-plain, .xw-resize, .xw-active {  
  background-color: rgba(70,70,70,0.6);  
  background: rgba(70,70,70,0.7);  
  padding: 4px !important;  
  border-radius: 4px;  
  box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.5 ); }  
  .x-sh, .xsl { display: none !important; }  
  .xw-hdr {  
  text-align: left !important;  
  white-space: nowrap !important;  
  padding: 1px 0 0 0 !important;  
  white-space: nowrap !important;  
  zoom: 1 !important;  
  height: 35px !important; }  
   
  .xw-hdr-text {  
  color: #fff !important;  
  vertical-align: 3px!important;  
  cursor: default!important;  
  font: 13px tahoma,arial,verdana,sans-serif !important;  
  line-height: 35px!important;  
  margin-left: 10px;  
  text-shadow: 0 1px 1px rgba(0,0,0,0.3) !important; }  
   
  .xw-sps, .xw-tc, .xw-tr {  
  border-bottom: 0px solid #eee;  
  color: #000 !important;  
  font-size: 1.2em !important }  
   
  .xt {  
  width: 22px !important;  
  height: 22px !important;  
  background: url('http://zornet.ru/CSS-ZORNET/tramkta/close_popup.png') no-repeat !important;  
  float: right !important;  
  border: 0 !important;  
  text-decoration: none !important;  
  margin-top: 11px !important; }  
  .xt-close { background-position: 0 0 !important; }  
  .xt-close-over { background-position: 0 0 !important; }  
  .xt-maxi { display: none !important; }  
  .xt-mini { display: none !important; }  
  .xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc {  
  background: #fff !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 { border-bottom: 1px solid #eee; }  
   
  .xw-tl, .xw-tr, .xw-tc {  
  background: #F49A20 url(http://zornet.ru/CSS-ZORNET/tramkta/maintitle.png) repeat-x top !important;  
  border-radius: 3px 3px 0 0 !important;  
  border-color: #F49A20 !important; }  
  .xw-sps { display: none !important; }  
  .myWinCont { width: 100% !important; }  
  .xw-body {  
  border: 0 !important;  
  padding-left: 2px !important;  
  padding-right: 1px !important; }  
   
  .xw-ml {  
  padding-left: 1px !important;  
  padding-bottom: 5px;  
  border-bottom-left-radius: 3px;  
  border-bottom-right-radius: 3px; }  
  .xw-bl { display: none !important; }  
  .myWinTD1 {  
  background: rgb(255, 255, 255) !important;  
  border-bottom: 1px solid rgb(250, 250, 250) !important; }  
   
  /* Вид фона сайлов */  
  .myWinTD2 { background: rgba(49, 104, 151, 0.11) !important; }  
   
  /* Вид фона при наведении на поле со смайлом */  
  .myWinCont fieldset {  
  border: 1px solid #eee !important;  
  padding: 2px 5px !important;  
  margin-bottom: 3px !important; }  
   
  /* Вид обводки в архиве опроса */  
  .myWinPollTd {  
  background: #fff !important;  
  text-align: center !important; }  
   
  /* Вид полей в архиве опроса */  
  .myWinPollT {  
  background: rgb(243, 243, 243) !important;  
  float: left !important;  
  margin-right: 257px !important;  
  width: 100% !important; }  
   
  .myWinPollG { display: none !important; }  
  .myBtnLeft, .myBtnRight, .myBtnLeftA, .myBtnRightA { display: none !important; }  
  .myBtnCenter, .myBtnCenterA { background: none !important; }  
  .myBtnCont a:link {  
  background: #FF8900 !important;  
  border: 1px solid #212121 !important;  
  border-width: 1px 1px 0 1px;  
  border-radius: 2px;  
  color: #000 !important;  
  text-shadow: 0 -1px 0 #191919 !important;  
  line-height: 25px;  
  height: 25px;  
  padding: 0 10px;  
  text-align: center;  
  min-width: 60px;  
  display: inline-block;  
  cursor: pointer; }  
  .myBtnCont a:hover { background: #FFDC00 !important; }
14.07.2015 Просмотров: 701 Комментарий: (7)

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

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

Комментарий: 7
Canon
Canon 05.09.2015 20:531
0
Тоже как голубое окно, только обои они покрашены и видать были доработаны по оттенку цвета под свои площадки.
Kosten
Kosten 05.09.2015 21:102
0
Взято было с форума, сам администратор поделился, так как он его с нуля делал.
Сопрано
Сопрано 26.11.2015 02:333
0
Нормально и тени присутствуют, под светлый сайт вообщее будет шикарно.
FeStemBer
FeStemBer 29.12.2015 14:224
0
Вот как раз видно что с одного окна сделали другой оттенок.
Kosten
Kosten 29.12.2015 14:385
0
Это ajax главный модератор сделал.
Сопрано
Сопрано 29.12.2015 15:526
0
Но у него как понимаю только форум, зачем он ему вообще?
Kosten
Kosten 29.12.2015 15:577
0
Нет у него и есть модуль каталог файлов или статьи, просто там оригинальный дизайн и кнопка на форум как помню с левой стороны, где заканчиваются блоки.
avatar