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.

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.

Java script sayfalara entegre nasıl edilir ?

NightKing

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.

Burakcnnar

NightKing sadece icon ve emojiler mevcut orayı mı diyorsunuz

NightKing

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

Burakcnnar

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

fakat ekleyemiyorum ondan bahsediyorum

NightKing

Burakcnnar Anladım hocam. Ben sayaç yapacaksınız zannettim sadece. Bahsettiğiniz olaya yarın bakacağım şu anda mobildeyim.

Burakcnnar

NightKing teşekkürler cok iyi olur

NightKing

Burakcnnar siz tam ne yapmak istediğinizi açık dille yazarsanız şimdiden daha iyi olur. Ne yapmaya çalıştığınızı hala anlayabilmiş değilim çünkü.

Can

NightKing Pages eklentisinde bu codepen linkindeki sayfayı HTML aktif et seçeneği ile göstermek istiyor. Kendisine embed yardımı ile göstermesini tavsiye ettim. Ama tatmin etmedi sanırım.

Daha önce ben eklemeyi denedim fakat sayfa bozuluyor. Siz yarın daha dinç bir şekilde bakabilirsiniz yinede @NightKing .

Burakcnnar

NightKing yukarıdaki resimde olduğu gibi html-css-.js kodlarını oluşturduğum sayfaya (fof pages ile) içerik olarak atmak istiyorum.

kodların çıktısı bu. fakat sayfamda çalışmıyor

Burakcnnar

Can denemeniz yeter saolun sizede

Can

Burakcnnar JS ve CSS kodlarınızı <script> ve <style> kodları yardımı ile tek bir html üzerinde toplayın. ( projeyi export ederek dist klasörüne göz gezdirin. )

HTML aktif et seçeneği ile kodlarınızı Pages uzantısındaki sayfanıza eklemeyi deneyin.

Can

Burakcnnar https://flarumtr.com/d/3011-site-mapi-nasil-html-den-degistiririm/10

Buna değinmiştim bir önceki tartışma konumuzda. Tüm mesajları ve <script> <style> kodları kullanım örnekleri de vermiştim. Kendim taraflı deneyince sayfa bozuluyordu. O anki ruh halime bağlı olarak bazı şeyleri yanlış yapmış olabilirim. Siz isterseniz tekrar bi deneyin.

Burakcnnar

Can yok malesef bende de aynı oluyor

Can

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>

Burakcnnar

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

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 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.

Sonraki Sayfa »