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


Очень оригинально выполнено AJAX ОКНО сайта. Оно для всех можно сказать сайтов, так как оттенок цвета выполнен в необычном цвете. И похоже на 3D анимацию что очень красиво. Я не стал садить его на свои ссылки и вам придется с начало установить папку ajax в корень сайта и залить туда файлы которые вы скачаете с нашего сайта. И потом прописать стиль в CSS и на этом все установлено.
Скачать: Доступно только для пользователей
Код
/* AJAX  */    
.xw-plain div.xt-close { width: 15px; height: 15px; display: block; position: relative; top: 4px; right: 4px; background: url(/ajax/ajax_close.png) no-repeat 0 0; }    
.xw-plain div.xt-close:hover { opacity: 0.9; }    
.xw-plain div.xw-blank { display:none !important; background:#000; }    
.xw-plain div.xw-tl { padding-left: 9px; background-image: url(/ajax/xw-tl.png); background-color: transparent;}    
.xw-plain div.xw-tr { padding-right: 9px; background-image: url(/ajax/xw-tr.png); background-color: transparent;}    
.xw-plain div.xw-tc { height: 39px; position: relative; z-index: 10; overflow: hidden; background-image: url(/ajax/xw-tc.png); background-position:center 0 !important; background-color:#2c5459;}    
.xw-plain div.xw-ml { padding-left: 10px; background-image: url(/ajax/xw-ml.png); background-color: transparent;}    
.xw-plain div.xw-mr { padding-right: 10px; background-image: url(/ajax/xw-mr.png); background-color: transparent;}    
div.x-sh.xsl,    
div.x-sh.xsr,    
div.x-sh.xsb { display: none !important; background: 0; }    
.xw-plain div.xw-bl {height: 10px; display: block !important; padding-left: 10px; background-image: url(/ajax/xw-bl.png); background-color:transparent;}    
.xw-plain div.xw-br {height: 10px; padding-right: 10px; background-image: url(/ajax/xw-br.png); background-color: transparent;}    
.xw-plain div.xw-bc {height: 10px; background-image: url(/ajax/xw-bc.png); background-color: transparent;}    
.u-menuvsep { font-size: 0px; }    
.xw-plain .xw-hdr { height: 39px; }    
.xw-plain .xw-hdr-text { padding-left: 5px; line-height: 33px; font-size: 13px; font-family: Cuprum; font-weight:bold; color:#fff;}    
.xw-plain div.xw-mc { color: #5a5a5a; background: #f2f3f2 !important;}    
.xw-plain .xw-mc { border: 0 !important; }    
.xw-plain div.xw-body { border: 0 !important; }    
/* AJAX */
Прикрепления: 0333177.jpg (103.3 Kb)
Страна: (RU)
Kosten
Четверг, 19 Сентября 2013 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Да, забыл при наведение на крестик отключить он не меняется. Думаю кому и пригодится эта информация. Но по дизайну сами видите как выполнено, что по мне так оригинально.
Страна: (RU)
Kosten
Пятница, 23 Января 2015 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Не подскажите с какого сайта это окно.
Страна: (RU)
Форум » Веб-разработка » Ajax-окна для сайта » Красивое по стилю AJAX ОКНО сайта (Для сайта ucoz)
  • Страница 1 из 1
  • 1
Поиск: