Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Konunuza üst resim eklemek [MyCode]
#1
Kodlar tamamen bana aittir, fikri ücretli bir temada görmüştüm, ücretsiz olarak yapıp, paylaşmak istedim. Bu konuyu, burada paylaşıyorum. Benden izinsiz başka yerde paylaşmazsanız sevinirim. Kendi projem için hazırlamıştım aslında. Ama olsun, sizlerle de paylaşmak istedim.

MyCode eklemeyi biliyorsunuz sanırım. Eğer bilmiyorsanız direkt aşağıdaki linkte bulunan siteadresiniz.com kısmına kendi site adresinizi yazın ve o linke gidin.
  • http://siteadresiniz.com/admin/index.php?module=config-mycode&action=add
O kısmı aşağıdaki resim gibi yapın. Ben size kopyalamanız için kodları aşağıya yazacağım.
lOA51B.png
MyKod Başlığı: Konu üst resim.
Kısa Bilgi: Konularda bulunan en üstteki resim.
Düzenli İfade: 
Kod:
\[ustresim\](.*?)\[/ustresim\]

Yerine gösterilecek ifade: 
Kod:
<div class="konu-ustresim">$1</div>

Sonra, global.css girin en alta ekleyin.
Kod:
.konu-ustresim {
   display: none;
}

.konu-ustresim-ana {
   height: 180px;
   margin-bottom: 20px;
   background: #252525;
   border-radius: 3px;
   background-size: 100%;
   background-position: center center;
}

Ardından, temanızın showthread şablonuna girin. {$pollbox} kodunun hemen üstüne şu kodları ekleyin:
Kod:
<div class="konu-ustresim-ana"></div>

Sonra, </body> etiketinin hemen üstüne şu kodları ekleyin, sistemin çalışması için:
Kod:
<script type="text/javascript">
var konu_ustresim = $(".konu-ustresim a").text();
$(".konu-ustresim").remove();
$(".konu-ustresim-ana").attr({
"style" : "background-image: url(" + konu_ustresim + ");"
});
if($(".konu-ustresim-ana").attr("style") == "background-image: url();"){
$(".konu-ustresim-ana").remove();
}
</script>

Nasıl kullanılacak?
Yeni konu açarken, [ustresim]resim linki[/ustresim] mycode'unu kullanacaksınız. Örnek olarak şöyle:
Kod:
[ustresim]http://i.hizliresim.com/4aNoE4.jpg[/ustresim]

Ayrıca, resim eklemezseniz, orada hiç bir şey gözükmeyecektir. Öyle güzel bir sistem kodladım.
Şimdi ekran görüntüsü:
G9jM0v.png
Arkadaşlar, basit gözükebilir. Ben size sistemin kökünü hazırladım. Sizlerde üstüne birkaç şey ekleyip kullanabilirsiniz. Örnek olarak, arkaplan olarak atadım ben. O div tagının içine konu ismini ekleyebilirsiniz. Kendinize göre her türlü özelleştirebilirsiniz. Ama kendim yaptım diye paylaşmazsınız diye umuyorum :)
Hadi kolay gelsin.
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#2
Şık bir temayla beraber harika uyum sağlar, eline sağlık.
Cevapla PGM
Teşekkür verenler:
#3
(15-04-2018 Saat: 13:39)yusufkoc Nickli Kullanıcıdan Alıntı: Şık bir temayla beraber harika uyum sağlar, eline sağlık.

Dediğim gibi, daha değişik şeyler yapılabilir :) Hatta güzel bir kodlama ile, dörtlü resim de yapılabilir. Yeter ki fikir olsun. Teşekkür ederim.
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#4
edit.......
Ara
Cevapla PGM
Teşekkür verenler:
#5
(15-04-2018 Saat: 13:43)AperioN Nickli Kullanıcıdan Alıntı: Resimleri kutu içine alabildirdin. Eline sağlık :)

Alıntı:Arkadaşlar, basit gözükebilir. Ben size sistemin kökünü hazırladım. Sizlerde üstüne birkaç şey ekleyip kullanabilirsiniz. 
Diye yazmıştım.
Teşekkürler.
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#6
Güzel olmuş,eline sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#7
Güzel olmuş ama sana önerim resmin üstüne konu başlığı konuyu açan gibi şeyler eklene bilir.
Ücretli Grafik İşleri Yapılır.
İletişim: Discord 
Biz birbirimize dönmüş iki ayna gibiyiz. İçimizde binlerce olsa da görüntümüz bir biz sadece birbirimizi görürüz…
                                                             
Cevapla PGM
Teşekkür verenler:
#8
(15-04-2018 Saat: 14:07)Dream41 Nickli Kullanıcıdan Alıntı: Güzel olmuş ama sana önerim resmin üstüne konu başlığı konuyu açan gibi şeyler eklene bilir.

Alıntı:Örnek olarak, arkaplan olarak atadım ben. O div tagının içine konu ismini ekleyebilirsiniz.
Aslında, konuya yazmıştım.
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#9
Eline sağlık teşekkürler
Ara
Cevapla PGM
Teşekkür verenler:
#10
(15-04-2018 Saat: 15:26)Samet_pro Nickli Kullanıcıdan Alıntı: Eline sağlık teşekkürler

Ben teşekkür ederim.
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#11
Eline sağlık Mehmet. Resimde;
Kod:
style="display: none;" />
kullanırsak mycode yine de konu üstünde gösterebilir mi?
Ara
Cevapla PGM
Teşekkür verenler:
#12
(15-04-2018 Saat: 16:55)Helper Nickli Kullanıcıdan Alıntı: Eline sağlık Mehmet. Resimde;
Kod:
style="display: none;" />
kullanırsak mycode yine de konu üstünde gösterebilir mi?

Nasıl yani?
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#13
(15-04-2018 Saat: 17:02)Nophex Nickli Kullanıcıdan Alıntı:
(15-04-2018 Saat: 16:55)Helper Nickli Kullanıcıdan Alıntı: Eline sağlık Mehmet. Resimde;
Kod:
style="display: none;" />
kullanırsak mycode yine de konu üstünde gösterebilir mi?

Nasıl yani?

Örneğin bloglarda thumbnail yazıdaki ilk resmi çekiyor. Hem konuda hem de thumbnailde geçmesin diye ilk resimde bu kodu kullanıyorsun;
Kod:
<img src="Resim.png" style="display: none;" />
Konu içinde resim görünmüyor fakat thumbnailde oluyor. Bende bunu kastettim
Ara
Cevapla PGM
Teşekkür verenler:
#14
(15-04-2018 Saat: 17:04)Helper Nickli Kullanıcıdan Alıntı:
(15-04-2018 Saat: 17:02)Nophex Nickli Kullanıcıdan Alıntı:
(15-04-2018 Saat: 16:55)Helper Nickli Kullanıcıdan Alıntı: Eline sağlık Mehmet. Resimde;
Kod:
style="display: none;" />
kullanırsak mycode yine de konu üstünde gösterebilir mi?

Nasıl yani?

Örneğin bloglarda thumbnail yazıdaki ilk resmi çekiyor. Hem konuda hem de thumbnailde geçmesin diye ilk resimde bu kodu kullanıyorsun;
Kod:
<img src="Resim.png" style="display: none;" />
Konu içinde resim görünmüyor fakat thumbnailde oluyor. Bende bunu kastettim

Zaten, onu ayarladım. Konuda resim gözükmüyor.
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
1
Cevapla PGM
Teşekkür verenler:
#15
Eline sağlık Güzel Anlattım Olmuş.İleri yapacağım temalarda kullanabilirim.Mybb için bir eksiğini kazandırmış oldun.Belki ekstra sorguyla index bu resimler bile gösterebilir.
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:
#16
(16-04-2018 Saat: 03:08)kaRanLık-61 Nickli Kullanıcıdan Alıntı: Eline sağlık Güzel Anlattım Olmuş.İleri yapacağım temalarda kullanabilirim.Mybb için bir eksiğini kazandırmış oldun.Belki ekstra sorguyla index bu resimler bile gösterebilir.

Beğenmenize sevindim hocam. io temasını biliyorsunuzdur. Onda bu sistem kullanıldı ve kodlayıcı indexe çekmiş, jQuery kodları ile. Ama çalışmıyordu galiba. @kaRanLıK-61
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#17
(18-04-2018 Saat: 19:22)Nophex Nickli Kullanıcıdan Alıntı:
(16-04-2018 Saat: 03:08)kaRanLık-61 Nickli Kullanıcıdan Alıntı: Eline sağlık Güzel Anlattım Olmuş.İleri yapacağım temalarda kullanabilirim.Mybb için bir eksiğini kazandırmış oldun.Belki ekstra sorguyla index bu resimler bile gösterebilir.

Beğenmenize sevindim hocam. io temasını biliyorsunuzdur. Onda bu sistem kullanıldı ve kodlayıcı indexe çekmiş, jQuery kodları ile. Ama çalışmıyordu galiba. @kaRanLıK-61
Jquery çekmesi kolay oluyor performans düşürüyor.Bunu bende kullanabilirim belki.
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:
#18
(18-04-2018 Saat: 19:49)kaRanLık-61 Nickli Kullanıcıdan Alıntı:
(18-04-2018 Saat: 19:22)Nophex Nickli Kullanıcıdan Alıntı:
(16-04-2018 Saat: 03:08)kaRanLık-61 Nickli Kullanıcıdan Alıntı: Eline sağlık Güzel Anlattım Olmuş.İleri yapacağım temalarda kullanabilirim.Mybb için bir eksiğini kazandırmış oldun.Belki ekstra sorguyla index bu resimler bile gösterebilir.

Beğenmenize sevindim hocam. io temasını biliyorsunuzdur. Onda bu sistem kullanıldı ve kodlayıcı indexe çekmiş, jQuery kodları ile. Ama çalışmıyordu galiba. @kaRanLıK-61
Jquery çekmesi kolay oluyor performans düşürüyor.Bunu bende kullanabilirim belki.

Aynen öyle hocam. Kendi projemde daha güzel bir şekilde kullanmayı planlıyorum.
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#19
Yeni çıkarılacak temam da kullanabilirim, teşekkürler
Ara
Cevapla PGM
Teşekkür verenler:
#20
Sanırım arkadaş ban yemiş. Neden ban yedi acaba?
Ayrıca, konu için teşekkürler hacım.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

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