rcukanov,
Ссылку вставляешь вот так:
Code
<a rel="shadowbox" href="страница или картинка которая должна загрузится" class="option">Текс </a>
между хидами
Code
<!-- other adapters (for testing purposes) -->
<!--script type="text/javascript" src="http://www.mjijackson.com//js/dojo-release-1.0.2/dojo/dojo.js"></script-->
<!--script type="text/javascript" src="http://www.mjijackson.com/shadowbox/js/ext-2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="http://www.mjijackson.com/shadowbox/js/ext-2.0/ext-core.js"></script-->
<!--script type="text/javascript" src="http://www.mjijackson.com/shadowbox//js/jquery-1.2.6.js"></script-->
<!--script type="text/javascript" src="http://www.mjijackson.com/shadowbox//js/mootools-1.2.js"></script-->
<!--script type="text/javascript" src="http://www.mjijackson.com/shadowbox//js/prototype-1.6.js"></script-->
<!--script type="text/javascript" src="http://www.mjijackson.com/shadowbox/js/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script-->
<!--script type="text/javascript" src="http://www.mjijackson.com/shadowbox/src/adapter/shadowbox-dojo.js"></script-->
<script type="text/javascript" src="http://www.mjijackson.com/shadowbox/build/adapter/shadowbox-base.js"></script>
<script type="text/javascript" src="http://www.mjijackson.com/shadowbox/build/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.loadSkin('classic', 'src/skin');
Shadowbox.loadLanguage('en', 'build/lang');
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], 'build/player');
window.onload = function(){
Shadowbox.init();
/**
* Note: The following function call is not necessary in your own project.
* It is only used here to set up the demonstrations on this page.
*/
initDemos();
};
</script>
в ксс
Code
a.option {
display: block;
text-align: left;
color: #fff;
background-color: #297bc1;
line-height: 140%;
padding: 5px 0;
margin: 6px 0;
font-family: Georgia, serif;
font-style: italic;
font-weight: bold;
font-size: 14px;
cursor: pointer;
border: 3px double #fff;
}
a.option:hover {
text-decoration: none;
background-color: #ff3b9a;
color: #fff;
}
непроверял