MyBB otomatik resim boyutlandırma [BBCode]

**Hasan** · 03-13-2025, 10:27 AM

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 Sağ ok

Forum ayarları Sağ ok

Mykod yönetimi Sağ ok

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 Sağ ok

Temalar ve şablonlar Sağ ok

Kullandığınız tema Sağ ok

global.css > Gelişmiş düzenleme Sağ ok

aşağıdaki kodları en alta ekleyin.

Kod:
.scleimages:before{

 background:yellow;

 height:25px;

 width:100%;

 display:block;

 content:url(images/uyarii.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 Sağ ok

Şablonlar

Kullandığınız temanın şablon seti Sağ ok

Ana Sayfa Şablonları Sağ ok

Headerinclude - [Gruplandırılmamış] Şablonlar Sağ ok

headerinclude Sağ ok

{$stylesheets} kodunun üstüne ekleyin.

Kod:
<script>function func() {

var elements = document.getElementsByClassName("scimage"); 

  for (var i = 0, len = elements.length; i < len; i++) {

  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*/

  }

}

}</script>

» Son Düzenleme: 03-13-2025, 10:30 AM, Düzenleyen: Hasan.