» »

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;}
/* ------------------- */
21.12.2013 Просмотров: 1102 Комментарий: (10)

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

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

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