» »

Светлое 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.04.2015 Просмотров: 589 Комментарий: (2)

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

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

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