Kullanım tekniği Ziyaretçilere resimli kayıt ol mesajı nasıl gösterilir?

Kullanım tekniği Ziyaretçilere resimli kayıt ol mesajı nasıl gösterilir?
7
3K

XenTR

Yönetici
XenTR Mod
Licenced
SMS Confirmed
Katılım
3 Şub 2019
Mesajlar
2,138
Çözümler
69
Tepki puanı
2,725
Puanları
113
Herkese merhaba;

Eskiden XenForo 1.5.x sürümlerinden hatırladığım bir karşılama mesajı vardı. O aklıma geldi ve bunu XenForo 2.1.x ile uyumlu olacak şekilde revize ettim. Aslında çok basit bir kod.

1551

Hemen konuya giriyorum.

XenForo giriş yapmış ve yapmamış kullanıcılar için değişken tanımlar. Bu değişkenler örnek vermek gerekirse

Giriş Yapmamış kullanıcılar için şöyledir.
data-logged-in="false"

Giriş yapmış kullanıcılar için ise
data-logged-in="true" olarak belirlenir. Bizde bu koşulları less ile kullanarak kayıt ol mesajımızı oluşturacağız.

Aşağıda yer alan kodu extra.less şablonunuza eklemeniz yeterlidir.
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
Yukarıda gördğünüz gibi data-logged-in="false" komutunu kullanarak giriş yapmamış kullanıcılar bunu görsün istedik. Giriş yapmış kullanıcılar artık bu mesajı görmeyeceklerdir.

Eğer kodu biraz daha geliştirmek istersek yani sayfa bazında göstersin diyorsak eğer o zamanda yine basit bir şekilde ilgili sayfanın şablon ismini yazmamız yeterli olacaktır.
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
Yukarıdaki kod da gördüğünüz gibi ben forum_list şablonunu seçtim. Siz göstermek istediğiniz şablonu da seçebilirsiniz.

Resim dosyanızı sunucu üzerinde styles/img/ klasörüne koymayı ihmal etmeyin. Ben öylesine yapmış olduğum PSD dosyasını da ekledim.:)


Umarım bu eğiticiyi beğenirsiniz ;)
 
Bilgi Kaynak Erişimi
https://xentr.net/

Ekli dosyalar

  • styles.zip
    83.4 KB · Görüntüleme: 23
Son düzenleme:
Çok güzel bir anlatım olmuş elinize sağlık, konu içerisinde göremedim kodu eklemek isteyen arkadaşlar extra.less şablonuna eklemeleri gerekmektedir.
 
Çok güzel bir anlatım olmuş elinize sağlık, konu içerisinde göremedim kodu eklemek isteyen arkadaşlar extra.less şablonuna eklemeleri gerekmektedir.
Bilgilendirme için teşekkür ederim. Konuyu düzenledim.
 
Herkese merhaba;

Eskiden XenForo 1.5.x sürümlerinden hatırladığım bir karşılama mesajı vardı. O aklıma geldi ve bunu XenForo 2.1.x ile üyümlu olacak şekilde revize ettim. Aslında çok basit bir kod.

Ekli dosyayı görüntüle 1551

Hemen konuya giriyorum.

XenForo giriş yapmış ve yapmamış kullanıcılar için değişken tanımlar. Bu değişkenler örnek vermek gerekirse

Giriş Yapmamış kullanıcılar için şöyledir.
data-logged-in="false"

Giriş yapmış kullanıcılar için ise
data-logged-in="true" olarak belirlenir. Bizde bu koşulları less ile kullanarak kayıt ol mesajımızı oluşturacağız.

Aşağıda yer alan kodu extra.less şablonunuza eklemeniz yeterlidir.
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
Yukarıda gördğünüz gibi data-logged-in="false" komutunu kullanarak giriş yapmamış kullanıcılar bunu görsün istedik. Giriş yapmış kullanıcılar artık bu mesajı görmeyeceklerdir.

Eğer kodu biraz daha geliştirmek istersek yani sayfa bazında göstersin diyorsak eğer o zamanda yine basit bir şekilde ilgili sayfanın şablon ismini yazmamız yeterli olacaktır.
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
Yukarıdaki kod da gördüğünüz gibi ben forum_list şablonunu seçtim. Siz göstermek istediğiniz şablonu da seçebilirsiniz.

Resim dosyanızı sunucu üzerinde styles/img/ klasörüne koymayı ihmal etmeyin. Ben öylesine yapmış olduğum PSD dosyasını da ekledim.:)


Umarım bu eğiticiyi beğenirsiniz ;)
Elinize sağlık güzel bir çalışma,
 
Emeğinize sağlık teşekkürler
 
Merhabalar gayet güzel bir çalışma fakat mobil uyumluluk olayını nasıl yapıcaz çözemedim yani mobilde yarım gözüküyor ?
 
Merhabalar gayet güzel bir çalışma fakat mobil uyumluluk olayını nasıl yapıcaz çözemedim yani mobilde yarım gözüküyor ?
Genel olarak basitçe verilmiş bir kod. Ama responsive yapıya göre aşağıdaki gibi kullanabilirsiniz. Orada yer alan left değerlerine kendiniz uygun değeri girerek çözebilirsiniz.
CSS:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
 
Son düzenleme:
Quick Jump
2,627Konular
12,460Mesajlar
1,432Kullanıcılar
waz000000Son Üye
Geri
Üst