» »

Темное ajax окно для тематики сайта Сталкер


Темное ajax окно для тематики сайта Сталкер

Все прекрасно знают знаменитую игру STALKER и много ресурсов под нее создают. И вот вам красивое Темное ajax окно для тематики сайта которое безусловно дополнить всю широту самого дизайна. Красиво выполнено по стилям, чтоб его отключить, нам нужно навести на крестик, который будет светлым и он выедет и станет красным, что будет означать, отключение. Но не могу сказать, что темный дизайн, любой темы, также может ajax вписаться и смотреться по своему очень красиво.

CSS:

Код
/* uWnd newlook */  
  div[id*="_uwndWnd"] .xw-tl, div[id*="_uwndWnd"] .xw-bl {background-image:url('http://zornet.ru/CSS-ZORNET/derkamer/ret/left-corners.png');padding-left:5px;}  
  div[id*="_uwndWnd"] .xw-tr, div[id*="_uwndWnd"] .xw-br {background-image:url('http://zornet.ru/CSS-ZORNET/derkamer/ret/right-corners.png');padding-right:5px;}  
  div[id*="_uwndWnd"] .xw-bc {background-image:url('http://zornet.ru/CSS-ZORNET/derkamer/ret/top-bottom.png');}  
  div[id*="_uwndWnd"] .xw-tc {background-image:url('http://zornet.ru/CSS-ZORNET/derkamer/ret/top-bottom.png');}  
  div[id*="_uwndWnd"] .xw-hdr-text {color:#FFF;}  
  div[id*="_uwndWnd"] .xw-ml {background-image:url('http://zornet.ru/CSS-ZORNET/derkamer/ret/left.png');padding-left:5px;}  
  div[id*="_uwndWnd"] .xw-mr {background-image:url('http://zornet.ru/CSS-ZORNET/derkamer/ret/right.png');padding-right:5px;}  
  div[id*="_uwndWnd"] .xw-mc {border:0;background:transparent url('http://zornet.ru/CSS-ZORNET/derkamer/ret/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://zornet.ru/CSS-ZORNET/derkamer/ret/close.png');height:36px;width:36px;z-index:333;position:absolute;top:-22px;right:-20px;}  
  div[id*="_uwndWnd"] .xt-close-over {background-position:0 -36px;}  
  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;}
16.02.2015 Просмотров: 351 Комментарий: (0)

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

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

Комментарий: 0
avatar