Tvůj hlavolam, na tvé stránce, s tvým jménem.

Jeden iframe vloží aktivitu přímo do tvého webu, CMS nebo LMS. Bez cizí značky — žádné hlavičky, žádné patičky, žádné logo Puzzel uvnitř rámu.

Funguje v jakémkoli CMS nebo LMS Žádné logo Puzzel v rámu Výsledky se pořád sledují

iframe · 600px × 900px Křížovka

V rámu nikde nestojí Puzzel. 600px × 900px

Tarif Vkládání je součástí každého placeného předplatného. Zobrazit tarify

Generátor kódu pro vložení

Nastav to tady, vlož to tam.

1 · Jaká aktivita

2 · Velikost rámu

Šířka Výška

Responzivní šířka

Rám vyplní svůj kontejner — šířka 100% místo pevných pixelů

Pevná šířka. Pokud má stránka fungovat i na mobilech, zapni responzivní šířku.

3 · Náhled vzhledu

Barvy pochází z vlastního nastavení stylu aktivity, takže hlavolam působí jako součást tvého webu.

Tvůj kód pro vložení

<div>
<iframe src='https://puzzel.org/cs/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>

Šířku a výšku uprav podle potřeby — platnou hodnotou je i 100%.

Uprav aktivitu později a každá stránka, která ji má vloženou, se sama aktualizuje.

Tento úryvek kódu používá skutečnou ukázkovou aktivitu, takže ho můžeš vložit hned teď.

Krok 1

Vytvoř ji jako obvykle v editoru. Tlačítko 'Použít moji aktivitu' ti dá kód pro vložení — souboru se nikdy nedotkneš.

Krok 2

Nastav velikost, která sedí tvému rozvržení, a vlož úryvek kódu do HTML své stránky.

Krok 3

Nastyluj aktivitu v editoru — její barvy a písma se přenesou i do rámu, takže bude působit jako součást tvého webu.

Vyzkoušej, než si předplatíš

Vlož tohle na testovací stránku a uvidíš, jak se rám chová v tvém rozvržení. Je to skutečný, hratelný hlavolam — bez potřeby účtu.

<div>
<iframe src='https://puzzel.org/sl/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>

Otestováno v

WordPress custom HTML block

Google Sites embed → code

Moodle HTML editor

Canvas LMS rich content editor

Squarespace / Wix embed element

Blokuje to tvůj CMS? Vlož úryvek kódu do bloku pro čisté HTML nebo vložený obsah místo pole s formátovaným textem.

Vidí hráči Puzzel vůbec?

Ne. Vložená aktivita nemá cizí značku — žádné logo, žádnou hlavičku, žádnou patičku. Celý zážitek je tvoje stránka.

Co když je hlavolam useknutý?

Zvyš výšku, nebo použij šířku 100%, aby rám sledoval tvůj sloupec místo pevné hodnoty v pixelech.

Funguje to na mobilech?

Ano. S responzivní šířkou se aktivita přeuspořádá a dotykové ovládání funguje stejně jako na puzzel.org.