ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » Светлое ajax окно Gray tone для ucoz

Светлое ajax окно Gray tone для ucoz

Светлое ajax окно Gray tone для ucoz
Будит отличное решение для светлого по дизайну сайта, это ajax окно Gray для ucoz, так как отлично подходит по своей гамме. А если на портале еще присутствует серый оттенок, то можно сказать, рисовали для вашего портала. Сами стили разобьем на 2 части, что можно к примеру поставить в модуль вверх сайта или в низ перед /body а лучше ставить в самый подвал или в низ. Здесь всего 2 ссылки и оно грузить совершенно не будет, все создано в CSS как положено.

Код
<style type="text/css">  
  .xw-hdr-text {font-size:12px; font-weight:bold; text-shadow:0px 1px 0px #eee; color:#a9a9a9 !important;}  
  .xw-tl {background:#fff !important; border:1px solid #a9a9a9 !important; padding:0 0 0 10x; color:#a9a9a9;}  
  .xw-tc {background:#fff !important; padding:7px 0 0 10px !important; line-height:30px !important; height:30px !important;}  
  .xw-tr {background:#fff !important; padding-right:0 !important;}  
  .xw-ml {background:#fff !important; border-left:1px solid #a9a9a9 !important; border-right:1px solid #a9a9a9 !important; padding:5px !important;}  
  .xw-mr {padding:0 !important;}  
  .xw-body {border:none !important;}  
  .xw-bl {background:#fff !important; border-left:1px solid #a9a9a9 !important; padding:0 !important;}  
  .xw-bc {background:#fff !important; border-bottom:1px solid #a9a9a9 !important; padding:0 !important;}  
  .xw-br {background:#fff !important; border-right:1px solid #a9a9a9 !important; padding:0 !important;}  
  .xw-blank {background:#fff !important;}  

  .xw-plain .xw-mc {background:#fff !important; border:none !important; color:#a9a9a9; font-size:12px;}  

  .x-sh .xstl, .x-sh .xsml, .x-sh .xstr, .x-sh .xsmr, .x-sh .xsbl, .x-sh .xsbc, .x-sh .xsbr {background:none !important;}  
  .xt {margin-top:-1px !important;}  
  .xt-close {background:url('http://zornet.ru/CSS-ZORNET/gerav/Yor/close.png') 0 0 no-repeat !important; width:38px !important; height:23px !important;}  
  .xt-close-over {background:url('http://zornet.ru/CSS-ZORNET/gerav/Yor/close.png') -38px 0px no-repeat !important;}  
  </style>


Это будет второй вариант, берем эти стили и нужно в начале и в конце убрать

Код
<style type="text/css"> ......</style>


и копируем обратно и вставляем CSS, здесь кому как угодно.

Источник: webmaster-ucoz.ru
04 Апреля 2015 Просмотров: 1743 Комментариев: (2)

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

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

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

Комментарии: 2
FeStemBer
FeStemBer 29 Декабря 2015 14:231
0
Вот это почему то больше нравится и кнопка у него оригинально смотрится, но почему то вижу его только здесь как материал.
Kosten
Kosten 29 Декабря 2015 14:392
0
Так то согласен что оно только по своему дизайну кнопки отличается и больше не чем.
avatar