23-06-2013, Saat:18:06
Temanız için ekran genişletme butonları.
tek tıklama ile temanız küçük, orta, büyük olur
temanız şablonlar/header kısmına welcomeblock altına ekleyin
kodları eklemeden önce şablonunuzun kopyasını almayı unutmayın.
Önizleme:
Demo site:
tek tıklama ile temanız küçük, orta, büyük olur
temanız şablonlar/header kısmına welcomeblock altına ekleyin
kodları eklemeden önce şablonunuzun kopyasını almayı unutmayın.
Önizleme:
Demo site:
PHP Kod:
http://ebicom.org/
PHP Kod:
<span style="float:right;"> <img id="medium-width" src="http://ebicom.org/images/ebico-default/kuc.gif" alt="kucuk" title="Küçük Boy"/><img id="large-width" src="http://ebicom.org/images/ebico-default/ort.gif" alt="orta" title="Orta Boy"/> <img id="default-width" src="http://ebicom.org/images/ebico-default/buy.gif" alt="buyuk" title="Orjinal Boyut"/></span>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type="text/javascript">
document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%22%0A%3C%61%20%68%72%65%66%3D%1D%68%74%74%70%3A%2F%2F%77%77%77%2E%65%62%69%63%6F%6D%2E%6F%72%67%1D%20%72%65%6C%3D%1D%64%6F%66%6F%6C%6C%6F%77%1D%3E%45%62%69%63%6F%4D%3C%2F%61%3E%20%0A%3C%2F%64%69%76%3E'));
var jwidth = jQuery.noConflict();
jwidth(document).ready(function($) {
original = jwidth('#container').css('width'),
jwidth('#default-width').click(function() {
jwidth('#container').animate({ width: [original, 'swing'] },{duration: 600});
jwidth.cookie('mybbextras_width', 'default');
});
jwidth('#large-width').click(function() {
jwidth('#container').animate({ width: ['80%', 'swing'] },{duration: 600});
jwidth.cookie('mybbextras_width', '80');
});
jwidth('#medium-width').click(function() {
jwidth('#container').animate({ width: ['65%', 'swing'] },{duration: 600});
jwidth.cookie('mybbextras_width', '65');
});
<!--....-->
if ( jwidth.cookie('mybbextras_width') == 'default' ) {
jwidth('#container').css('width', original);
}
if ( jwidth.cookie('mybbextras_width') == '95' ) {
jwidth('#container').css('width', '95%');
}
if ( jwidth.cookie('mybbextras_width') == '65' ) {
jwidth('#container').css('width', '65%');
}
jwidth('#default-width').css('cursor', 'pointer');
jwidth('#medium-width').css('cursor', 'pointer');
jwidth('#large-width').css('cursor', 'pointer');
});
</script>
