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 ?

Burakcnnar

Can evet ufak ufak hatalar olsada idare ediyor.fakat direk kodlar ile daha sağlıklı olur dediğiniz gibi hocam

Can

Burakcnnar O kodları sayfanın tam olarak neresine ekleyeceğinizi halen merak ediyorum. Sonuç olarak çok özelleştirme yapmazsanız aynı görünümü yakalayacaksınız.

Burakcnnar

Can eğitim içerikli siteme öğrenciler faydalansın kategori çoğalsın diye hocam sadece o süre olacak başka içerik olmayacak

NightKing

Can Ben hala ne yapmaya çalıştığını arkadaşın idrak edemedim. Sanırım fazla uykum geldi kafam allak pullak oldu 😂 Ne ne amaçla nasıl yapılmaya çalışıyor bunu anlayamadım. Bir codepen klonu mu yaratılmaya çalışılıyor? Run’a basınca kodun çalıştığı vs bir ortam?

Can

Burakcnnar Güzel ve yararlı bir düşünce başarılar dilerim ama benim burda bahsettiğim konu bu değil. Özellikle iframe kullanmaktan kaçınmanızın sebebini merak etmekteyim?

Can

NightKing Hocam direk oradaki RESULT bölümünde bulunan görünümü Flarum sayfasında görüntülemeye çalışıyor.

Bunu direk HTML Kullanmayı Aktif Et seçeneği ile html, css, js kodlarını ekleyerek yapmaya çalışıyor. Bu konuyu açma sebebi ise bu kodları sitesine nasıl ekleyeceği. Ekleyerek bu görünümü yakalamaya çalışıyor anlayacağınız.

Benim çözümüm ise kod eklemenin siteyi bozduğu ve iframe kullanması gerektiği.

Togan

Can iframe her zaman candır benim oyum da bu yönde.

NightKing

Can Hocam bunu html’de bu şekilde aktif etmesi çok zor. Sonuçta flarumun ana yapısına bir js dosyası inject etmeye çalışıyor. Ve çekirdeği ile oynamaya çalışıyor. Bununla ilgili bir makale vardı forumda paylaştığım ama güncelliğini çoktan yitirmiştir. Bunu yapabilmesinin bir diğer yolu fof aracı ile eklenti olarak yazıp kullanmak. Ne yazık ki flarum çekirdeğine dokunulduğunda sinirlenen bir uygulama. Zamanında Anasayfadaki soldaki menülere ikon eklerken bile kaç kere çökmüştü hatırlamıyorum bile. O zamanlar çekirdeğinde o işlemi yaptığımda bu devrim gibi birşeydi. Şimdi pek bir önemi kalmadı tabi. Yani hala Flarum çekirdeğine dokunduğumuzda kızıyorsa external bir Javascript dosyasını Kalkıpta çekirdeğine doğrudan enjekte etmesi oldukça zor. Bunun için eklenti olarak hazırlanması çok daha iyi olur. Onun içinde forumda başlangıç için en azından konular mevcut.

Can

Togan Görünümü tatmin etmedi ve bu konu gereğinden fazla uzadı düşüncesindeyim.

Can

NightKing İlk mesajımdan beri iframe kullanılması gerektiğini vurguluyorum. Pages üzerinde harici bir js dosyası çalıştırmak çakışmalara sebep veriyor ve o sayfayı bozuyor.

Forum kültürü ve Türkçe kaynağın artması bakımından @Burakcnnar adlı kullanıcının doğru cevabı yönetime reportlaması ve konunun daha fazla uzamaması kanaatindeyim. Tavrım sert gelebilir fakat her şey karman çorman bir hâl aldı.

NightKing

Can En iyisi boş vakitlerimde Flarum’a nasıl eklenti yazılır dersi çekeyim. Herkes nasiplensin. Ama öncesinde Flarum’un tüm karar yapılarını unutmuşum. Onları çözmem lazım. Geçen zamanda Flarum’un JavaScript için api desteği çok kısıtlıydı fakat oldukça genişletmişler kararlı sürümle birlikte.

Can

NightKing Bu şahısın videolarının konseptine her zaman imrenmişimdir. Yanlış hatırlamıyorsam kendisi Fransız ve Fransızca kaynak açısından olağanüstü videolar/canlı yayınlar çekiyor. (Fransız değilse bozulurum)

Konsept ve işleyiş bakımından belki bir fikir olması açısından incelemenizi tavsiye ediyorum.

NightKing

Can Aksandan fransız olduğu belli hocam. Ayrıca çok teşekkür ederim. İzleyerek karar yapılarını tekrardan çözeceğim. Çok uzun zaman oldu. Bakalım Node.js üzerinde eklenti yazınca ne sonuçlarla karşılacağım 🙂

Can

Belki geri dönüşünüzü bununla şenlendirirsiniz?

NightKing

Can Hocam kaynak dosyaları nerde inanın bilmiyorum. Zaten şu anki kararlı sürümde çalışacağını sanmam onun. Bir hesaba yedekledim onu hatırlıyorum ama hangi hesaba yedeklediğimi hatırlamıyorum. Olmazsa zamanla baştan yazarız. Ama eskiye nazaran işyerinden çok iş geliyor. pandeminin etkileriyle herkes evde olup internetten para kazanmaya uğraştığı için bizim işler zirveye ulaştı. Ama sindire sindire yavaş yavaş kodlarız neden olmasın ki 😂

Can

NightKing Aslında bu eklentinin bir alternatifi yapıldı fakat bunun görünümü ve işlevi daha hoş gibi. Sağlık olsun. İyi geceler iyi forumlar dilerim 🗿

Burakcnnar

Can cok saolun hocam iframe ile baya bi kategori açıcam sayenizde. Bide bu netlify ile görüntüyü veriyoruz belli bir süresi varmı bunu yayınlamanın.

Can

Burakcnnar Netlify olmasa bile Github Page araştırabilirsiniz (flarumtr.github.io/reponame) oda aynı işlevi görmektedir. Belirli bir süre bulunmuyor sanırım Netlify’da.

Burakcnnar

Can hocam başka sorum ise oluşturduğumuz etiketlerden herhangi birinde tıklayınca üyelerin tartışma açacağı soru soracağı sayfalar açılıyor ya örnek flarumtr.com’da olduğu gibi.Bana lazım olan herhangi bir oluşturduğum etikete tıklayınca boş bir sayfa açılsın bunun çözümünü biliyormusunuz

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.

« Önceki Sayfa Sonraki Sayfa »