Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
MyBB otomatik resim boyutlandırma [Modifikasyon]
#1
Lightbulb 
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 id="baslik" class="scleimages" data-content=" Resmin büyük hali için tıklayın!"><img id="resim" src="$1"></img></div>
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{
    max-width:30%;
    cursor:pointer;
    user-select:none;
    transition:.3s cubic-bezier(0,.5,1,.5);
}

.scleimages img{
  max-width:100%;
}

.scleimages:before{
  background:yellow;
  height:25px;
  width:100%;
  display:block;
  content:url(http://mybbdepo.com/ncode/xpserkan.png) attr(data-content);
  font-family:Verdana;
  text-align:center;
  line-height:25px;
  font-size:12px;
  border:1px dashed;
  box-sizing:border-box;
  cursor:pointer;
}

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>document.onclick = function (a) {
    if (
a.target.id == 'resim') {
var 
xa.target.parentElement;
        if (
x.style.cssText === "") {
      
x.style.cssText "max-width:100%;";
            
x.setAttribute('data-content'' Resmin küçük hali için tıklayın!');
  } else {
      
x.style.cssText "";/*empty means that it returns original css*/
      
x.setAttribute('data-content'' Resmin büyük hali için tıklayın!');
  }

    }
            
                if (
a.target.id == 'baslik') {
var 
xa.target;
        if (
x.style.cssText === "") {
      
x.style.cssText "max-width:100%;";
            
x.setAttribute('data-content'' Resimin küçük hali için tıklayın!');
  } else {
      
x.style.cssText "";/*empty means that it returns original css*/
      
x.setAttribute('data-content'' Resimin büyük hali için tıklayın!');
  }
        
    }
};</
script

MyBB 1.8.19 sonrası için; MyBB yeni sürümlerinde mykod ile img taglarını değiştirmeyi engellemiş. Sorunun çözümü için aşağıdaki çözümü kullana bilirsiniz;
Forum ayarları » Kelime Filtreleme
*
Engelemek İstediğiniz Kelimeyi Giriniz.
PHP Kod:
img


Filtrelenen Kelime Yerine Gösterilecek Kelime
PHP Kod:
img2



Düzenli İfade
Evet

Tekrar MyKod yönetimine gelip eklediğiniz mykod'da Düzenli İfade kısmını aşağıdaki ile değiştirin;
PHP Kod:
\[img2\](.*?)\[/img2\] 


Önizleme:
3z4M7A.png
MyBB otomatik resim boyutlandırma, NCode resim boyutlandırma plugini, Ncode, Otomatik resim boyutlandırma, Modifikasyon.
Ara
Cevapla PGM
Teşekkür verenler: Aisha* , kaRanLık-61 , admin
#2
Gayet güzel, eline sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#3
(21-09-2018 Saat: 22:44)AperioN Nickli Kullanıcıdan Alıntı: Gayet güzel, eline sağlık.
Fakat JS kodlarını <script type="text/javascript">kodlar</script> içine almanız gerekmez mi?

Teşekkürler.
Kod:
https://stackoverflow.com/questions/4243577/which-is-better-script-type-text-javascript-script-or-script-scr
Ara
Cevapla PGM
Teşekkür verenler:
#4
#Güncel
Ara
Cevapla PGM
Teşekkür verenler:
#5
MyBB 1.8.19 sonrası sürümlerde çalışmama sorunu çözülmüştür.
Ara
Cevapla PGM
Teşekkür verenler: NextWorld , kaRanLık-61
#6
emeğine sağlık
Tüm Destek Forumun Kuralları
Görevli Kuralları
Ücretli Mybb Tema Tasarım ve Kodlama , Bootstrap(html/css) duyarlı kodlamalar Yapılır.
Prof. Dr. MyBB Öğretmeni kaRanLık-61( Mustafa SEVİM )[ 2010-2022 => 10TL'de 12 Sene ]

İki Tarafta Zifiri kaRanLık




Mutlu Son İstiyorsan Çabalamalısın. Sadece Oturduğu Yerden Başarıya ulaşan varlık tavuktur. Bir Kurt Asla Evcilleşip Köpek Olmaz...
Cevapla PGM
Teşekkür verenler:
#7
(30-04-2019 Saat: 14:02)kaRanLık-61 Nickli Kullanıcıdan Alıntı: emeğine sağlık

Teşekkürler Mustafa hocam.
Ara
Cevapla PGM
Teşekkür verenler:
#8
Kodlar geliştirilmiştir ve güncellenmiştir; eskiden bir resime tıklandığı zaman tüm resimlerin boyutu değişiyordu, artık özellik sadece tıklanan resime uygulanıyor.
Ara
Cevapla PGM
Teşekkür verenler:
#9
Kodlar tekrardan güncellenmiştir; artık başlıktaki yazı resimin boyutuna göre değişiyor.
Ara
Cevapla PGM
Teşekkür verenler:
#10
https://i.ibb.co/23sQfm5/5555.png
Hocam yöntem çok iyi düşünülmüş, Mybb 1.8.21 kullandığımız için kelime filtreleme kullanarak işlemi uyguladım ancak önizlemede görüldüğü gibi yalnızca başlangıçta img] etiketlerini düzenliyor...
@Novruz
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:
#11
(17-08-2019 Saat: 12:15)NextWorld Nickli Kullanıcıdan Alıntı:
https://i.ibb.co/23sQfm5/5555.png
Hocam yöntem çok iyi düşünülmüş, Mybb 1.8.21 kullandığımız için kelime filtreleme kullanarak işlemi uyguladım ancak önizlemede görüldüğü gibi yalnızca başlangıçta img] etiketlerini düzenliyor...
@Novruz

Kelime filtresinde Düzenli İfade seçeneğinin "Evet" olduğuna dikkat edin, "Hayır" olduğu zaman böyle hata alırsınız.
Ara
Cevapla PGM
Teşekkür verenler: NextWorld
#12
Tamamdır , sorun çözüldü, teşekkürler...
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



Reklam yaziniz bostur. ayarlardan duzenleyiniz:medi -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping