MyBB Depo Forum

Orjinalini görmek için tıklayınız: MyBB otomatik resim boyutlandırma [Modifikasyon]
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Bu modifikasyon sayesinde Ncode resim boyutlandırma plugini tarzında konu içeriğinde kullanılan resimleriniz MyCode aracılığıyla otomatik olarak boyutlandırılacaktır.

Admin KP > Forum ayarları > Mykod yönetimi > Yeni Mykod ekle >
Mykod başlığı: MyBB otomatik resim boyutlandırma
Düzenli İfade* :
Kod:
\[img\](.*?)\[/img\]
Yerine gösterilecek ifade* :
Kod:
<div onclick="func()" class="scimage scleimages"></div>
<img onclick="func()" class="scimage" src="$1">
Mykodu kaydet.


Admin KP > Temalar ve şablonlar > Kullandığınız tema > global.css > Gelişmiş düzenleme > aşağıdaki kodları en alta ekleyin.
Kod:
.scleimages:before{
 background:yellow;
 height:25px;
 width:100%;
 display:block;
 content:url(http://mybbdepo.com/ncode/xpserkan.png)' Resimin büyük hali için tıklayın!';
 font-family:Verdana;
 text-align:center;
 line-height:25px;
 font-size:12px;
 border:1px dashed;
 box-sizing:border-box;
 cursor:pointer;
}
.scimage{
   max-width:30%;
   cursor:pointer;
   transition:.3s cubic-bezier(0,.5,1,.5);
}

ardından yine global.css'den aşağıdaki kod'u kaldırın.
Kod:
.scaleimages img {
    max-width: 100%;
}

Admin KP > Temalar ve şablonlar > Şablonlar > Kullandığınız temanın şablon seti > Ana Sayfa Şablonları > Headerinclude - [Gruplandırılmamış] Şablonlar > headerinclude > {$stylesheets} kodunun üstüne ekleyin.
PHP Kod:
    function func() {
var 
elements document.getElementsByClassName("scimage");        
 
 for (var 0len elements.lengthleni++) {
 
 if (elements[i].style.cssText === "") {
 
     elements[i].style.cssText "max-width:100%;user-select:none;";
 
 } else {
 
     elements[i].style.cssText "";/*empty means that it returns original css*/
 
 }
}