Вставляем в css:
Code
#button_green {
background: transparent url(http://скрипты.3dn.ru/images/button.png) no-repeat;
border:1px solid #1e8d23;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0px 0px 1px white inset;
cursor: pointer;
padding:6px;
text-align:center;
font-weight: bold;
float:right;
color:#ffffff;
text-shadow: 0px 1px 0px #1e8d23;
height: 13px;
}
#button_green:hover {
background: transparent url(http://скрипты.3dn.ru/images/button_hover.png) no-repeat;
border:1px solid #1e8d23;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0px 0px 1px white inset;
cursor: pointer;
padding:6px;
text-align:center;
font-weight: bold;
float:right;
color:#ffffff;
text-shadow: 0px 1px 0px #1e8d23;
height: 13px;
}
.BackAjax {position:fixed; top:35%; left:0;; width:100%;}
.WrapAjax {color:#000; text-align:left; border:1px solid #fff; background:#fff; width: 460px; margin:0px auto 0px auto; -moz-box-shadow: 0px 0px 3px #888;-webkit-box-shadow: 0px 0px 3px #888;box-shadow: 0px 0px 3px #888; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#ajax_title {
background: transparent url(http://скрипты.3dn.ru/images/ajax_title.png) no-repeat;
border:1px solid #1e8d23;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0px 0px 1px white inset;
margin:-1px;
padding:6px;
text-align:left;
font-weight: bold;
color:#ffffff;
text-shadow: 0px 1px 0px #1e8d23;
height: 13px;
}
#ajax_close {
float:right;
opacity: 0.5;
margin-top:-19px;
cursor:pointer;
margin-right:6px
}
#ajax_close:hover {
float:right;
opacity: 1.0;
margin-top:-19px;
cursor:pointer;
margin-right:6px
}
#ajax_contect {
padding:6px;
}
#ajax_bottom {
padding: 5px;
margin:-1px;
background-color: #F2F2F2;
border-top: 1px solid #dde8da;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
height: 27px;
}
Вставляем перед </body>
Code
<div class="BackAjax" id="ajax1" style="display:none;"><div class="WrapAjax">
<div id="ajax_title">Название окна</div>
<img src="/images/ajax_close.png" onclick="$('#ajax1').fadeOut();" id="ajax_close">
<div id="ajax_contect">Содержимое</div>
<div id="ajax_bottom"><div id="button_green">Кнопка</div></div>
</div></div>
Вставляем где будет ссылка на открытие окна:
Code
<a href="javascript://" onclick="$('#ajax1').fadeIn();">Открыть окно</a>
