⭐🚀 TkyNET | Blacklist ve Profesyonel DDoS Korumalı TeamSpeak 3 Sunucuları 🚀⭐
Sponsor Görsel
🇹🇷 TR Lokasyon | 🛡️ Gelişmiş DDoS Koruması | ⚡ Düşük Ping | 🎧 Kesintisiz TS3 | Hostlar
Sponsor Görsel 2
SponsorSponsor

MyBB otomatik resim boyutlandırma

Konu

#1
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* :
PHP Kod:
\[img\](.*?)\[/img\] 
Yerine gösterilecek ifade* :
PHP 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.

PHP Kod:
.scleimages:before{
 background:yellow;
 height:25px;
 width:100%;
 display:block;
 content:url(https://webailesi.com/ds-webailesi-1903.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.
PHP Kod:
.scaleimages img {
max-width100%;

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:
<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
Cevapla
#2
konu silme olur
Son Düzenleme: 15-05-2021, 06:54, Düzenleyen: silindi#4123.
Cevapla

Bir hesap oluşturun veya yorum yapmak için giriş yapın

Yorum yapmak için üye olmanız gerekiyor

ya da
Task