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.
MyKod Başlığı: Konu üst resim.
Kısa Bilgi: Konularda bulunan en üstteki resim.
Düzenli İfade:
Yerine gösterilecek ifade:
Sonra, global.css girin en alta ekleyin.
Ardından, temanızın showthread şablonuna girin. {$pollbox} kodunun hemen üstüne şu kodları ekleyin:
Sonra, </body> etiketinin hemen üstüne şu kodları ekleyin, sistemin çalışması için:
Nasıl kullanılacak?
Yeni konu açarken, [ustresim]resim linki[/ustresim] mycode'unu kullanacaksınız. Örnek olarak şöyle:
Ayrıca, resim eklemezseniz, orada hiç bir şey gözükmeyecektir. Öyle güzel bir sistem kodladım.
Şimdi ekran görüntüsü:
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.
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
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ü:
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.
HTML • CSS • Javascript • jQuery • PHP • Dart • Flutter
"Son Tema Ekibi Lideri"