Жизнь Гигабайта — Развлекательно-информативный портал

Просилка регистрации в Ajax окне

Дмитрий — Sat, 04 Oct 2014 16:32:05 GMT

При входе на сайт пользователь увидит такое ajax-окно "Пожалуйста зарегистрируйтесь или войдите под своим логином".

Установка:

Между < head> и < /head> ставим скрипт:

Код

Зелёный вид ajax окна для ucoz

GraF — Mon, 12 Aug 2013 05:41:38 GMT

[spoiler="Скрин"][/spoiler]

Скрипт для ucoz: Новые ajax окна - отлично впишется в дизайны с зеленым цветом, это новые ajax окна для ucoz. Кто владеет фотошопом, то можно поменять цвета под свой сайт!

Установка :

1. Скачать архив http://dfiles.ru/files/1kbkqc2rj

2. Заливаем все файлы из скаченного архива в папку css/ajax_okno/

3. В "Страницы сайта" после

Код

[/code]

  ставим код

  [code]

Адаптация окон IPB под Ucoz - Ajax для ucoz

GraF — Mon, 12 Aug 2013 05:35:23 GMT

[spoiler="Скрин"][/spoiler]

Установка:
1. Заливаем папку ajax в файловый менеджер Скачать: http://dfiles.ru/files/ngja16iji

2. В таблицу стилей 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

GraF — Fri, 05 Apr 2013 09:27:35 GMT

[spoiler="Скрин"][/spoiler]

Установка:

Ставите этот код внизу страницы:

Код

Симпатичный Зелёный вид Ajax окон

Дмитрий — Fri, 31 Aug 2012 04:13:27 GMT

[Увеличеть]

Новый цветовой вариант ajax окна для ucoz, смотрится хорошо на любом "зелёном" дизайне не зависимо от оттенка, будь то чёрный или жёлтый:) Светло зелёный вид ajax для ucoz, красивое оформление и чёткая прорисовка изоброжения для данного ajax. Если у вас есть сайт с дизайном зелёного цвета, тогда представленный вид аякс окна, какраз и создан под зелёный дизайн сайта. Причём самое главное, это очень лёгкая установка скрипта, с которой справится даже, начинающий web мастер.

Установка:
1.В файловом менеджере создаем папку designs_135 в ней создаём ещё одну папку, с названием ajax,
2.Загружаем все изображения из скаченного архива в Путь: ФМ »designs_135 » ajax
3.Вставляем код в:
Пу » Управление дизайном » Таблица стилей (CSS) в самый конец:

Code

/* AJAX WIN START*/
   .xw-plain .xt {margin-top:6px; background-image:url(/designs_135/ajax/tool-sprites.gif);}
   .xw-plain div.xt-close {width:27px; height:15px; display:block; position:relative; top:-2px; background:url(/designs_135/ajax/ajax_close.png) no-repeat 0 0;}
   .xw-plain div.xt-close:hover {background:url(/designs_135/ajax/ajax_close.png) no-repeat 0 -15px;}
   .xw-plain div.xw-blank {display:none !important; background:#000;}
   .xw-plain div.xw-tl {padding-left:10px; background-image:url(/designs_135/ajax/xw-tl.png); background-color:transparent;}
   .xw-plain div.xw-tr {padding-right:10px; background-image:url(/designs_135/ajax/xw-tr.png); background-color:transparent;}
   .xw-plain div.xw-tc {height:31px; position:relative; z-index:10; overflow:hidden; background-image:url(/designs_135/ajax/xw-tc.png); background-position:center 0 !important; background-color:#4d8001;}
   .xw-plain div.xw-ml {padding-left:10px; background-image:url(/designs_135/ajax/xw-ml.png); background-color:transparent;}
   .xw-plain div.xw-mr {padding-right:10px; background-image:url(/designs_135/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(/designs_135/ajax/xw-bl.png); background-color:transparent;}
   .xw-plain div.xw-br {height:10px; padding-right:10px; background-image:url(/designs_135/ajax/xw-br.png); background-color:transparent;}
   .xw-plain div.xw-bc {height:10px; background-image:url(/designs_135/ajax/xw-bc.png); background-color:transparent;}
   .u-menuvsep {font-size:0px;}
   .xw-plain .xw-hdr {height:34px;}
   .xw-plain .xw-hdr-text {padding-left:5px;line-height: 26px; font-size:11px; font-weight:bold; color:#fff;}
   .xw-plain div.xw-mc {color:#545858; background:#edecec !important;}
   .xw-plain .xw-mc {border:0 !important;}
   .xw-plain div.xw-body {border:0 !important;}
   /* AJAX WIN END*/

Готово.

Quote

Скачать Симпатичный Зелёный вид Ajax окон по прямой ссылке

http://gigabytes2.clan.su/load-Gi....een.rar

Новые красивые ajax окна для ucoz

Дмитрий — Fri, 31 Aug 2012 04:10:41 GMT

[Увеличеть]

Красивые ajax окна для ucoz с различной обводкой, смотрится на сайте просто шикарно. Установка очень простая и быстрая.
Нам следует установить один из пяти вариантов ниже предоставленного css кода и так смотрим на картинки ниже и выбираем нужную цветовую гамму.

[reklama]Зелёная рамка окна: [/reklama]

[Увеличеть]

Code

/* AJAX ОКНО v.2.0
============================================================================*/
.x-sh .xstl{padding-top:6px; background:none!important;}
.x-sh .xsml{background:none!important;}
.x-sh .xstr{padding-top:6px; background:none!important;}
.x-sh .xsmr{background:none!important;}
.x-sh .xsbl{padding-left:6px;background:none!important;}
.x-sh .xsbc{background:none!important;}
.x-sh .xsbr{padding-right:6px;background:none!important;}
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;}
.xt-close{background-position:0 0!important;}
.xt-close-over{background-position:-15px 0!important;}
.xt-mini{background-position:0 -15px!important;}
.xt-mini-over{background-position:-15px -15px!important;}
.xt-maxi{background-position:0 -30px!important;}
.xt-maxi-over{background-position:-15px -30px!important;}
.xt-rest{background-position:0 -45px!important;}
.xt-rest-over{background-position:-15px -45px!important;}
.xw-tl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;}
.xw-tc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/top.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;}
.xw-tr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;}
.xw-ml {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) repeat-y 0 0!important; padding-left:5px!important;}
.xw-mr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) repeat-y 100% 0!important; padding-right:5px!important;}
.xw-bl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;}
.xw-br {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;}
.xw-bc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border.png) repeat-x 0 100%!important; height:5px!important;}
.xw-hdr-text {padding:0px!important;}
.xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;}
.xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f9f9f9!important;}
.xw-body {padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;}
.xw-plain .xw-body{padding: 10px!important; border: none!important;}
.xw-blank {background:#fff!important;}
.myWinTD1 {background:none!important;}

[blue]2 - Синяя рамка окна: [/blue]

[Увеличеть]

Code

/* AJAX ОКНО v.2.0
============================================================================*/
.x-sh .xstl{padding-top:6px; background:none!important;}
.x-sh .xsml{background:none!important;}
.x-sh .xstr{padding-top:6px; background:none!important;}
.x-sh .xsmr{background:none!important;}
.x-sh .xsbl{padding-left:6px;background:none!important;}
.x-sh .xsbc{background:none!important;}
.x-sh .xsbr{padding-right:6px;background:none!important;}
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;}
.xt-close{background-position:0 0!important;}
.xt-close-over{background-position:-15px 0!important;}
.xt-mini{background-position:0 -15px!important;}
.xt-mini-over{background-position:-15px -15px!important;}
.xt-maxi{background-position:0 -30px!important;}
.xt-maxi-over{background-position:-15px -30px!important;}
.xt-rest{background-position:0 -45px!important;}
.xt-rest-over{background-position:-15px -45px!important;}
.xw-tl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;}
.xw-tc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/top1.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;}
.xw-tr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;}
.xw-ml {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) repeat-y 0 0!important; padding-left:5px!important;}
.xw-mr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) repeat-y 100% 0!important; padding-right:5px!important;}
.xw-bl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;}
.xw-br {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;}
.xw-bc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border1.png) repeat-x 0 100%!important; height:5px!important;}
.xw-hdr-text {padding:0px!important;}
.xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;}
.xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f9f9f9!important;}
.xw-body {padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;}
.xw-plain .xw-body{padding: 10px!important; border: none!important;}
.xw-blank {background:#fff!important;}
.myWinTD1 {background:none!important;}

[admin]3 - Красная рамка окна: [/admin]

[Увеличеть]

Code

/* AJAX ОКНО v.2.0
============================================================================*/
.x-sh .xstl{padding-top:6px; background:none!important;}
.x-sh .xsml{background:none!important;}
.x-sh .xstr{padding-top:6px; background:none!important;}
.x-sh .xsmr{background:none!important;}
.x-sh .xsbl{padding-left:6px;background:none!important;}
.x-sh .xsbc{background:none!important;}
.x-sh .xsbr{padding-right:6px;background:none!important;}
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;}
.xt-close{background-position:0 0!important;}
.xt-close-over{background-position:-15px 0!important;}
.xt-mini{background-position:0 -15px!important;}
.xt-mini-over{background-position:-15px -15px!important;}
.xt-maxi{background-position:0 -30px!important;}
.xt-maxi-over{background-position:-15px -30px!important;}
.xt-rest{background-position:0 -45px!important;}
.xt-rest-over{background-position:-15px -45px!important;}
.xw-tl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;}
.xw-tc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/top2.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;}
.xw-tr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;}
.xw-ml {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) repeat-y 0 0!important; padding-left:5px!important;}
.xw-mr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) repeat-y 100% 0!important; padding-right:5px!important;}
.xw-bl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;}
.xw-br {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;}
.xw-bc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border2.png) repeat-x 0 100%!important; height:5px!important;}
.xw-hdr-text {padding:0px!important;}
.xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;}
.xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f9f9f9!important;}
.xw-body {padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;}
.xw-plain .xw-body{padding: 10px!important; border: none!important;}
.xw-blank {background:#fff!important;}
.myWinTD1 {background:none!important;}

[moder]4 - Тёмная рамка окна: [/moder]

[Увеличеть]

Code

/* AJAX ОКНО v.2.0
============================================================================*/
.x-sh .xstl{padding-top:6px; background:none!important;}
.x-sh .xsml{background:none!important;}
.x-sh .xstr{padding-top:6px; background:none!important;}
.x-sh .xsmr{background:none!important;}
.x-sh .xsbl{padding-left:6px;background:none!important;}
.x-sh .xsbc{background:none!important;}
.x-sh .xsbr{padding-right:6px;background:none!important;}
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;}
.xt-close{background-position:0 0!important;}
.xt-close-over{background-position:-15px 0!important;}
.xt-mini{background-position:0 -15px!important;}
.xt-mini-over{background-position:-15px -15px!important;}
.xt-maxi{background-position:0 -30px!important;}
.xt-maxi-over{background-position:-15px -30px!important;}
.xt-rest{background-position:0 -45px!important;}
.xt-rest-over{background-position:-15px -45px!important;}
.xw-tl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;}
.xw-tc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/top3.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;}
.xw-tr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;}
.xw-ml {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) repeat-y 0 0!important; padding-left:5px!important;}
.xw-mr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) repeat-y 100% 0!important; padding-right:5px!important;}
.xw-bl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;}
.xw-br {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;}
.xw-bc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border3.png) repeat-x 0 100%!important; height:5px!important;}
.xw-hdr-text {padding:0px!important;}
.xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;}
.xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f9f9f9!important;}
.xw-body {padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;}
.xw-plain .xw-body{padding: 10px!important; border: none!important;}
.xw-blank {background:#fff!important;}
.myWinTD1 {background:none!important;}

5 - Серая рамка окна:

[Увеличеть]

Code

/* AJAX ОКНО v.2.0
============================================================================*/
.x-sh .xstl{padding-top:6px; background:none!important;}
.x-sh .xsml{background:none!important;}
.x-sh .xstr{padding-top:6px; background:none!important;}
.x-sh .xsmr{background:none!important;}
.x-sh .xsbl{padding-left:6px;background:none!important;}
.x-sh .xsbc{background:none!important;}
.x-sh .xsbr{padding-right:6px;background:none!important;}
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:2px!important;}
.xt-close{background-position:0 0!important;}
.xt-close-over{background-position:-15px 0!important;}
.xt-mini{background-position:0 -15px!important;}
.xt-mini-over{background-position:-15px -15px!important;}
.xt-maxi{background-position:0 -30px!important;}
.xt-maxi-over{background-position:-15px -30px!important;}
.xt-rest{background-position:0 -45px!important;}
.xt-rest-over{background-position:-15px -45px!important;}
.xw-tl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) repeat-y 0 0!important; padding-left:5px!important; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;}
.xw-tc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/top4.gif) repeat-x 0 0!important; padding: 11px 10px 0px 10px!important;}
.xw-tr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) repeat-y 100% 0!important; padding-right:5px!important; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;}
.xw-ml {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) repeat-y 0 0!important; padding-left:5px!important;}
.xw-mr {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) repeat-y 100% 0!important; padding-right:5px!important;}
.xw-bl {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) no-repeat 0 100%!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;}
.xw-br {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) no-repeat 100% 100%!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px;}
.xw-bc {background:url(http://www.center-dm.ru/ucoz/ajax/v2/border4.png) repeat-x 0 100%!important; height:5px!important;}
.xw-hdr-text {padding:0px!important;}
.xw-hdr-text {font: 12px Verdana,Arial,Helvetica, sans-serif!important; color: #bcbcbc!important; text-shadow: 1px 1px 1px #000!important; line-height: 15px!important; vertical-align:2px!important;}
.xw-plain .xw-mc {border: none!important; padding:0!important; margin:0!important; font: 11px Verdana,Arial,Helvetica, sans-serif!important; color:#444!important; background:#f9f9f9!important;}
.xw-body {padding:0!important; margin:0!important; box-shadow:inset 0px 1px 3px #666; -webkit-box-shadow:inset 0px 1px 3px #666; -moz-box-shadow:inset 0px 1px 3px #666;}
.xw-plain .xw-body{padding: 10px!important; border: none!important;}
.xw-blank {background:#fff!important;}
.myWinTD1 {background:none!important;}

Готово.
Вы можите скачать изображения и заменить ссылки в кодах на свои.

Quote

Скачать Новые красивые ajax окна для ucoz по прямой ссылке

http://gigabytes2.clan.su/load-Gi....a_u.rar

Читаем ЛС в Ajax окне

Дмитрий — Fri, 31 Aug 2012 04:04:02 GMT

[Увеличеть]

Данный скрипт позволит вам прочесть ЛС в новом ajax окне.

Установим основу:

Давайте для начало установим основу для нашего решения:

-нам стоит прописать специальный условный оператор uCoz ($UNREAD_PM$),
который выводит количество непрочитанных личных сообщений
-пропишем в нём скрипт отвечающий за появление мини ajax окна
-в котором пропишем html каркас, с отображением нужного текста, количество не прочитанных сообщений и ссылку на чтения ЛС:

Code

Теперь давайте поместим на вашу страницу перед закрывающим тегом следующий JS, который будет отвечать за появление в ajax окне контейнера div, с нужной нам информацией, в нашем случае это ЛС:

Code

Теперь давайте пропишем основную ячейку div, в которую поместим iframe с ссылкой на страницу лс:

Code

И так наше с вами решение готово, теперь давайте все его отдельные элементы соединим воедино и получим нужный результат:

Code

Ну и под конец давайте пропишем css стили которые отобразят всё содержимое в мини ajax окне как надо:

Code

/* Оповещение о ЛС
------------------------------------------*/
#new_pochta {text-align:left; padding:10px;}
#new_pochta p {margin:0px; padding-bottom: 10px;}
#new_pochta img {float:right; margin: 0px 0px 10px 15px;}
#new_pochta span {float:right; font-weight: bold; margin-bottom: 10px;}

Готово.

Ajax окно в стили To Do Lista

Дмитрий — Fri, 31 Aug 2012 04:01:41 GMT

Цитата

Вставляем данный код в нижнею часть сайта в самый низ

Код

Готово.

Зелёные ajax окна для uCoz

Дмитрий — Fri, 31 Aug 2012 03:59:26 GMT

Зелёные ajax окна для uCoz

Цитата

Установка

вставляем после < / head >:

Код

Готово.

Синие ajax окна для uCoz как в контакте

Дмитрий — Fri, 31 Aug 2012 03:50:34 GMT

[Увеличеть]

Новые ajax окна для ucoz. На этот раз ajax окна в синем цвете, новая и стальная стилизация, отличная замена стандартных окон ucoz.

Установка вставляем после < / head >:

Code