cummolog

burada ayrıntılı olarak anlattığım colorbox uygulamasının diğer bir çeşidine geldi sıra. önizleme için tıklayın: colorbox - 2

efektin uygulanışı:

yerleşim>html'yi düzenle bölümü açılır ve </head> etiketinin öncesine aşağıdaki kod eklenir:

<link type='text/css' media='screen' rel='stylesheet' href='http://www.hotlinkfiles.com/files/2689601_f1wqf/colorbox2.css' />
<link type='text/css' media='screen' rel='stylesheet' href='http://www.hotlinkfiles.com/files/2689602_2imnk/colorbox2-custom.css' />
<!--[if IE]>
<link type='text/css' media='screen' rel='stylesheet' href='http://www.hotlinkfiles.com/files/2689603_j2cv4/colorbox2-custom-ie.css' title='example' />
<![endif]-->
<script type='text/javascript' src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>google.load('jquery', '1.3.2');</script>
<script type='text/javascript' src='http://www.hotlinkfiles.com/files/2689600_qqia9/jquery.colorbox2.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
$.fn.colorbox.settings.bgOpacity = '0.5';
$('.rsm').colorbox();
$('#ajax').colorbox({contentWidth:'300px', contentHeight:'195px'});
$('#flash').colorbox({contentAjax:'../content/flash.html'});
$('#web').colorbox({contentWidth:'600px', contentHeight:'450px', contentIframe:true});
$('#inline').colorbox({contentWidth:'500px', contentInline:'#inline-content'});
});
</script>

geri kalan işlemlere buradan ulaşabilirsiniz.