Новое ajax окно для uCoz. Ajax окно очень похоже на вконтакте ajax окно. Одно из лучщих ajax окон которых я видел. Автор посторался и сделал все красиво.
Особенно понравилась кнопка применить в ajax окне.
В таблицу стилей (CSS):
Code
.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-blank {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7) !important;
border-radius: 0 0 3px 3px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
opacity: 0.7 !important;
overflow: visible;
}
.xw-tl, .xw-ml, .xw-bl {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7) !important;
}
.xw-tl {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 1px 0 0 7px !important;
}
.xw-tr, .xw-tc, .xw-mr, .xw-br, .xw-bc {
background: none repeat scroll 0 0 transparent !important;
}
.xw-hdr-text {
color: #FFFFFF !important;
font: bold 11px/22px Tahoma !important;
}
.xt-close {
background: url("http://mp3free.at.ua/ajax/close.png") no-repeat scroll center center transparent !important;
opacity: 0.7 !important;
}
.xt-close-over {
opacity: 1 !important;
}
.xw-mc {
background: none repeat scroll 0 0 #FFFFFF !important;
border: 0 none !important;
border-radius: 3px 3px 3px 3px;
}
.xw-body {
border: 0 none !important;
padding-left: 7px !important;
padding-right: 1px !important;
}
.xw-dragging .xw-tl {
opacity: 1 !important;
}
.xw-draggable, .xw-draggable .xw-hdr-text {
cursor: default !important;
}
.xw-bl {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
{
border-radius: 5px 5px 5px 5px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}
.x-sh {
display: none !important;
}
.button_rek, #Prm348 a:link, #Prm348 a:visited .kcomm_dobavit, .knopka_regi {
background: none repeat scroll 0 0 #535B64 !important;
border: 4px solid #DFDFDF;
color: #DEDEDE !important;
cursor: pointer;
float: right;
font: 11px Verdana,Arial,Helvetica,sans-serif !important;
padding: 6px !important;
}
.button_rek:hover, #Prm348 a:hover, .knopka_regi:hover {
background: none repeat scroll 0 0 #3E444B !important;
}
.myBtnLeft, .myBtnRight, .myBtnRightA, .myBtnLeftA {
display: none;
}
.myBtnCenterA {
background: none repeat scroll 0 0 transparent !important;
width: 210px !important;
}
#Prm348 {
padding: 20px 40px 0px 20px !important;
}
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-blank {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7) !important;
border-radius: 0 0 3px 3px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
opacity: 0.7 !important;
overflow: visible;
}
.xw-tl, .xw-ml, .xw-bl {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7) !important;
}
.xw-tl {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 1px 0 0 7px !important;
}
.xw-tr, .xw-tc, .xw-mr, .xw-br, .xw-bc {
background: none repeat scroll 0 0 transparent !important;
}
.xw-hdr-text {
color: #FFFFFF !important;
font: bold 11px/22px Tahoma !important;
}
.xt-close {
background: url("http://mp3free.at.ua/ajax/close.png") no-repeat scroll center center transparent !important;
opacity: 0.7 !important;
}
.xt-close-over {
opacity: 1 !important;
}
.xw-mc {
background: none repeat scroll 0 0 #FFFFFF !important;
border: 0 none !important;
border-radius: 3px 3px 3px 3px;
}
.xw-body {
border: 0 none !important;
padding-left: 7px !important;
padding-right: 1px !important;
}
.xw-dragging .xw-tl {
opacity: 1 !important;
}
.xw-draggable, .xw-draggable .xw-hdr-text {
cursor: default !important;
}
.xw-bl {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
{
border-radius: 5px 5px 5px 5px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}
.x-sh {
display: none !important;
}
.button_rek, #Prm348 a:link, #Prm348 a:visited .kcomm_dobavit, .knopka_regi {
background: none repeat scroll 0 0 #535B64 !important;
border: 4px solid #DFDFDF;
color: #DEDEDE !important;
cursor: pointer;
float: right;
font: 11px Verdana,Arial,Helvetica,sans-serif !important;
padding: 6px !important;
}
.button_rek:hover, #Prm348 a:hover, .knopka_regi:hover {
background: none repeat scroll 0 0 #3E444B !important;
}
.myBtnLeft, .myBtnRight, .myBtnRightA, .myBtnLeftA {
display: none;
}
.myBtnCenterA {
background: none repeat scroll 0 0 transparent !important;
width: 210px !important;
}
#Prm348 {
padding: 20px 40px 0px 20px !important;
}
Категория:
Ajax окна для uCoz
Просмотров:
1265