Ikona HTML Šablony

Připravené HTML šablony s ikonami

Sady ikon lze najít snadno a mnoho z nich je zdarma. Časově náročné je vytvoření bloků kolem nich – kartu za kartou, s nadpisem a řádkem textu pod každým symbolem. HTML šablony s ikonami tuto práci vyřeší za vás. Získáte HTML sekce připravené k úpravám, v nichž jsou ikony již zasazeny do hotových rozvržení.

Čtyři způsoby propojení symbolu s textem

Většina zdejších šablon staví na několika uspořádáních a každé vyhovuje jinému typu obsahu:

• ikona nad nadpisem: osvědčená karta výhod pro řadu stručných bodů;
• ikona vedle odstavce: čitelnější řešení v situaci, kdy každá položka potřebuje jednu až dvě věty;
• mřížka buněk s ikonami pro přehled služeb: často doplněná tlačítkem pod každým popisem;
• kontaktní řádek, kde malý symbol doprovází každé telefonní číslo nebo adresu.

Některé služby nemají zcela jednoznačný symbol. Doručení reprezentuje dodávka a zákaznickou podporu sluchátka, avšak daňové poradenství obvykle končí obecnou ikonou dokumentu, takže hlavní vysvětlení leží na nadpisu. Kontaktní údaje dávají ikoně praktičtější uplatnění. Díky prvku Ikona v textu od Nicepage se ikona vloží přímo do řádku textu a může odkazovat přímo na telefonní číslo či e-mailovou adresu.

Od ukázkového obsahu k exportovanému kódu

V editoru Nicepage můžete ukázkové ikony snadno nahradit vlastními soubory nebo prvky z vestavěné knihovny. Poté přepíšete nadpisy a nastavíte cíl každého odkazu. Po exportu zůstávají HTML soubory připravené k přímým úpravám, takže vývojář může vyměnit SVG, upravit značkování nebo začlenit sekci do stávajícího projektu.

Jedno rozvržení karet může na jedné stránce prezentovat služby a na jiné jednotlivé kroky registrace. Mění se pouze ikona, nadpis a text uvnitř každé karty. Sekce jsou responzivní, takže řada karet s ikonami se na telefonu přirozeně přeuspořádá a symboly zůstanou dobře čitelné.

Počet položek promyslete předem

Vycházejte ze svých skutečných podkladů a z toho, jaký prostor každý bod vyžaduje. Mřížka navržená pro stručné výhody působí nesourodě, pokud jedna karta obsahuje celý odstavec, a kontaktní blok vytvořený pro tři kanály zanechá prázdné místo, uvedete-li pouze dva. Rozhodněte se včas, zda položky vyžadují odkaz nebo tlačítko, protože jejich dodatečné vkládání do kompaktní karty zřídka vypadá přirozeně. Pro prostý výčet předností může zcela postačit seznam s ikonami a odrážkami ve formátu SVG. Vzhledem k tomu, že exportovanou sekci lze použít v existujícím projektu, můžete si bez obav vybrat šablonu kvůli jedinému kvalitnímu bloku kontaktů či služeb a zbytek vynechat.