01
HTML
KAYNAK
Kodunuzu düzenleyin
Tahmini kod boyutu: 0 KB
HTML dosyası seçilmedi · İsterseniz .html / .htm dosyasını doğrudan yükleyebilirsiniz.
1
AKILLI KOD ANALİZİ
Kod içindeki özellikler
Kod yapıştırıldığında türü ve mevcut özellikleri burada görünecek.
Henüz analiz edilecek kod yok.
DEMO KORUMASI / SÜRELİ KULLANIM
Süreli demo ayarları
Demo koruması kapalı. İçerik süre sınırı olmadan çalışır.
Demo korumasını etkinleştir
Belirlenen tarih/saat geçince embed içeriği seçilen davranışla pasif hâle gelir.
Foramind logosu göster
Süre doldu ekranına Foramind logosu ekler.
🫧Bulanıklık yüzdesi
Görsel yok
Bu koruma statik HTML içinde çalışır; teknik bilgisi olan kişiler kodu değiştirerek aşabilir. Demo paylaşımı için caydırıcı ve pratik bir koruma katmanı sağlar.
GÖRÜNÜM AYARLARI
Görsel base64 olarak gömülmez; kodda yalnızca görsel adresi tutulur.
Şeffaf arka planEmbed çevresindeki zemini kaldırır
Tam ekran kontrolüSağ alt köşeye büyüt / küçült butonu ekler
Uygulama iframe alanıyla birlikte ölçeklensin
İçerik, seçtiğiniz iframe alanına bütüncül şekilde büyüyüp/küçülür.
Panel yüksekliği akıllı olsun
Sabit panel boşluklarını azaltır; içerik uzarsa iç kaydırma yalnızca gerektiğinde görünür.
Yazı / alan seçimini engelle
Zihin haritasında sürüklerken mavi seçim alanının oluşmasını önler.
Iframe'e dönüştür
Kopyalanan çıktıyı tek bir iframe srcdoc kodu olarak üretir; dış platformlarda CSS/JS çakışmalarını azaltır.
Özel kenarlık
Iframe alanına kenarlık, renk ve köşe yuvarlaklığı ekler.
Kapak ekranında kenarlık gösterKapalıysa kenarlık yalnızca uygulama açıldıktan sonra görünür.
▭Kenarlık kalınlığı
◜Köşe yuvarlaklığı
Cover sayfasıEtkinliği logolu bir açılış ekranıyla başlatır
🔎Kapak orta içerik ölçeği
↔️Orta içerik yatay konumu
↕️Orta içerik dikey konumu
Foramind/logo yazılarına gölge verGölge yalnızca kapak ortasındaki logo, yazı ve buton içeriğinin arkasına uygulanır.
İçerik gölge gücü
Powered by yazısını gösterKapak altındaki Foramind imzasını açıp kapatır.
🔠Yazı büyüklüğü
🏷️Powered ölçeği
↔️Yatay konum
↕️Dikey konum
Kapak görseli yok
🖼️Kapak görseli ölçeği
↔️Yatay konum
↕️Dikey konum
Kapak arka planı şeffafAçık/koyu mod yazı davranışı korunur; sadece görsel dışındaki kapak zemini şeffaflaşır.
Görsele akıllı gölge verGölge yalnızca görselin opak kısımlarını takip eder; şeffaf alanlara kutu gölgesi vermez.
🌘Görsel gölge gücü
Görseli karartYazıları daha belirgin kılmak için yalnızca görselin opak kısımlarını karartır; şeffaf alanlara etki etmez.
🌑Karartma gücü
Kapatma butonu ekleUygulama açıkken butona basınca içerik tamamen deaktif olur ve kapak ekranına döner.
Cover teması
Genişlik
Yükseklik
01
FORAMIND PAYLAŞIMI
Zihin haritanızı embed'e dönüştürün
Paylaşım linkinizi yapıştırın; kapak ekranı, tam ekran deneyimi ve kullanıma hazır iframe kodu otomatik oluşsun.
Tahmini kod boyutu: 0 KB
Kapak yazılarını düzenle
Foramind grubundaki küçük yazı, başlık ve buton metnini özelleştirir.
FORAMIND KAPAK AYARLARI
Base64 yerine doğrudan görsel linki kullanır; zihin haritası datasının şişmesini önler.
🔎Kapak orta içerik ölçeği
↔️Orta içerik yatay konumu
↕️Orta içerik dikey konumu
Foramind/logo yazılarına gölge verGölge yalnızca kapak ortasındaki logo, yazı ve buton grubuna uygulanır.
İçerik gölge gücü
Kapak görseli yok
🖼️Kapak görseli ölçeği
↔️Yatay konum
↕️Dikey konum
🫥Görsel şeffaflığı
Kapak arka planı şeffafSadece görsel dışındaki kapak zemini şeffaflaşır.
Görsele akıllı gölge verGölge yalnızca görselin opak kısımlarını takip eder.
🌘Görsel gölge gücü
Görseli karartYazıları belirginleştirmek için görselin opak kısımlarını karartır.
🌑Karartma gücü
Powered by yazısını gösterKapak altındaki imzayı açıp kapatır.
🔠Yazı büyüklüğü
🏷️Powered ölçeği
↔️Yatay konum
↕️Dikey konum
Kapatma butonu ekleHarita açıkken iframe kapanır ve kapak ekranına döner.
KAPAK TEMASILogoya uygun açık veya koyu görünüm
Özel kenarlıkZihin haritası iframe alanına kenarlık, renk ve köşe yuvarlaklığı ekler.
Kapak ekranında kenarlık gösterKapalıysa kenarlık yalnızca harita açıldıktan sonra görünür.
▭Kenarlık kalınlığı
◜Köşe yuvarlaklığı
IFRAME DAVRANIŞI
BOYUTLAR
Harita iframe alanıyla birlikte ölçeklensin
Harita alanı farklı boyuta yerleştiğinde içerik bütüncül şekilde büyüyüp/küçülür.
Yazı / alan seçimini engelle
Haritayı sürüklerken kapak üzerinde mavi seçim alanı oluşmasını önler.
Genişlik
Yükseklik
TAŞINABİLİR EMBED KODULogo ve stil dahil
01
GÖRSEL ETKİLEŞİM
Görsel tetikleyici buton oluşturun
Tahmini kod boyutu: 0 KB
Yeni tetikleyici
◇
Henüz tetikleyici yok
Kaydedince burada görünecek.
BUTON GÖRSELİ
ORTAYA ÇIKACAK GÖRSEL
GÖRSEL FLASHCARD DESTESİ
Belirecek görsel yerine kayıtlı Görsel Kart Destesi kullanBu modda yalnızca tıklayınca belirme çalışır ve seçtiğiniz deste ekranda kalır.
Desteyi seçtiğinizde butona tıklanınca bu deste belirecek, tekrar tıklayınca kaybolacaktır.
Görsel deste ölçeği
NORMAL FLASHCARD DESTESİ
Belirecek görsel yerine kayıtlı Flashcard Destesi kullanBu modda seçtiğiniz normal flashcard destesi butona tıklayınca görünür.
Desteyi seçtiğinizde butona tıklanınca bu flashcard destesi belirecek, tekrar tıklayınca kaybolacaktır.
Flashcard deste ölçeği
KAYITLI IFRAME PROJESİ
Belirecek görsel yerine kayıtlı iframe projesi kullanBu modda seçtiğiniz iframe projesi butona tıklayınca görünür.
Projeyi seçtiğinizde butona tıklanınca bu kayıtlı iframe içeriği belirecek, tekrar tıklayınca kaybolacaktır.
Iframe proje ölçeği
ÇOKLU GÖRSEL AKIŞI
Tıklayarak gösterimde her tık bir sonraki görsele geçer, son tıkta görseller kapanır. Basılı tutma ve hover davranışlarında buton üzerinde sağ-sol hareket görseli değiştirir.
Yuvarlak ilerleme göstergesiBirden fazla görselde buton altında siyah-beyaz küçük ilerleme noktaları gösterir
DAVRANIŞ VE KONUM
Otomatik alan
Iframe alanı yalnızca buton ve belirecek görselin kapladığı kadar hesaplanır.
Buton-görsel mesafesi
Mind map dalı ekleGörsel belirdiğinde buton ile görsel arasında kıvrımlı dal gösterir
Kıvrımı demo ekranından da ayarlayabilirsin
Kesikli alan içindeki küçük nokta dalın kıvrımını değiştirir.
Dal inceliği
Dal kıvrımı
Bilgilendirme yazısı ekleButonun üstüne veya altına kısa bir açıklama ekler
Yazı puntosu
Buton-yazı mesafesi
Yazı alanı
BOYUTLAR
Alan boyutu otomatik
Genişlik ve yükseklik; buton ölçüsü, ortaya çıkacak görsel ölçüsü ve seçilen görsel konumuna göre otomatik hesaplanır. Boş stage alanı üretilmez.
Otomatik
Belirecek alanı manuel seçDemo ekranındaki kesikli alanı tutup büyüt/küçült; ölçü koda yansır
Manuel alan genişliği
Manuel alan yüksekliği
Iframe alanıyla orantılı büyü/küçülKod iframe boyutuna göre %100 uyumlu ölçeklenir
Yatay overflow kapalıYatay kaydırma çubuğunu engeller
Dikey overflow kapalıDikey kaydırma çubuğunu engeller
Buton genişliği
Buton yüksekliği
Görsel genişliği
Görsel yüksekliği
ETKİLEŞİM EFEKTLERİ
Hover büyümesiİmleçte büyüme ve hafif yükselme
Hareket büyüklüğü
Hareket hızı
ParlamaSeçilen parlama türünü aktif eder
Gölgeleri alana dahil etButon ve görsel gölgelerinin iframe içinde kesilmesini önler
TAŞINABİLİR GÖRSEL TETİKLEYİCİ KODUŞeffaf zemin
01
İÇERİK VE TASARIM
Flashcard destenizi oluşturun
Tahmini kod boyutu: 0 KB
Desteye kapak ekle
Deste ile aynı büyüklükte tek yüzlü bir kapak gösterir; çevirince desteye geçer.
Kapak görseli yok
KART TÜRÜ
Ön/arka yüz klasik çevirme mantığıyla çalışır. Tek yüz modunda karta tıklanınca arka yüze dönmeden 3D geçişle sıradaki karta geçilir.
Seçim yalnızca Tek Yüz modundayken kullanılır. Ön/arka yüz modunu değiştirmez.
AKTİF KART RENKLERİ
AKTİF KART ÖZEL TASARIMI
Bu kart için mevcut genel tasarımı kaydeder. Sonrasında diğer kartlara geçip farklı tasarım kaydedebilirsin.
Yüz sekmeleriÖn ve arka yüzde birden fazla içerik sekmesi
oluşturur
SEKME TASARIMI
ÖN YÜZ
Görsel: dosya veya link
Görsel yok
ARKA YÜZ
Görsel: dosya veya link
Görsel yok
TİPOGRAFİ
Genel punto
AKTİF KART PUNTO AYARI
Her kartın ön yüz ve arka yüz puntosunu ayrı belirleyebilirsin. Boş bırakıldığında genel punto değeri kullanılır.
Bu kart · ön yüz
Bu kart · arka yüz
Harf aralığı
Satır aralığı
Yazı kenarlığı
KART BOYUTU VE YERLEŞİM
Genişlik
Yükseklik
En-boy oranını koru
İşaretlendiğinde mevcut kart oranı korunarak genişlik/yükseklik ayarlanır
Iframe alanıyla orantılı büyü/küçülSeçilen alan oranını koruyarak iframe boyutuna göre ölçeklenir
Iframe alanını manuel düzenleDemo ekranındaki kesikli alanı elle büyütüp küçültür
Manuel alan genişliği
Manuel alan yüksekliği
Yatay overflow kapalıYatay kaydırma çubuğunu engeller
Dikey overflow kapalıDikey kaydırma çubuğunu engeller
GÖRSEL DAVRANIŞI
Ön yüz görseli
Açık arka plan paneli
Görselin altında hafif açık zemin gösterir
Görsel alanı
Kapak şeffaflığı
Arka yüz görseli
Açık arka plan paneli
Görselin altında hafif açık zemin gösterir
Görsel alanı
Kapak şeffaflığı
RENK, KENARLIK VE EFEKT
Kalınlık
Gradyan kartİki kart rengini harmanlar
Şeffaf dış zeminKart dışındaki alanı kaldırır
Foramind logosuKonumu ve açık/koyu görünümü seçilebilir
3D çevirmeKart ön/arka yüz arasında döner
NAVİGASYON VE AÇIKLAMA
Sadece kartı gösterAçıklama, oklar ve kart sayısını kaldırır
Gölge/parlama payını hesaba katSadece kart modunda efektlerin kesilmesini önler
ÖĞRENME MODU VE SES
Süreli öğrenme moduBaşlangıçta No limit, 3, 5 veya özel saniye
seçtirir
Başlangıç ekranı tasarımıÖğrencinin süre seçtiği ekran
CANLI DEMODA GÖRÜNÜR
Sesli okuma butonuKart metnini English UK sesiyle okur
Tarayıcıdaki en doğal en-GB ses otomatik seçilir.
8-bit geçiş sesleriÖn ve arka yüz seslerini ayrı seçin
Uyarlanabilir tekrar moduAgain, Not sure ve Good seçimleriyle kartları yeniden
sıraya alır
Bu mod süreli öğrenme modu ile aynı anda kullanılamaz.
Bitiş ekranı tasarımıUyarlanabilir tekrar sonunda görünen ekran
STUDY AGAIN AKTİF
TAŞINABİLİR FLASHCARD KODUTüm kartlar ve görseller dahil
01
GÖRSELLERDEN FLASHCARD
Görsel kart destesi oluşturun
Tahmini kod boyutu: 0 KB
DESTE TÜRÜ
Iframe alanıyla orantılı büyü/küçülKod iframe boyutuna göre %100 uyumlu ölçeklenir
KARTLAR VE GÖRSELLER
Kartların sırasını değiştirmek için aşağıdaki kartları sürükleyin.
Linkle eklenen görseller base64 olarak gömülmez; kodda yalnızca görsel adresi tutulur.
Flip modunda arka yüze linkli görsel ekler; linkler kod boyutunu düşük tutar.
ALAN VE KART BOYUTU
Alan genişliği
Alan yüksekliği
Deste alanını şeffaf yapAlan zemini görünmez olur, görselin şeffaflığı korunur
Deste alanını yok etIframe doğrudan kart boyutuna iner ve alan fazlalığı kalkar
Görsel boyutu
Görsel X
Görsel Y
Iframe alanını manuel düzenleDemo çerçevesini sürükleyerek kaplayacağı alanı ayarla
Manuel genişlik
Manuel yükseklik
İLERLEME ŞERİDİ
İlerleme şeridi gösterKartlar arasında nerede olduğunu gösterir
Şerit kalınlığı
Şerit genişliği
OVERFLOW VE SES
Yatay overflow kapalıYatay kaydırma çubuğunu engeller
Dikey overflow kapalıDikey kaydırma çubuğunu engeller
8 bit ses kullanKart geçişlerine retro ses ekler
TAŞINABİLİR GÖRSEL KART KODUGörseller dahil
01
URL
GÖRSEL LİNK YARDIMCISI
HTML / BBCode içinden direkt görsel linki çıkarın
ImgBB veya benzer servislerden aldığınız HTML / BBCode paylaşım kodunu buraya yapıştırın. Sistem kodun içindeki doğrudan görsel adresini ayıklar; böylece iframe uygulamalarında base64 yerine hafif bir link kullanabilirsiniz.
1. ADIM
ImgBB'yi aç
Kaynak kodu yapıştırın
HTML embed, BBCode, Markdown veya doğrudan görsel linki desteklenir.
2. ADIM
Ayıklanan direkt görsel linki
HTML veya BBCode yapıştırıldığında direkt görsel linki burada görünecek.
Algılanan kaynak
Bekleniyor