MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
novruz avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

MyBB otomatik resim boyutlandırma [Modifikasyon]


Sponsor Reklam

Çevrimdışı novruz
 Tarih: 01-05-2019, Saat:07:07
#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* :
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 > 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:
    function func() {
var 
elements document.getElementsByClassName("scimage");        
 
 for (var 0len elements.lengthleni++) {
 
 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*/
 
 }
}

Cevapla
Bunu Beğenenler: tedem
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  MyBB her foruma ayrı Font Awesome ikon [Modifikasyon] novruz 0 387 14-08-2019, Saat:11:01
Son Yorum: novruz
  [1.6 - 1.8] Mybb Social Login Eklentisi ile 30 Farklı Sosyal MEdya sitesiyle Kayıt Olma camoka1903 5 2,293 18-07-2019, Saat:17:47
Son Yorum: MuslumDurukan
  MyBB Gece modu özelliği [Modifikasyon] novruz 2 313 06-07-2019, Saat:21:34
Son Yorum: novruz
  MyBB ana sayfada son konular 4'lü blok [Modifikasyon] novruz 0 211 03-07-2019, Saat:17:39
Son Yorum: novruz
Öneri - Fikir MyBB kimler çevrimiçi bölümünde kullanıcı avatarı [Modifikasyon] novruz 0 166 30-06-2019, Saat:11:08
Son Yorum: novruz



Konuyu Okuyanlar: 1 Ziyaretçi