01-05-2019, Saat:07:07
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* :
Yerine gösterilecek ifade* :
Mykodu kaydet.
Admin KP > Temalar ve şablonlar > Kullandığınız tema > global.css > Gelişmiş düzenleme > aşağıdaki kodları en alta ekleyin.
ardından yine global.css'den aşağıdaki kod'u kaldırın.
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.
Admin KP > Forum ayarları > Mykod yönetimi > Yeni Mykod ekle >
Mykod başlığı: MyBB otomatik resim boyutlandırma
Düzenli İfade* :
Kod:
\[img\](.*?)\[/img\]
Kod:
<div onclick="func()" class="scimage scleimages"></div>
<img onclick="func()" class="scimage" src="$1">
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:
<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>