» » » » Шесть цветовых вариантов Ajax окон v.1.0

Сегодня я предоставляю на общее скачивание шесть вариантов стиля для ajax окон, главным отличием от других решений является тот момент, что дополнительный код который изменяет внешний вид нашего окна в системе uCoz, мы пропишем в ваши css стили и нам не придётся создавать отдельный css файл и прописывать его после тега </body>, плюс ниже приведённый код не очень большой, если сравнивать его с теми решениями где код достигает размера 15-20 кб, то моё решение намного легче, так как я задействовал только важные значения отвечающие за внешний вид ajax окна.


Синий вариант:



Code
/* Синий вариант ajax окон  
----------------------------------------------*/  
.xt {background:transparent url(/Ajax/5/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }  
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }  
.xw-tl {background: url(/Ajax/5/top_l.png) no-repeat left!important;}  
.xw-tc {background: url(/Ajax/5/top_c.png) top!important;}  
.xw-tr {background: url(/Ajax/5/top_p.png) no-repeat right!important;}  
.xw-bl{background: url(/Ajax/5/bottom_l.png) no-repeat left bottom!important;}  
.xw-bc{background: url(/Ajax/5/bottom_c.png) bottom!important;}  
.xw-br{background: url(/Ajax/5/bottom_p.png) no-repeat right bottom!important;}  
.xw-ml{padding-left:0px!important;}  
.xw-mr{padding-right:0px!important;}  
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #425693!important; }  
  .xw-plain .xw-body{padding:0px!important; border: none!important; }  
.myWinCont {padding:10px!important; background: url(/Ajax/5/fon_ten.png) repeat-x top!important; }  
.xw-blank {background:#6C84B4!important;}  
/* ------------------------------------------*/


Зелёный вариант:



Code
/* Зелёный вариант ajax окон  
----------------------------------------------*/  
.xt {background:transparent url(/Ajax/4/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }  
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }  
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/top_l.png) no-repeat left!important;}  
.xw-tc {background: url(/Ajax/4/top_c.png) top!important;}  
.xw-tr {background: url(/Ajax/4/top_p.png) no-repeat right!important;}  
.xw-bl{background: url(/Ajax/4/bottom_l.png) no-repeat left bottom!important;}  
.xw-bc{background: url(/Ajax/4/bottom_c.png) bottom!important;}  
.xw-br{background: url(/Ajax/4/bottom_p.png) no-repeat right bottom!important;}  
.xw-ml{padding-left:0px!important;}  
.xw-mr{padding-right:0px!important;}  
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #6cb46d!important; }  
  .xw-plain .xw-body{padding:0px!important; border: none!important; }  
.myWinCont {padding:10px!important; background: url(/Ajax/4/fon_ten.png) repeat-x top!important; }  
.xw-blank {background:#6cb46d!important;}  
/* ------------------------------------------*/


Красный вариант:



Code
/* Красный вариант ajax окон  
----------------------------------------------*/  
.xt {background:transparent url(/Ajax/3/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }  
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }  
.xw-tl {background: url(/Ajax/3/top_l.png) no-repeat left!important;}  
.xw-tc {background: url(/Ajax/3/top_c.png) top!important;}  
.xw-tr {background: url(/Ajax/3/top_p.png) no-repeat right!important;}  
.xw-bl{background: url(/Ajax/3/bottom_l.png) no-repeat left bottom!important;}  
.xw-bc{background: url(/Ajax/3/bottom_c.png) bottom!important;}  
.xw-br{background: url(/Ajax/3/bottom_p.png) no-repeat right bottom!important;}  
.xw-ml{padding-left:0px!important;}  
.xw-mr{padding-right:0px!important;}  
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #93424b!important; }  
  .xw-plain .xw-body{padding:0px!important; border: none!important; }  
.myWinCont {padding:10px!important; background: url(/Ajax/3/fon_ten.png) repeat-x top!important; }  
.xw-blank {background:#b46c7a!important;}  
/* ------------------------------------------*/


Коричневый вариант:



Code
/* Коричневый вариант ajax окон  
----------------------------------------------*/  
.xt {background:transparent url(/Ajax/2/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }  
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }  
.xw-tl {background: url(/Ajax/2/top_l.png) no-repeat left!important;}  
.xw-tc {background: url(/Ajax/2/top_c.png) top!important;}  
.xw-tr {background: url(/Ajax/2/top_p.png) no-repeat right!important;}  
.xw-bl{background: url(/Ajax/2/bottom_l.png) no-repeat left bottom!important;}  
.xw-bc{background: url(/Ajax/2/bottom_c.png) bottom!important;}  
.xw-br{background: url(/Ajax/2/bottom_p.png) no-repeat right bottom!important;}  
.xw-ml{padding-left:0px!important;}  
.xw-mr{padding-right:0px!important;}  
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #937f42!important; }  
  .xw-plain .xw-body{padding:0px!important; border: none!important; }  
.myWinCont {padding:10px!important; background: url(/Ajax/2/fon_ten.png) repeat-x top!important; }  
.xw-blank {background:#b49c6c!important;}  
/* ------------------------------------------*/


Фиолетовый вариант:



Code
/* Фиолетовый вариант ajax окон  
----------------------------------------------*/  
.xt {background:transparent url(/Ajax/1/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }  
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }  
.xw-tl {background: url(/Ajax/1/top_l.png) no-repeat left!important;}  
.xw-tc {background: url(/Ajax/1/top_c.png) top!important;}  
.xw-tr {background: url(/Ajax/1/top_p.png) no-repeat right!important;}  
.xw-bl{background: url(/Ajax/1/bottom_l.png) no-repeat left bottom!important;}  
.xw-bc{background: url(/Ajax/1/bottom_c.png) bottom!important;}  
.xw-br{background: url(/Ajax/1/bottom_p.png) no-repeat right bottom!important;}  
.xw-ml{padding-left:0px!important;}  
.xw-mr{padding-right:0px!important;}  
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #934290!important; }  
.xw-plain .xw-body{padding:0px!important; border: none!important; }  
.myWinCont {padding:10px!important; background: url(/Ajax/1/fon_ten.png) repeat-x top!important; }  
.xw-blank {background:#b06cb4!important;}  
/* ------------------------------------------*/


Березовый вариант:



Code
/* Березовый вариант ajax окон  
----------------------------------------------*/  
.xt {background:transparent url(/Ajax/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:25px!important; }  
  .xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }  
.xw-tl {background: url(/Ajax/top_l.png) no-repeat left!important;}  
.xw-tc {background: url(/Ajax/top_c.png) top!important;}  
.xw-tr {background: url(/Ajax/top_p.png) no-repeat right!important;}  
.xw-bl{background: url(/Ajax/bottom_l.png) no-repeat left bottom!important;}  
.xw-bc{background: url(/Ajax/bottom_c.png) bottom!important;}  
.xw-br{background: url(/Ajax/bottom_p.png) no-repeat right bottom!important;}  
.xw-ml{padding-left:0px!important;}  
.xw-mr{padding-right:0px!important;}  
.xw-plain .xw-mc{ background:#f7f7f7!important; border: 1px solid #429390!important; }  
  .xw-plain .xw-body{padding:0px!important; border: none!important; }  
.myWinCont {padding:10px!important; background: url(/Ajax/fon_ten.png) repeat-x top!important; }  
.xw-blank {background:#429390!important;}  
/* ------------------------------------------*/

  Просмотров: 3114 | Категория: Ucoz-ajax | Добавил: NA

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
aro пишет: | 6 февраля 2012 01:56
eto v CSS?
AID пишет: | 6 февраля 2012 15:18
Да, просто скопируй css код и вставь css стили сайта в самый низ
Fatal error: Uncaught exception 'RedisException' with message 'MISCONF Redis is configured to save RDB snapshots, but it is currently not able to persist on disk. Commands that may modify the data set are disabled, because this instance is configured to report errors during writes if RDB snapshotting fails (stop-writes-on-bgsave-error option). Please check the Redis logs for details about the RDB error.' in [no active file]:0 Stack trace: #0 {main} thrown in [no active file] on line 0