+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.8 Depo (https://mybbdepo.com/mybb-1-8-depo-forumu)
+--- Forum: MyBB 1.8 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-8-modifikasyon-eklenti-deposu-forumu)
+--- Konu Başlığı: MyBB otomatik resim boyutlandırma [Modifikasyon] (/mybb-otomatik-resim-boyutlandirma-modifikasyon-konusu.html)
MyBB otomatik resim boyutlandırma [Modifikasyon] - novruz - 01-05-2019
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\]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>
Cvp: MyBB otomatik resim boyutlandırma [Modifikasyon] - erdhtn - 04-12-2019
dediğiniz gibi yapıyorum.
Forumun üstünde bu kod çıkıyor olmuyor.
Kod:
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*/ } } }Cvp: MyBB otomatik resim boyutlandırma [Modifikasyon] - novruz - 04-12-2019
(04-12-2019, Saat:16:46)erdhtn Adlı Kullanıcıdan Alıntı: dediğiniz gibi yapıyorum.Konu güncellendi, sorun çözümü; headerinclude içerisine eklediğiniz kodları <script> taglarına almanız gerekli.
Forumun üstünde bu kod çıkıyor olmuyor.
Kod:
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*/ } } }