Светлые всплывающие окна от uSite на jQuery
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 |
.BackIdea { position:fixed; top:15%; left:0; width:100% } .WrapIdea { color:#000; text-align:left; border:1px solid #fff; background:#fff; padding:75px; width:460px; padding:5px; margin:0 auto; -moz-box-shadow:0 0 3px #888; -webkit-box-shadow:0 0 3px #888; box-shadow:0 0 3px #888; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px } .headIdea { background:#5e86bc; color:#fff; padding:8px 10px 10px; margin:7px -6px; text-shadow:1px 1px 0 rgba(0,0,0,0.40) } #TextIdea { border:1px solid #3e5e8a; background:#fff; padding:3px; width:364px; font-size:11px; font-family:tahoma; color:#000; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px } #SubmitIdea { float:right; border:1px solid #3e5e8a; background-color:#4972a4; font:11px tahoma; font-weight:700; color:#fff; padding:2px 5px 3px; margin-left:5px; text-shadow:0 1px 0 rgba(0,0,0,0.40)!important; -webkit-border-radius:2px!important; -moz-border-radius:2px!important; border-radius:2px!important } #SubmitIdea:hover { background-color:#456d9e; cursor:pointer } #closeIdea { float:right; margin-top:-1px; cursor:pointer } |
2#: Следующий код в то место, где бдет ссылка на открытие окна:
|
1 2 3 4 5 6 7 |
<div class="BackIdea" id="ajax1" style="display:none;"><div class="WrapIdea"> <span style="color:#bbb; margin-top:-2px;"><span id="StatuSite">Название окна</span></span> <img onclick="$('.BackIdea').fadeOut();" id="closeIdea" src="/images/close.png" border="0" /> <br>Содержимое окна </div></div> <a href="javascript://" onclick="$('#ajax1').fadeIn();">Открыть окно</a> |
Автор публикации
Я не понял вашего вопроса, но постараюсь на него ответить...
