MyBB Dizayn - MyBB, Webmaster, E-Ticaret Forumu Kodlama Javascript Programlama Saate Göre Gün İçeriğini Değiştirme - Javascript
11-02-2020 Saat: 16:48

Saate Göre Gün İçeriğini Değiştirme - Javascript

[Resim: XlWYd7.jpg]
Diyelim ki üye girişi gerektiren bir e-ticaret veya herhangi bir web siteniz var. Kullanıcı giriş yaptıktan sonra, genelde ekranın sağ üstünde yer alan kullanıcı adının yanına bu mesajı koyabilir ve kullanıcıya saate göre değişen mesajlar verebilirsiniz.

Örnek : İyi Akşamlar, MyBB Dizayn

HTML KOD
Kod:
<h3 classs="hours"><span id="message"></span>, MyBB Dizayn</h3>

CSS KOD
Kod:
h3.hours {
  font-family: inherit;
  font-weight: normal;
  display:inline-block;
  padding:13px 20px;
  background-color: #f3f3f3;
  border: 1px solid #f5f5f5;
}

JAVASCRİPT KOD
Kod:
var today = new Date(); //Tarih objesi oluşturma
var hourNow = today.getHours(); //Şu anki saati alma
var greeting; //Verilecek mesaj
var message = document.getElementById('message')

if (hourNow > 18) {
  greeting = 'İyi akşamlar'
}
else if (hourNow > 12) {
  greeting = 'İyi günler'
}
else {
  greeting = 'Merhaba'
}

message.textContent = greeting
Beğenenler: gnaremoob
Bu gönderi 2 kez derecelendirildi.
1
Beğen
1
Aşk

Özel Tema Sahibi
Dizayn Müşterisi
Tema Sahibi
1
4
0
0
3₺
Üyemiz, 0
mesaj içinde toplamda 0 beğeni aldı.
Merhabalar biz bu konu nasıl yerleştircez bu konuda yarrdımcı olur musnuz?
Beğenenler:

Ponifex Teması
MD Üyesi
Paylaşımcı Üye
11
44
19
0
28.37₺
Üyemiz, 10
mesaj içinde toplamda 14 beğeni aldı.
(13-02-2020 Saat: 00:08)loogips Adlı Kullanıcıdan Alıntı: Merhabalar biz bu konu nasıl yerleştircez bu konuda yarrdımcı olur musnuz?

Aslında çok basit bi şekilde açıklanmış ben biraz daha basite indirgeyerek anlatayım.

Admin KP -> Şablonlar -> index şunu bulun:

Kod:
<div class="forum_border">

Bundan önce şu kodu ekleyin:
Kod:
<h3 classs="hours"><span id="message"></span>, {$mybb->user['username']}</h3>
Not: © xLd^ 'nin verdiği kodda MybbDizayn yerine forumunuzdaki üyenin ismini otomatik olarak çekmesi adına değişiklik yaptım. Bu şekilde yerleştirdiğinizde örneğin "İyi Akşamlar, Kullanıcı Adı" şeklinde yazacaktır. Bunu kullanmanızı tavsiye ederim.

Admin KP -> Temalar -> Kullandığınız Temanın global.css'sine girin ve en sona gelip enter ile bir boşluk bırakıp şu css kodunu ekleyin
Kod:
h3.hours {
  font-family: inherit;
  font-weight: normal;
  display:inline-block;
  padding:13px 20px;
  background-color: #f3f3f3;
  border: 1px solid #f5f5f5;
}

Ardından yine Admin KP  -> Şablonlar -> footer şablonuna girin ve en sona gelip enter ile bir boşluk bırakıp şu js kodunu ekleyin
Kod:
<script>
var today = new Date(); //Tarih objesi oluşturma
var hourNow = today.getHours(); //Şu anki saati alma
var greeting; //Verilecek mesaj
var message = document.getElementById('message')

if (hourNow > 18) {
  greeting = 'İyi akşamlar'
}
else if (hourNow > 12) {
  greeting = 'İyi günler'
}
else {
  greeting = 'Merhaba'
}

message.textContent = greeting
</script>
Not: Farkettiyseniz © xLd^ 'nin verdiği koda ek olarak burada başına ve sonuna script tagları ekledim. Bunun sebebi ise javascript kodlarını html şablonlar içerisine yerleştirirken tarayıcıların algılaması için script tagları arasına eklenmesi gerektiği içindir.

Tüm her şeyi yaptıktan sonra önbelleğinizi temizleyin, cacheleri silin, CTRL + SHIFT + R ile sitenizi yenileyin.
Beğenenler:
Bu gönderi 2 kez derecelendirildi.
2
Beğen

FOUNDER
$ BOOS $
45
137
11
3
124.93₺
Üyemiz, 35
mesaj içinde toplamda 25 beğeni aldı.
@huseyinfiliz arkadaşımız konuyu mybb göre de anlatmış teşekkürler

Zaten aynı şekilde mybb'de bu özellik kullanılmaktadır. MyBB'de kullanabilmeniz için bu kadar zahmete girmenize gerek yok aslında, kullanmanız gereken kod;
Kod:
{$lang->welcome_back}
Beğenenler:
< CODER />  and $ BOSS $
MyBBDizayn - New Modern Themes
MD Graphic ile değişime hazır mısınız? ツ

Ponifex Teması
MD Üyesi
Paylaşımcı Üye
11
44
19
0
28.37₺
Üyemiz, 10
mesaj içinde toplamda 14 beğeni aldı.
(13-02-2020 Saat: 14:14)© xLd^ Adlı Kullanıcıdan Alıntı: @huseyinfiliz arkadaşımız konuyu mybb göre de anlatmış teşekkürler

Zaten aynı şekilde mybb'de bu özellik kullanılmaktadır. MyBB'de kullanabilmeniz için bu kadar zahmete girmenize gerek yok aslında, kullanmanız gereken kod;
Kod:
{$lang->welcome_back}

Mybb'de söylediğiniz özelliği test ettim ama biraz farklı sonuç aldım:
Kod:
Hoşgeldiniz,kullanıcı. Son Ziyaretiniz: Bugün, Saat: 13:37,
Beğenenler:

Görüntüleyenler: 1 Ziyaretçi
Discord
E-mail Gönderin
Bizi Arayın
Whatsapp Mesaj Gönder