Я строю мысленно мосты...
вторник, 1 сентября 2026 г.
slide-M
Вставляем в шаблон:
<style type='text/css'>
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #eee;
width: 100%;
height: 100%;
}
#border {
position:absolute;
width:800px;
height:600px;
margin-left:-220px;
margin-top:-170px;
left:50%;
top:50%;
background:#fff;
border:#aaa solid 0px;
}
#caption {
position:absolute;
width:800px;
height:600px;
left:50%;
top:50%;
margin-left:-220px;
margin-top:175px;
}
#screen {
position:absolute;
width:800px;
height:600px;
margin-left:-400px;
margin-top:-350px;
left:50%;
top:50%;
background:#fff;
}
#screen span {
position:absolute;
overflow:hidden;
border:#aaa solid 1px;
background:#fff;
}
#screen img{
position:absolute;
left:-32px;
top:-32px;
cursor: pointer;
filter: alpha(opacity=100);
}
#caption {
color: #666;
font-family: georgia, 'times new roman', times, veronica, serif;
font-size: 1em;
text-align: center;
}
#caption b {
font-size: 2em;
}
</style>
<style type='text/css'>
</style>
<script src='https://foglia2008.narod.ru/galDIAP/slide-M.js' type='text/javascript'/>
В поле сообщения:
| <div id="border"></div> | |
| <div id="screen"> | |
| <span style="left: 0px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im6.jpg" alt=""></span> | |
| <span style="left: 0px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -8px;" src="slide-M_files/im2.jpg" alt=""></span> | |
| <span style="left: 0px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im3.jpg" alt=""></span> | |
| <span style="left: 0px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im4.jpg" alt=""></span> | |
| <span style="left: 103px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im5.jpg" alt=""></span> | |
| <span style="left: 103px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im1.jpg" alt=""></span> | |
| <span style="left: 103px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im7.jpg" alt=""></span> | |
| <span style="left: 103px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im18.jpg" alt=""></span> | |
| <span style="left: 205px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im8.jpg" alt=""></span> | |
| <span style="left: 205px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im10.jpg" alt=""></span> | |
| <span style="left: 205px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im12.jpg" alt=""></span> | |
| <span style="left: 205px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im17.jpg" alt=""></span> | |
| <span style="left: 308px; top: 0px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im14.jpg" alt=""></span> | |
| <span style="left: 308px; top: 78px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im15.jpg" alt=""></span> | |
| <span style="left: 308px; top: 155px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im16.jpg" alt=""></span> | |
| <span style="left: 308px; top: 233px; width: 93px; height: 68px; z-index: 93;"><img style="left: -11px; top: -9px;" src="slide-M_files/im9.jpg" alt=""></span> | |
| </div> | |
| <div id="caption">- click - </div> | |
| <script type="text/javascript"> | |
| // starter | |
| siM.init(); | |
| </script> |
Подписаться на:
Сообщения (Atom)