» »

Ajax окно сайта ucoz стиль VEBER

Ajax окно сайта ucoz стиль VEBER

Стильное Ajax окно под серый и светлый по оттенку сайт. Полностью в рабочем состояние так как проверено на тестовом сайте.
Крестик отключать когда оно открывается становиться синим, когда наводишь клик на его то красным.
Так же оно подойдет как интернет ресурсом как блог так и портал.
По дизайну исполнено в двух сочетаниях оттенка цвета, это темный и где вся информация то светлый.
Ставить его нужно в CSS и прежде чем ставить нужно убрать то которое стояло если вы ло этого ставили. А если у вас простое от системы ucoz то просто прописываем стиль в самый низ и на этом вся установка.
Код
/* AJAX */
.xw-plain div.xt-close {width:19px; height:18px; display:block; margin:8px 0 0 0; background:url(http://zornet.ru/Ajaxoskrip/ZN/Ajax/ajax_close.png) no-repeat 0 0;}
.xw-plain div.xt-close:hover {background:url(http://zornet.ru/Ajaxoskrip/ZN/Ajax/ajax_close.png) no-repeat 0 -19px !important;}
.xw-plain div.xw-blank {display:none !important; background:#212121;}
.xw-plain div.xw-tl {padding-left:17px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/Ajax/xw-tl.png); background-color:transparent;}
.xw-plain div.xw-tr {padding-right:17px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/Ajax/xw-tr.png); background-color:transparent;}
.xw-plain div.xw-tc {height:35px; position:relative; z-index:10; overflow:visible !important; background:url(http://zornet.ru/Ajaxoskrip/ZN/Ajax/xw-tc.png) repeat-x;}
.xw-plain div.xw-ml {padding-left:10px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/Ajax/xw-tl_tr.png); background-color:transparent;}
.xw-plain div.xw-mr {padding-right:10px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/Ajax/xw-tl_tr.png); background-color:transparent;}
div.x-sh.xsl,  
div.x-sh.xsr,
div.x-sh.xsb {display:none;}
.xw-plain div.xw-bl {height:2px; display:block !important; padding-left:17px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/Ajax/xw-bl.png); background-color:transparent;}
.xw-plain div.xw-br {height:2px; padding-right:17px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/Ajax/xw-br.png); background-color:transparent;}
.xw-plain div.xw-bc {height:2px; background-image:url(http://zornet.ru/Ajaxoskrip/ZN/Ajax/xw-bc.png); background-color:transparent;}
.u-menuvsep {font-size:0px;}
.xw-plain .xw-hdr {height:35px; line-height:35px; overflow:visible !important; font-size:11px;}
.xw-plain .xw-hdr-text {line-height:30px; overflow:hidden; font-size:12px; color:#fff; font-weight:bold;}
.xw-plain div.xw-mc {background:#e1e1e1 !important;}
.xw-plain .xw-mc {border:0 !important;}
.xw-plain div.xw-body {border:0 !important;}
.xw-plain div.xw-mc .myWinTD1 {background:#212121;}
.xw-plain div.xw-mc .myWinTD2 {background:#212121;}
.xw-dragging .xw-bl {opacity:0.7;}
.xw-dragging .xw-ml {display:block !important; opacity:0.7;}
/* ------------------- */
2013-12-21 Просмотров: 1716 Комментарий: (10)

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

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

Комментарий: 10
Kosten
Kosten 2014-01-24 15:351
0
Надо будет на один сайт поставить и посмотреть по дизайну идет.
Slavik
Slavik 2015-10-15 21:562
-1
Поставил себе такие, очень красиво выглядит smile
Kosten
Kosten 2015-10-15 22:123
0
Нет, он явно по дизайну не подходит, сейчас простой стоит, и почему то он мне больше нравиться, чем дизайнерские.
Slavik
Slavik 2015-10-15 22:404
-1
К моему новому дизайну он подходит, и причем даже очень хорошо:)
Kosten
Kosten 2015-10-15 23:055
0
Slavik, тут в дизайне не чего темного нет, синий оттенок другое дело.
Canon
Canon 2015-10-15 23:426
0
Костен, это окно вообще не подойдет к светлому сайту, если даже оно было синее, здесь простое, самое то и по дизайну и вообще по всем факторам.
Kosten
Kosten 2015-10-15 23:477
0
Если не ошибаюсь, оно перекрашено, а возможно нет. Есть окно как на веб мастере uCoz, может его поставлю.
Марковичь
Марковичь 2015-12-29 13:528
0
Вот что обсуждали и говорили, что кнопка не очень сильно видна, здесь можно посмотреть, что все сделано грамотно.
AnTron
AnTron 2015-12-29 14:009
0
Но это типа опять повтор, который только хорошо по изображению и можно визуально его нормально посмотреть.
Kosten
Kosten 2015-12-29 14:1710
0
Не спорю, было такое окно, но хоть здесь ясно и понятно видно, что как будет на сайте смотреться.
avatar