• Страница 1 из 1
  • 1
Форум » Веб-разработка » Ajax-окна для сайта » Красивое Ajax окно, адаптировано под uCoz (Красивый дизайн)
Красивое Ajax окно, адаптировано под uCoz
Kosten
Среда, 01 Мая 2013 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44267
Награды: 70


Красиво создано Ajax окно и главное теперь и адаптировано под сайт uCoz. Само Ajax выполнено в оригинальном стиле. По бокам его обтягивает прозрачное темная обвод, что придает Ajax окну свой неповторимый дизайн. Его можно применять к темным и светлым сайтам. Но красивей будит конечно оно смотреться на светлых по дизайну сайта.
Установка не сложная:
Скачиваем архив и заливаем его в корень сайта КЛИК, по прямой ссылки.
Потом надо прописать код:
Код прописываем в ваш на сайте 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('/ajax/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: #2c5687 url(/ajax/maintitle.png) repeat-x top !important;   
   border-radius: 3px 3px 0 0 !important;   
   border-color: #316897 !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; }   
     
   .myWinCont strong, b {   
   font-weight: initial !important;   
   font-size: 11px !important;   
   color: rgb(63, 63, 63) !important; }   
     
   .myBtnLeft, .myBtnRight, .myBtnLeftA, .myBtnRightA { display: none !important; }   
     
   .myBtnCenter, .myBtnCenterA { background: none !important; }   
     
   .myBtnCont a:link {   
   background: #212121 url(/ajax/topic_button.png) repeat-x top !important;   
   border: 1px solid #212121;   
   border-width: 1px 1px 0 1px;   
   border-radius: 3px;   
   -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);   
   -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);   
   box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);   
   color: #fff !important;   
   text-shadow: 0 -1px 0 #191919 !important;   
   font: 300 12px/1.3 Helvetica, Arial, sans-serif;   
   line-height: 25px;   
   height: 25px;   
   padding: 0 10px;   
   text-align: center;   
   min-width: 60px;   
   display: inline-block;   
   cursor: pointer; }   
     
   .myBtnCont a:hover { background: #212121 !important; }

На этом все, не забываем убрать старое Ajax окно, так как получиться черти знать что.
Прикрепления: 7659074.jpg (25.3 Kb)
Страна: (RU)
RiPeR
Четверг, 01 Августа 2013 | Сообщение 2
Оффлайн
Vip
Сообщений:523
Награды: 1
Шапка в Ajax красивая...)

Отличный сайт)
Страна: (RU)
Kosten
Четверг, 01 Августа 2013 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Да само оно грамотно по дизайну создано cool
Страна: (RU)
Week
Четверг, 15 Августа 2013 | Сообщение 4
Оффлайн
Заблокированные
Сообщений:226
Награды: 4
Ммм минимализм... Акно на все 10!
Страна: (RU)
DUM4N_NUBMER_1
Четверг, 15 Августа 2013 | Сообщение 5
Оффлайн
Vip
Сообщений:90
Награды: 0
похожее на facebook

Страна: (KZ)
Kosten
Суббота, 17 Августа 2013 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Думаю под светлый дизайн, так как обвод у Ajax прозрачны. И на темном сайте будет бесполезен. Хотя по дизайну хорошо может и под темный оттенок цвета подойти.
Страна: (RU)
Форум » Веб-разработка » Ajax-окна для сайта » Красивое Ajax окно, адаптировано под uCoz (Красивый дизайн)
  • Страница 1 из 1
  • 1
Поиск: