eshopmagic logo
eshop magic
← Zpět na nástroje

Generátor bannerů

Vlož svůj HTML kód banneru, nebo začni od nuly. Obrázek + libovolný počet tlačítek, každé nastavíš zvlášť. Výsledek je jeden blok HTML + CSS, který vložíš přímo do Shoptetu (HTML banner, vlastní HTML sekce) nebo kamkoliv jinam.

↺ Máš tu rozpracovaný banner z minula ().

A Mám hotový HTML kód banneru

Vlož kód (třeba ze Shoptetu). Vytáhnu z něj obrázek, odkazy i všechna tlačítka a každé půjde zvlášť nastylovat.

B Začít od nuly

Zadej obrázek, kolik tlačítek chceš, a vytvořím základ. Pak si tlačítka naklikáš a doladíš v záložkách níže.

🖱️ Levým táhneš, Shift+klik vybere víc tlačítek, šipky posouvají vybraná (Shift = větší krok) Pravým (nebo dvojklik) otevřeš nastavení tlačítka
Nic nevybráno
Obrázek se nepodařilo načíst (špatná URL, nebo server blokuje načtení z jiné domény). Kód bude fungovat, náhled ale ukazuje jen tlačítka.
Obrázek
Použije se na šířce do 768 px přes <picture>.
Umístění tlačítek
Jakmile tlačítko v náhledu přetáhneš, přepne se rozložení na „volně“. Pozice se ukládají v % šířky a výšky banneru, takže se škálují.
V procentech: X = % šířky banneru, Y = % výšky banneru. Tlačítka tak zůstanou na stejném místě obrázku i při jiné šířce.
Mobil
Zmenší písmo i padding, 100 = beze změny.