Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
MyBB otomatik resim boyutlandırma [Modifikasyon]
*
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,262
Konu Sayısı: 528
Üyelik Tarihi: 05-06-2013
Rep Puanı: 932
Teşekkürler: 36
51 mesaj içinde 319 teşekkür verildi.

SanalPara (SP): 5,111.2₺
#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.
Ücretli grafik - tasarım ve kodlama işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
Cevapla
Teşekkür verenler: Aisha* , kaRanLık-61-EA , admin
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 4,829
Konu Sayısı: 356
Üyelik Tarihi: 11-03-2017
Rep Puanı: 91
Teşekkürler: 239
109 mesaj içinde 1228 teşekkür verildi.

SanalPara (SP): 2,118.21₺
#2
Gayet güzel, eline sağlık.
Fakat JS kodlarını <script type="text/javascript">kodlar</script> içine almanız gerekmez mi?
Hepimiz bir bataklıkta yaşıyoruz, ama bazılarımız yıldızlara bakıyor.

Cevapla
Teşekkür verenler:
*
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,262
Konu Sayısı: 528
Üyelik Tarihi: 05-06-2013
Rep Puanı: 932
Teşekkürler: 36
51 mesaj içinde 319 teşekkür verildi.

SanalPara (SP): 5,111.2₺
#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
Ücretli grafik - tasarım ve kodlama işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
Cevapla
Teşekkür verenler:
*
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,262
Konu Sayısı: 528
Üyelik Tarihi: 05-06-2013
Rep Puanı: 932
Teşekkürler: 36
51 mesaj içinde 319 teşekkür verildi.

SanalPara (SP): 5,111.2₺
#4
#Güncel
Ücretli grafik - tasarım ve kodlama işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
Cevapla
Teşekkür verenler:
*
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,262
Konu Sayısı: 528
Üyelik Tarihi: 05-06-2013
Rep Puanı: 932
Teşekkürler: 36
51 mesaj içinde 319 teşekkür verildi.

SanalPara (SP): 5,111.2₺
#5
MyBB 1.8.19 sonrası sürümlerde çalışmama sorunu çözülmüştür.
Ücretli grafik - tasarım ve kodlama işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
Cevapla
Teşekkür verenler: NextWorld , kaRanLık-61-EA
*
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 6,487
Konu Sayısı: 176
Üyelik Tarihi: 30-11-2010
Rep Puanı: 836
Teşekkürler: 104
44 mesaj içinde 385 teşekkür verildi.

SanalPara (SP): 1,656.16₺
#6
emeğine sağlık
Tüm Destek Forumun Kuralları
Görevli Kuralları
- Saçma Konu Başlıklarına ve Özelden Destek Vermiyorum...!
Ücretli Her Türlü Script(MyBB,vB,smf,wordpress,phpBB,joomla,eschat,cms, vb.) Kurulumu ve Optimizasyon Yapılır.Ücretli Tema Tasarımı Yapılır.
Prof. Dr. MyBB Öğretmeni kaRanLık-61( Mustafa SEVİM )

İ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
Teşekkür verenler:
*
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,262
Konu Sayısı: 528
Üyelik Tarihi: 05-06-2013
Rep Puanı: 932
Teşekkürler: 36
51 mesaj içinde 319 teşekkür verildi.

SanalPara (SP): 5,111.2₺
#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.
Ücretli grafik - tasarım ve kodlama işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
Cevapla
Teşekkür verenler:
*
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,262
Konu Sayısı: 528
Üyelik Tarihi: 05-06-2013
Rep Puanı: 932
Teşekkürler: 36
51 mesaj içinde 319 teşekkür verildi.

SanalPara (SP): 5,111.2₺
#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.
Ücretli grafik - tasarım ve kodlama işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
Cevapla
Teşekkür verenler:
*
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,262
Konu Sayısı: 528
Üyelik Tarihi: 05-06-2013
Rep Puanı: 932
Teşekkürler: 36
51 mesaj içinde 319 teşekkür verildi.

SanalPara (SP): 5,111.2₺
#9
Kodlar tekrardan güncellenmiştir; artık başlıktaki yazı resimin boyutuna göre değişiyor.
Ücretli grafik - tasarım ve kodlama işleri yapılır.
İletişim için sosyal medya hesaplarımdan ulaşa veya Ö.M ata bilirsiniz.
Cevapla
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi
Önerilen Bağlantılar
torrent film indir

Tema yapımcısı: Metehan Durmuş
Tüm hakları saklıdır. 10TL.Net sistemi için yazılmıştır.


***


Reliable Magento web hosting on https://certahosting.co.uk page. Click to see prices!