Merhaba arkadaşlar resmi sitede gezerken gördüğüm bir modifikasyonu daha çok dersi sizlere paylaşmak istedim.Resimlerinizi otomatik boyutlandırmaya yaradığından bahsedilmiş.Yanlış anlamadıysam tabii.MyBB 1.8 i bir siteye girerek deneme fırsatım olmadı localhostta sorun veriyor bir kaç yerde neyse.
Bu adımları uygulamadan önce değişiklik yapacağınız tüm dosyaları yedekleyiniz.
Adım 1: Not Defteri veya NotePad++ gibi bir programa giriş yapıyor ve yeni bir dosya oluşturuyoruz.
Adım 2: Dosya adını resizer.js şeklinde adlandırın ve aşağıda verdiğim kodları ekleyip kaydedin:
Adım 3: Kaydettiğiniz resizer.js dosyasını forumun kurulu olduğu dizin(root)/jscripts/ dosyasının içine atınız.
Adım 4: Admin panelinize giriş yapın ve headerinclude şablonunu açın.
Adım 5: Bu şablonda aşağıda verdiğim kod satırını bulun:
Bu satırın hemen bir satır aşağısına inin ve aşağıdaki kodu ekleyip kaydedin.
Adım 6: Aşağıda verdiğim css kodunu global.css de en alta inip ekleyin ve kaydedin.
Buda videosu:
Not: Anladığım kadarıyla 1.8 Default tema odaklı bir çözümmüş bu aynı sistemin hemen hemen aynısı xenforo da da kullanılırmış.
Hani bi teşekkür etseniz güzel olur.Gerçi ben yapmadım sadece bilgilendirmek amacıyla paylaşmak istedim sizlerle.Daha önce paylaşıldı ise özür dilerim
Bu adımları uygulamadan önce değişiklik yapacağınız tüm dosyaları yedekleyiniz.
Adım 1: Not Defteri veya NotePad++ gibi bir programa giriş yapıyor ve yeni bir dosya oluşturuyoruz.
Adım 2: Dosya adını resizer.js şeklinde adlandırın ve aşağıda verdiğim kodları ekleyip kaydedin:
PHP Kod:
// jQuery.naturalWidth / jQuery.naturalHeight plugin for (already-loaded) images
// Triple-licensed: Public Domain, MIT and WTFPL license - share and enjoy!
(function($) {
function img(url) {
var i = new Image;
i.src = url;
return i;
}
if ('naturalWidth' in (new Image)) {
$.fn.naturalWidth = function() { return this[0].naturalWidth; };
$.fn.naturalHeight = function() { return this[0].naturalHeight; };
return;
}
$.fn.naturalWidth = function() { return img(this[0].src).width; };
$.fn.naturalHeight = function() { return img(this[0].src).height; };
})(jQuery);
$(document).ready(function() {
function imageLoaded() {
var resizelang = 'Click on this image to display the full size version.';
var resizedsize = $(this).width();
var origsize = $(this).naturalWidth();
if (origsize!=resizedsize) {
$(this).wrap('<div></div>').attr('title', resizelang).on('click', function() {
if ($(this).is('[title]')) {
$(this).removeAttr('title');
}
else {
$(this).attr('title', resizelang);
}
var parentheight = $(this).parent().height();
if (!$(this).hasClass('resize')) {
$(this).addClass('resize').parent().css('height', parentheight+'px');
}
else
{
$(this).removeAttr('class').parent().css('height', '');
}
});
}
}
$('.scaleimages img').each(function() {
if( this.complete ) {
imageLoaded.call( this );
} else {
$(this).one('load', imageLoaded);
}
});
});
Adım 3: Kaydettiğiniz resizer.js dosyasını forumun kurulu olduğu dizin(root)/jscripts/ dosyasının içine atınız.
Adım 4: Admin panelinize giriş yapın ve headerinclude şablonunu açın.
Adım 5: Bu şablonda aşağıda verdiğim kod satırını bulun:
PHP Kod:
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1800"></script>
PHP Kod:
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/resizer.js"></script>
PHP Kod:
.resize {
max-width: none !important;
position: absolute !important;
z-index: 20 !important;
}
Buda videosu:
Not: Anladığım kadarıyla 1.8 Default tema odaklı bir çözümmüş bu aynı sistemin hemen hemen aynısı xenforo da da kullanılırmış.
Hani bi teşekkür etseniz güzel olur.Gerçi ben yapmadım sadece bilgilendirmek amacıyla paylaşmak istedim sizlerle.Daha önce paylaşıldı ise özür dilerim