Usage technique Ziyaretçilere resimli kayıt ol mesajı nasıl gösterilir?

XenTR

Staff member
XenTR Mod
Licenced
SMS Confirmed
Joined
Feb 3, 2019
Messages
2,757
Solutions
103
Reaction score
3,081
Points
248
1/3
Thread owner
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.
Code:
Dear Guests, welcome! Please, Log in or Register 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.
Code:
Dear Guests, welcome! Please, Log in or Register 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 ;)
 
Resource Access
https://xentr.net/

Attachments

Last edited:
hasannakyuz
hasannakyuz
Dear Guests, welcome! Please, Log in or Register to view hide content!
Elinize sağlık güzel bir çalışma,
  • Like
Reactions: XenTR
F
Fatih
Dear Guests, welcome! Please, Log in or Register to view hide content!
Deneme
Ç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.
 
XenTR
XenTR
Dear Guests, welcome! Please, Log in or Register to view hide content!
Bilgilendirme için teşekkür ederim. Konuyu düzenledim.
  • Like
Reactions: HytaleTurkiye
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 ?
 
XenTR
XenTR
Dear Guests, welcome! Please, Log in or Register to view hide content!
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, Log in or Register to view hide content!
Bunu forum ana sayfasında değilde herhangi bir konuya girince çıksın istiyorum. Bunu nasıl yaparız?
 
FarkHosting
FarkHosting
Dear Guests, welcome! Please, Log in or Register to view hide content!
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!

Bu şekilde deneyebilirsiniz
T
tamirmasasi
Dear Guests, welcome! Please, Log in or Register to view hide content!
Dear Guests, welcome! Please, Log in or Register to view hide content!
bu sizin kodlarınızı Xentr adminimizin yukarıda paylaşmış olduğu responsive kodlara nasıl uyarlarım?
FarkHosting
FarkHosting
Dear Guests, welcome! Please, Log in or Register to view hide content!
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
Dear Guests, welcome! Please, Log in or Register to view hide content!
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
I liked this code, but unfortunately the image does not disappear and there is no close button for the image. Can you add a close button for the image?

Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
 
Quick Jump
Back
Top