» »

Ajax окно в синем оттенке цвета


Ajax окно в синем оттенке цвета

Хочу вам представить Ajax окно для сайта ucoz, которое подойдет для сайтов по дизайну которые светлые и темные. Само окно выполнено стандартно и немного отличается от всех остальных что сейчас есть, и основном рисуют. Так же кнопка крестик отключить, по дизайну оно светло синее и пол вид форума zornet.ru создано. Так как надпись на чем написано, можно заметить сходство на нашем сайте.
Мы будим его устанавливать через корень вашего сайта. И так скачиваем архив и заливаем себе на сайт в папку ajax. Потом прописываем стиль в CSS и на этом вся установка закончена. Окно установлена на вашем портале.
Код
/* Ajax окно  
----------------------------------------------*/  
.xt {background:transparent url(/ajax/ajax_but.png) no-repeat !important; margin-left:5px!important; margin-top:10px !important;height:13px !important;width:13px !important;}  
.xt-close{background-position:0 0!important;}  
.xt-close-over{background-position:-13px 0!important;}  
.xt-mini{background-position:0 -15px!important;}  
.xt-mini-over{background-position:-13px -13px!important;}  
.xt-maxi{background-position:0 -30px!important;}  
.xt-maxi-over{background-position:-13px -26px!important;}  
.xt-rest{background-position:0 -45px!important;}  
.xt-rest-over{background-position:-13px -39px!important;}  
.xw-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:30px!important; }  
.xw-hdr-text {background:url(/ajax/top_text_hr.png) repeat-x center bottom, url(/ajax/top_text.png) repeat-x 0 0;height:20px !important;padding:3px 10px;box-shadow:0 1px 1px rgba(0, 0, 35, 0.2);border-radius:5px;font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#e6e6e6!important; text-shadow: 0px 1px #3c7886 !important; vertical-align:3px!important; cursor:default!important; line-height:33px!important; }  
.xw-tl {background: url(/ajax/top_l.png) no-repeat left 0 !important;height:38px !important;}  
.xw-tc {background: url(/ajax/top_c.png) top !important;height:38px !important;}  
.xw-tr {background: url(/ajax/top_p.png) no-repeat right 0 !important;height:38px !important;}  
.xw-bl{background: url(/ajax/bottom_l.png) no-repeat left bottom !important;height:8px !important;}  
.xw-bc{background: url(/ajax/bottom_c.png) bottom !important;height:8px !important;}  
.xw-br{background: url(/ajax/bottom_p.png) no-repeat right bottom !important;height:8px !important;}  
.xw-ml{padding-left:0px!important;}  
.xw-mr{padding-right:0px!important;}  
.xw-plain .xw-mc{background:#efefef !important;padding: 3px 0px 0px 0px !important;border:0 !important;border-left: 3px solid #dbdbdb !important;border-right: 3px solid #dbdbdb !important;}  
.xw-plain .xw-body{padding:0px!important; border: none!important; }  
.myWinCont {padding:0px 10px 0px 4px!important;}  
.xw-blank {background:#999!important;}  
.myWinTD1 {background:none!important;}  
.xstl, .xstr, .xstc, .xsbc, .xsbl, .xsbr {display:none !important;}  
.myWinTD1 {color:#000 !important;}  
/* ------------------------------------------*/
17.08.2013 Загрузок: 7 Просмотров: 940 Комментарий: (10)

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

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

Комментарий: 5
FeStemBer
FeStemBer 29.12.2015 12:451
0
Все правильно как и под зеленым оттенок, точно такой и его ставил, чтоб проверить крестик, так как мы видим, что он почти затертый. Но реально его отлично видно, если поставить на сайт.
csretven
csretven 29.12.2015 13:002
0
Так это сразу юыло понятно, что все нормально видно и не каких замен не требуется, это кому делать не чего и занимаються всякими глупастями.
Kosten
Kosten 29.12.2015 13:283
0
Точно не сказать, давно это было и возможно они шли оба сразу, в то время еще фотошоп от меня далек был и точно не красил.
Kosten
Kosten 29.12.2015 13:294
0
Да, когда есть выбор, соглашусь, что намного круче и можно подобрать, то что тебе нужно.
Kosten
Kosten 29.12.2015 13:305
0
Но что делать, сайты не одни светлые или темные и приходилось как то выбираться с этой ситуаций и как покрасить это самое такое простое было.
avatar