Sayfalarıma eklemek istediklerim bu videolardaki geri sayım sayaç vs ; pomodoro ve geri sayım -Verilen css kodlarını görünüm harici css yerine atıyorum. -Verilen html kodlarını sayfa içeriğine atıyorum. .js uzantılı kodlarıda html içindeki <body> etiketlerinin arasına atıyorum fakat çalışmıyor. Yardımcı olursanız sevinirim.

Burakcnnar Sizin için iframe oluşturdum. Admin arkadaşımızın çözümünü bekleyene kadar işinizi göreceğine inanıyorum. Pages ayarlarından HTML aktif et seçeneğini aktif hale getiririn. İçerik kısmına bu kodu ekleyin. Bu kodu github sayfasına yükleyerek netlify ile yayınlıyorum. Uzun soluklu olacağını düşünmüyorum ama şimdilik işe yarıyor gibi. <iframe src="https://whatismyipadress.netlify.app/" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="400px" width="600px" allowfullscreen></iframe> if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

Hiç uğraşmadan en basit yol ile sitenin dizinine bu sayaçları doğru bir şekilde kur. Örneğin: xxx.com/sayac , xxx.com/pomodoro Ardından Embed/Iframe kodu yardımı ile bunu Pages eklentisindeki HTML aktif et seçeneği ile kullan. Iframe nasıl kullanacağını bilmiyorsan aşağıdaki kodu incele: <iframe src="https://flarumtr.com/u/Lauren" width="100%" height="200" frameBorder="0" style="border: 0;"></iframe> <br>Brought to you by <a href="https://flarumtr.com" target="_blank">flarumtr.com</a> if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

Can yanlarda vs kaydırma çubuğu mevcut oluyor tam sığdırmak lazım istediğim yeri zor galiba bana

Burakcnnar Kaydırma çubuklarını bu css kodu sayesinde kaldırabilirsin. /* Kaydırma Çubuğu */ ::-webkit-scrollbar { display: none!important; } ::-webkit-scrollbar-track { display: none!important; } ::-webkit-scrollbar-thumb { display: none!important; } ::-webkit-scrollbar-thumb:window-inactive { display: none!important; } /* End Kaydırma Çubuğu */ if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } Benim ki sadece bir öneri. Daha farklı bir çözüm arıyorsanız diğer üyelerin çözüm önerilerini bekleyebilirsiniz.

Can yok böyle istediğim gibi değil malesef js.kodlarını çalıştıramıyorum

Bir JS kodu ile değil de React gibi bir framework ile denerseniz daha başarılı sonuç alırsınız. JS tek başına yetersiz kalabiliyor.

Burakcnnar Hocam sizin ilacınız React’te dökümantasyonuna göz atın. Şimdi pcde değil mobildeyim. Link atardım fakat mobilden zor oluyor. Dökümantasyonunda sayaç ile ilgili dökümanlarda var.

NightKing sadece icon ve emojiler mevcut orayı mı diyorsunuz

videodan bakın hocam. Sayaçın nasıl yapılacağına dair bilgi veriyor.

NightKing yok hocam sayaç üzerinden gitmeyin eklemek istediğim daha birçok şey bu şekilde fakat ekleyemiyorum ondan bahsediyorum

Java script sayfalara entegre nasıl edilir ?

Can

Burakcnnar Ne demek istediğinizi tam olarak anlayamadım kusura bakmayın ekran görüntüsü ile anlatma şansınız var mı?

Burakcnnar

Can
örneğin resimde gözüken pomodoro etiketine tıklayınca (fof pages)'den oluşturacağım bir sayfaya yönlendirilecek.

Can

Burakcnnar https://discuss.flarum.org/d/26380-custom-side-nav-links

Bu eklentiyi kurarak istediğiniz sayfaya o alandan yönlendirme yapabilirsiniz.

Burakcnnar

Can teşekkürler deneyeceğim

NightKing

Burakcnnar Flarum’un eklentiler için geliştirilmiş dökümantasyonuna baktığımda javascript dosyalarını artık node.js ile enjekte edebiliyormuşuz. Yani istediğiniz şeyin dökümantasyonu tamamen burada.

Eğer ki bir göz atmak isterseniz Buraya giderek nasıl yapılabileceği hakkında fikir sahibi olabilirsiniz.

« Önceki Sayfa