Что-то будет

  • Страница 1 из 1
  • 1
jq окна

1
AnDRoiD

    ◄®Andre1◽►™

  • Гл.Админ
  • Сообщений: 1026
  • Репутация:

Вставляем в 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>

  • Страница 1 из 1
  • 1
Поиск: