ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ Π‘ΡΠΏΠ΅Ρ ΠΏΠ»Π°Π³ΠΈΠ½ WordPress β info-effect.ru
Β ΠΡΠΈΠ²Π΅Ρ! ΠΡ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ ΡΠ°Π·Π±ΠΈΡΠ°ΡΡ ΡΠ°ΠΌΡΠ΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠ΅ ΠΈ ΡΠ°ΠΌΡΠ΅ ΠΏΠΎΠ»Π΅Π·Π½ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° WordPress! Π‘Π΅Π³ΠΎΠ΄Π½Ρ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅ ΠΎ ΡΡΠΏΠ΅Ρ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΌ ΠΏΠ»Π°Π³ΠΈΠ½Π΅, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ. ΠΡ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΡΠ°Π²Π»ΡΡΡ Π² Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ Π»ΡΠ±ΡΠ΅ Π²ΠΈΠ΄ΠΆΠ΅ΡΡ, ΡΠ΅ΠΊΡΡ, ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, ΡΠΎΡΠΎ, Π²ΠΈΠ΄Π΅ΠΎ, ΡΠΎΡΠΌΡ, html ΠΊΠΎΠ΄.
ΠΡ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π½Π°ΡΡΡΠΎΠΈΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΌΠ΅Π½Ρ ΠΈ Π½Π°ΡΡΡΠΎΠΈΡΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ. ΠΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ Π΄ΠΎ 8 Π²ΠΎΡΡΠΌΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ. ΠΠΎΠΆΠ½ΠΎ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ². ΠΡΠ΅Π½Ρ Π³ΠΈΠ±ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π‘ΡΠΏΠ΅Ρ ΠΌΠ΅Π½Ρ!
Β
Β
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π‘ΡΠΏΠ΅Ρ ΠΏΠ»Π°Π³ΠΈΠ½Β Max Mega Menu Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΡΠΌΠΎ ΠΈΠ· Π°Π΄ΠΌΠΈΠ½-ΠΏΠ°Π½Π΅Π»ΠΈ WordPress. ΠΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ: ΠΠ»Π°Π³ΠΈΠ½Ρ β ΠΠΎΠ±Π°Π²ΠΈΡΡ Π½ΠΎΠ²ΡΠΉ, Π²Π²Π΅Π΄ΠΈΡΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π² ΡΠΎΡΠΌΡ ΠΏΠΎΠΈΡΠΊΠ°, Π½Π°ΠΆΠΌΠΈΡΠ΅ Enter, ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ ΠΈ Π°ΠΊΡΠΈΠ²ΠΈΡΡΠΉΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½.
Β
Β
ΠΠ°Π»Π΅Π΅, ΠΏΠΎΡΠ»Π΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΠΈ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ: Mega Menu.
Β
Β
Β General Settings.
βΒ Click Event Behaviour, ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΏΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅. ΠΠ΄Π΅ΡΡ Ρ Π²Π°Ρ Π½Π° Π²ΡΠ±ΠΎΡ Π΄Π²Π° Π²Π°ΡΠΈΠ°Π½ΡΠ°:
- First click will open a sub menu, second click will close the sub menu, ΠΏΠ΅ΡΠ²ΡΠΉ ΠΊΠ»ΠΈΠΊ ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ, Π²ΡΠΎΡΠΎΠ΅ Π½Π°ΠΆΠ°ΡΠΈΠ΅ Π·Π°ΠΊΡΡΠ²Π°Π΅Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ;
- First click will open a sub menu, second click will follow the link, ΠΏΠ΅ΡΠ²ΡΠΉ ΠΊΠ»ΠΈΠΊ ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ, Π²ΡΠΎΡΠΎΠΉ ΠΊΠ»ΠΈΠΊ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅.
- ΠΡΡΠ°Π²ΡΡΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΌΠ΅Π½ΡΠΉΡΠ΅.
Β
βΒ Mobile Menu Behaviour, ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ,
- Standard β Open sub menus will remain open until closed by the user
, Π‘ΡΠ°Π½Π΄Π°ΡΡ β ΠΎΡΠΊΡΡΡΠΎΠ΅ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ Π±ΡΠ΄Π΅Ρ ΠΎΡΡΠ°Π²Π°ΡΡΡΡ ΠΎΡΠΊΡΡΡΡΠΌ, ΠΏΠΎΠΊΠ° Π΅Π³ΠΎ Π½Π΅ Π·Π°ΠΊΡΠΎΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. - Accordion β Open sub menus will automatically close when another one is opened,Β ΠΠΊΠΊΠΎΡΠ΄Π΅ΠΎΠ½ β ΠΎΡΠΊΡΡΡΡΠ΅ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ Π±ΡΠ΄Π΅Ρ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΡΡ, ΠΊΠΎΠ³Π΄Π° Π΄ΡΡΠ³ΠΎΠ΅ ΠΎΡΠΊΡΡΡΠΎ.
Β
βΒ CSS Output, ΠΎΡΡΠ°Π²ΡΡΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π½Π°Π΄ΠΎ ΠΌΠ΅Π½ΡΡΡ Π·Π΄Π΅ΡΡ.
βΒ Menu Item Descriptions, Π²ΠΊΠ»ΡΡΠΈΡΡ ΠΈΠ»ΠΈ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π΄Π»Ρ ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΌΠ΅Π½Ρ.
βΒ Active Menu Instances,Β ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ΅ΠΌΡ Π±ΡΠ΄ΡΡ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠ΅Π½Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π· Π½Π° ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Π°ΡΠ° ΡΠ΅ΠΌΠ° ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠ΅Π½Ρ ΠΏΠΎΡΠ»Π΅ Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ, Π·Π°ΡΠ΅ΠΌ ΡΠ½ΠΎΠ²Π° Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ. ΠΡΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ, ΡΡΠΎΠ±Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ ΠΌΠ΅Π½Ρ Max Mega Menu ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡ ΠΈΠ· ΡΡΠΈΡ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠΎΠ².
β Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΡΠ΄Π΅Π»Π°Π½Π½ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ.
Β
Β Menu Themes.
βΒ Select theme to edit, Π·Π΄Π΅ΡΡ ΡΠΊΠ°Π·Π°Π½ΠΎ ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ. ΠΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΈ Π²ΡΠ±ΡΠ°ΡΡ Π΄ΡΡΠ³ΠΎΠ΅ ΠΌΠ΅Π½Ρ.
βΒ Theme Title, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ΅ΠΌΡ ΠΌΠ΅Π½Ρ, ΠΎΡΡΠ°Π²ΡΡΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
βΒ Arrow, ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΡΡΡΠ΅Π»ΠΊΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² ΠΏΡΠ½ΠΊΡΠ΅ ΠΌΠ΅Π½Ρ Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌ ΠΌΠ΅Π½Ρ.
βΒ
βΒ Z Index, ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΡΒ Z Index, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
βΒ Shadow, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ΅Π½Ρ ΠΌΠ΅Π½Ρ.
βΒ Hover Transitions, Π²ΠΊΠ»ΡΡΠΈΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΠΏΡΠ½ΠΊΡΡ ΠΌΠ΅Π½Ρ.
βΒ Reset Widget Styling, ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΡΡΠΈΠ»ΠΈ Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠ² Mega Menu.
Β
Menu Bar.
βΒ Menu Height, Π²ΡΡΠΎΡΠ° ΠΌΠ΅Π½Ρ.
βΒ Menu Background, ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΌΠ΅Π½Ρ.
βΒ Menu Padding, ΠΎΠ±ΠΈΠ²ΠΊΠ° ΠΌΠ΅Π½Ρ.
βΒ Menu Border Radius,
βΒ Menu Items Align, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΌΠ΅Π½Ρ.
βΒ Menu Item Background, ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΌΠ΅Π½Ρ.
βΒ Menu Item Background (Hover), ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.
βΒ Menu Item Spacing, ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΌΠ΅Π½Ρ.
βΒ Font, ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΡΠΈΡΡΠ°, ΡΠ²Π΅Ρ, ΡΠ°Π·ΠΌΠ΅Ρ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΡΠ΅ΠΌΠ΅ΠΉΡΡΠ²ΠΎ ΠΈ Ρ.Π΄.
βΒ Font (Hover), ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΡΠΈΡΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.
βΒ Menu Item Padding, ΠΎΠ±ΠΈΠ²ΠΊΠ° ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΌΠ΅Π½Ρ.
βΒ Menu Item Border, ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ.
βΒ
βΒ Menu Item Border Radius, ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠ°Π΄ΠΈΡΡΠ° Π³ΡΠ°Π½ΠΈΡΡ ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ.
βΒ Menu Item Divider, ΡΠ°Π·Π΄Π΅Π»ΠΈΡΠ΅Π»Ρ ΠΌΠ΅Π½Ρ.
βΒ Highlight Current Item, Π²ΡΠ΄Π΅Π»ΡΡΡ ΡΠ΅ΠΊΡΡΠΈΠΉ ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ.
Β
Mega Menus.
βΒ Panel Background, ΡΠ²Π΅Ρ ΡΠΎΠ½Π° Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΠΌΠ΅Π½Ρ.
βΒ Panel Width, ΡΠΈΡΠΈΠ½Π° ΠΎΠΊΠ½Π° Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΠΌΠ΅Π½Ρ.
βΒ Panel Padding, ΠΎΠ±ΠΈΠ²ΠΊΠ°.
βΒ Panel Border, ΡΠ²Π΅Ρ ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ Π³ΡΠ°Π½ΠΈΡ.
βΒ Panel Border Radius, ΡΠ°Π΄ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
βΒ Item Padding, ΠΎΠ±ΠΈΠ²ΠΊΠ° ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ Π² Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅ΠΌ ΠΌΠ΅Π½Ρ.
Β
Widgets.
βΒ Heading Font, ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΡΠΈΡΡΠ° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π²ΠΈΠ΄ΠΆΠ΅ΡΠ° Π² Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅ΠΌ ΠΌΠ΅Π½Ρ.
βΒ Heading Padding, ΠΎΠ±ΠΈΠ²ΠΊΠ° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.
βΒ Heading Margin, ΠΎΡΡΡΡΠΏΡ ΠΎΡ Π³ΡΠ°Π½ΠΈΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π²ΠΈΠ΄ΠΆΠ΅ΡΠ°.
βΒ Header Border, ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π³ΡΠ°Π½ΠΈΡΡ Π±ΠΎΡΠ΄ΡΡΠ°.
βΒ Content Font, ΡΡΠΈΡΡ Π² ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠΈ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ°.
Β
Second Level Menu Items.
βΒ Font, ΡΡΠΈΡΡ ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΌΠ΅Π½Ρ Π²ΡΠΎΡΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ.
βΒ Font (Hover), ΡΡΠΈΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.
βΒ Background (Hover),
βΒ Padding, ΠΎΠ±ΠΈΠ²ΠΊΠ°.
βΒ Margin, ΠΎΡΡΡΡΠΏ.
βΒ Border, Π±ΠΎΡΠ΄ΡΡ, Π³ΡΠ°Π½ΠΈΡΠ°.
Β
Third Level Menu Items. Π’Π΅ ΠΆΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ, ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΌΠ΅Π½Ρ ΡΡΠ΅ΡΡΠ΅Π³ΠΎ ΡΡΠΎΠ²Π½Ρ.
Β
Flyout Menus.
βΒ Menu Background, ΡΠ²Π΅Ρ ΡΠΎΠ½Π° Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΠΌΠ΅Π½Ρ Π²ΡΠΎΡΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΡΡΠ΅ΡΡΠ΅Π³ΠΎ ΡΡΠΎΠ²Π½Ρ.
βΒ Menu Width, ΡΠΈΡΠΈΠ½Π° ΠΌΠ΅Π½Ρ.
βΒ Menu Padding, ΠΎΠ±ΠΈΠ²ΠΊΠ°.
βΒ Menu Border, Π³ΡΠ°Π½ΠΈΡΠ°.
βΒ
βΒ Item Background, ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ.
βΒ Item Background (Hover), ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΏΡΠ½ΠΊΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.
βΒ Item Height, Π²ΡΡΠΎΡΠ° ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ.
βΒ Item Padding, ΠΎΠ±ΠΈΠ²ΠΊΠ° ΠΏΡΠ½ΠΊΡΠ°.
βΒ Item Font, ΡΡΠΈΡΡ ΡΠ΅ΠΊΡΡΠ° Π² ΠΏΡΠ½ΠΊΡΠ΅ ΠΌΠ΅Π½Ρ.
βΒ Item Font (Hover), ΡΡΠΈΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.
βΒ Item Divider, ΡΠ°Π·Π΄Π΅Π»ΠΈΡΠ΅Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
Β
Mobile menu.
βΒ Toggle Bar Designer, Π·Π΄Π΅ΡΡ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ ΠΊΠ°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΌΠ΅Π½Ρ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ .
βΒ Responsive Breakpoint, ΡΠΈΡΠΈΠ½Π° Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π° Π² ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ.
βΒ Toggle Bar Background, ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΊΡΡΡΠΈΡ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ.
βΒ Disable Mobile Toggle, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΠΌΠ΅Π½Ρ.
βΒ Toggle Bar Height, Π²ΡΡΠΎΡΠ° ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ.
βΒ Mega Menu Columns, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ Π² Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅ΠΌ ΠΌΠ΅Π½Ρ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΌ ΡΠ°ΠΉΡΠ΅.
βΒ Menu Background, ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ.
βΒ Menu Item Height, Π²ΡΡΠΎΡΠ° ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ.
Β
Custom Styling. ΠΠ΄Π΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ²ΠΎΠΈ CSS ΡΡΠΈΠ»ΠΈ Π΄Π»Ρ ΠΌΠ΅Π½Ρ.
β Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΡΠ΄Π΅Π»Π°Π½Π½ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ
Β
Β Menu Locations.
βΒ Registered Menu Locations, Π·Π΄Π΅ΡΡ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΌΠ΅Π½Ρ, Π² ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΡΠΎΠΌ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΌΠ΅Π½Ρ. Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΠΎΠ±Π»Π°ΡΡΡ Π΄Π»Ρ ΠΌΠ΅Π½Ρ, Π½Π°ΠΆΠΌΠΈΡΠ΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ β Add another menu location.
Β
Β
ΠΠ±Π»Π°ΡΡΡ ΠΌΠ΅Π½Ρ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π½Π° ΡΠ°ΠΉΡ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΎΡΡΠΊΠΎΠ΄Π° ΠΈΠ»ΠΈ php ΠΊΠΎΠ΄Π°.
Β
Β
ΠΠ° ΡΡΡΠ°Π½ΠΈΡΠ΅: ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ β ΠΠ΅Π½Ρ β Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎΠ±Π»Π°ΡΡΡΠΌΠΈ, Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΌΠ΅Π½Ρ Π΄Π»Ρ ΠΎΠ±Π»Π°ΡΡΠΈ.
Β
Β
Β Tools.
βΒ Cache, Π·Π΄Π΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠΈΡΡΠΈΡΡ ΠΊΡΡ CSS, Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΠΊΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΎΡΠΈΡΠ°Π΅ΡΡΡ ΠΏΡΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΡΠΎΡ
ΡΠ°Π½Π΅Π½ΠΈΠΈ ΠΌΠ΅Π½Ρ.
βΒ Plugin Data, ΡΠ΄Π°Π»ΠΈΡΡ Π²ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Π°, ΡΠΎΡ ΡΠ°Π½ΡΠ½Π½ΡΠ΅ Π² Π±Π°Π·Π΅ Π΄Π°Π½Π½ΡΡ WordPress. Π’ΠΎΠ»ΡΠΊΠΎ Π² ΡΠ»ΡΡΠ°Π΅ ΡΠ΄Π°Π»Π΅Π½ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½Π°!
βΒ Export Theme, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΡΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΠΌΡ ΠΌΠ΅Π³Π° ΠΌΠ΅Π½Ρ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ JSON ΠΈΠ»ΠΈ PHP.
βΒ Import Theme, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΠΌΡ ΠΌΠ΅Π³Π° ΠΌΠ΅Π½Ρ.
Β
ΠΠ°Π»Π΅Π΅, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ: ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ β ΠΠ΅Π½Ρ. Π‘Π»Π΅Π²Π° Ρ Π²Π°Ρ ΠΏΠΎΡΠ²ΠΈΡΡΡ Π²ΠΈΠ΄ΠΆΠ΅Ρ Β«Max Mega Menu SettingsΒ».
βΒ Enable, ΠΏΠΎΡΡΠ°Π²ΡΡΠ΅ Π·Π΄Π΅ΡΡ Π³Π°Π»ΠΎΡΠΊΡ, ΡΡΠΎΠ±Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ ΠΌΠ΅Π³Π° ΠΌΠ΅Π½Ρ.
βΒ Effect, ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΡΡΡΠ΅ΠΊΡ Π΄Π»Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΠΌΠ΅Π½Ρ.
βΒ Theme, ΡΠ΅ΠΌΠ° ΠΌΠ΅Π½Ρ, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
Β
ΠΠΎΡΠ»Π΅ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΌΠ΅Π³Π° ΠΌΠ΅Π½Ρ, Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Π²ΠΈΠ΄ΠΆΠ΅ΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ, ΠΏΠΎΡΠ²ΠΈΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° β Mega Menu. ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π½Π° Π΄Π°Π½Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ, ΡΡΠΎΠ±Ρ Π½Π°ΡΡΡΠΎΠΈΡΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ Π΄Π»Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ.
Β
Β
ΠΠ°Π»Π΅Π΅, Ρ Π²Π°Ρ ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ ΠΎΠΊΠ½ΠΎ. ΠΠ²Π΅ΡΡ Ρ ΡΠΏΡΠ°Π²Π° Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΏΠΎ ΡΠΈΡΠΎΠΊΠΎΠΌΡ ΠΏΠΎΠ»Ρ, ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ Π²ΠΈΠ΄ΠΆΠ΅Ρ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΅Π³ΠΎ Π² ΠΌΠ΅Π½Ρ. ΠΠ²Π΅ΡΡ Ρ ΡΠΏΡΠ°Π²Π° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ ΡΠΊΠΎΠ»ΡΠΊΠΎ Π±ΡΠ΄Π΅Ρ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ Π² Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅ΠΌ ΠΌΠ΅Π½Ρ. ΠΠΈΠ΄ΠΆΠ΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΡΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ ΠΏΠΎ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΠΊΠ°ΠΊΡΡ ΡΠ°ΡΡΡ Π²ΠΈΠ΄ΠΆΠ΅Ρ Π±ΡΠ΄Π΅Ρ Π·Π°Π½ΠΈΠΌΠ°ΡΡ, ΠΏΡΠΈΠΌΠ΅Ρ 1/2 ΠΈΠ»ΠΈ 1/3. ΠΠΌΠΈΡΠ΅ ΠΏΠΎ ΡΡΡΠ΅Π»ΠΊΠ°ΠΌ Π²ΠΏΡΠ°Π²ΠΎ ΠΈ Π²Π»Π΅Π²ΠΎ, ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ ΠΊΠ°ΠΊΡΡ ΡΠ°ΡΡΡ Π±ΡΠ΄Π΅Ρ Π·Π°Π½ΠΈΠΌΠ°ΡΡ Π²ΠΈΠ΄ΠΆΠ΅Ρ.
Β
Β
Π§ΡΠΎΠ±Ρ ΠΎΡΠΊΡΡΡΡ ΠΈ Π½Π°ΡΡΡΠΎΠΈΡΡ Π²ΠΈΠ΄ΠΆΠ΅Ρ, Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² Π½Π΅Π³ΠΎ ΠΊΠ°ΠΊΠΎΠ΅-Π»ΠΈΠ±ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ ΠΈ Ρ.Π΄., ΡΠΏΡΠ°Π²Π° Π² Π²ΠΈΠ΄ΠΆΠ΅ΡΠ΅ Π½Π°ΠΆΠΌΠΈΡΠ΅ Π½Π° Π·Π½Π°ΡΠΎΠΊ ΠΊΠ»ΡΡΠ°. ΠΠ°ΡΡΡΠΎΠΉΡΠ΅ Π²ΠΈΠ΄ΠΆΠ΅Ρ ΠΈ ΡΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ Π΅Π³ΠΎ.
Β
Β
ΠΠ°Π»Π΅Π΅, ΡΠ»Π΅Π²Π° ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ β Settings. ΠΠ΄Π΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ:
β Hide Text, ΡΠΊΡΡΡΡ ΡΠ΅ΠΊΡΡ ΠΈΠ· ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ.
β Hide Arrow, ΡΠΊΡΡΡΡ ΡΡΡΠ΅Π»ΠΊΡ.
β Disable Link, ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΡΡΡΠ»ΠΊΡ.
β Hide item on Mobile, ΡΠΊΡΡΡΡ ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ
ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ
.
β Hide item on Desktop, ΡΠΊΡΡΡΡ ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°Ρ .
β Menu item Align, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠ½ΠΊΡΠ° ΠΌΠ΅Π½Ρ.
β Sub Menu Align, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠ΅Π½Ρ Π²ΡΠΎΡΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ.
β Hide sub menu on Mobile, ΡΠΊΡΡΡΡ ΠΌΠ΅Π½Ρ Π²ΡΠΎΡΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ .
β Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ.
Β
Β
ΠΠ°Π»Π΅Π΅, ΡΠ»Π΅Π²Π° ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ β Icon. ΠΠ΄Π΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ, ΠΊΠΎΡΠΎΡΠ°Ρ Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΡΡΠ΄ΠΎΠΌ Ρ ΠΏΡΠ½ΠΊΡΠΎΠΌ ΠΌΠ΅Π½Ρ.
Β
Β
ΠΡΡ Π³ΠΎΡΠΎΠ²ΠΎ! Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΠΌΠ΅Π½Ρ, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° ΡΠ°ΠΉΡ ΠΈ Π½Π°ΡΠ»Π°ΠΆΠ΄Π°ΠΉΡΠ΅ΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠΌ!
ΠΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅! ΠΠΎΡΠ»Π΅ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΌΠ΅Π³Π° ΠΌΠ΅Π½Ρ, ΡΡΠΈΠ»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΌΠ΅Π½Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΈΠ·ΠΌΠ΅Π½ΡΠ½. ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΡΡΠΈΠ»Ρ ΠΌΠ΅Π½Ρ Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠ°Ρ , Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«Menu ThemesΒ».
Β
ΠΡΡΠ°Π»ΠΈΡΡ Π²ΠΎΠΏΡΠΎΡΡ? ΠΠ°ΠΏΠΈΡΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ! Π£Π΄Π°ΡΠΈ!
Β
ΠΡΠΈΠΌΠ΅Ρ ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ | ΠΠΠ | ΠΠΠ
ΠΡΠΈΠΌΠ΅Ρ ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΠΎΠ΄ Π² ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π½Π΅ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΡΡΠ²Π΅Π½Π½ΡΡ
ΡΡΠ΅Π΄. ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π΄Π»Ρ ΠΊΠ°ΠΊΠΈΡ
-Π»ΠΈΠ±ΠΎ ΡΠ΅Π»Π΅ΠΉ, ΠΏΡΠΎΡΠΈΡΠ°ΠΉΡΠ΅ ΡΡΠΎ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΡ, ΠΏΠΎΡΠ΅ΠΌΡ.
ΠΡΠΎ Π½Π°Π³Π»ΡΠ΄Π½ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ARIA, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠ΅Π³ΠΎ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ ARIA.
- Π Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΡΠ»ΡΡΠ°ΡΡ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΏΡΠΎΠ±Π΅Π»Ρ Π² ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ΅. ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΈ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅/ΡΠ΅Π½ΡΠΎΡΠ½ΡΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²Π°. Π’Π΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π½Π° ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅, ΡΠΎ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΠΌΠΈ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠΌΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ, ΠΏΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π² ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΡΡΠ²Π΅Π½Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΠ°Ρ .
- ΠΡΠΎΠ΅ΠΊΡ ARIA ΠΈ Assistive Technologies ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅Ρ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ Π΄Π»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² APG.
- ΠΠ°Π΄Π΅ΠΆΠ½Π°Ρ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΡ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π° ΠΏΡΡΠ΅ΠΌ Π²ΡΠ±ΠΎΡΠ° ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ, ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠΈΡ
ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ HTML, ΠΈ ΠΏΡΠΈΠ½ΠΈΠΌΠ°Ρ Π²ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ
ΠΠ΅Ρ ARIA Π»ΡΡΡΠ΅, ΡΠ΅ΠΌ Bad ARIA.
ΠΠ± ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅
ΠΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅!
ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΎΠ½Π° ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ Π΄Π»Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΏΠΎ ΡΠ°ΠΉΡΡ, Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎΠ½ΡΡΡ:
- Π¨Π°Π±Π»ΠΎΠ½
ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ
ΡΡΠ΅Π±ΡΠ΅Ρ ΡΠ»ΠΎΠΆΠ½ΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ Π½Π΅ Π½ΡΠΆΠ½Π° Π΄Π»Ρ ΡΠΈΠΏΠΈΡΠ½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΏΠΎ ΡΠ°ΠΉΡΡ, ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½ΠΎΠΉ Π² Π²ΠΈΠ΄Π΅ ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ Ρ ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΠΌΠΈ ΡΠ°Π·Π΄Π΅Π»Π°ΠΌΠΈ ΠΈΠ»ΠΈΠ²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠΌΠΈ ΠΎΠΊΠ½Π°ΠΌΠΈ
. - Π¨Π°Π±Π»ΠΎΠ½ ΡΠ°ΡΠΊΡΡΡΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΉ Π΄Π»Ρ ΡΠΈΠΏΠΈΡΠ½ΠΎΠΉ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΏΠΎ ΡΠ°ΠΉΡΡ Ρ ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΠΌΠΈ Π³ΡΡΠΏΠΏΠ°ΠΌΠΈ ΡΡΡΠ»ΠΎΠΊ. ΠΡΠΈΠΌΠ΅Ρ ΡΠΌ. Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΡΠΈΠΌΠ΅Ρ ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΡΠ°ΡΠΊΡΡΡΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ.
Π‘Π»Π΅Π΄ΡΡΡΠ°Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΡΠ°Π±Π»ΠΎΠ½Π° Menubar Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΠ΅Ρ, ΠΊΠ°ΠΊ ΠΌΠ΅Π½Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ.
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ Π² ΡΡΡΠΎΠΊΠ΅ ΠΌΠ΅Π½Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΠ±ΠΎΠΉ ΡΠ°Π·Π΄Π΅Π» ΠΌΠΈΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ° ΡΠ½ΠΈΠ²Π΅ΡΡΠΈΡΠ΅ΡΠ° ΠΈ ΠΎΡΠΊΡΡΠ²Π°ΡΡ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅Π΅ ΠΏΡΠ½ΠΊΡΡ ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΡΠ»Π°ΡΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π² ΡΡΠΎΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅.
ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½Π°Ρ ΡΠΈΡΡΠ΅ΠΌΠ°, ΠΊΠΎΡΠΎΡΡΡ ΠΎΠ½ ΠΈΠ»Π»ΡΡΡΡΠΈΡΡΠ΅Ρ, ΡΡΠ°Π²Π½ΠΈΠΌΠ° Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π½Π°
ΠΡΠΈΠΌΠ΅Ρ ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΡΠ°ΡΠΊΡΡΡΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ. ΠΠ°ΠΊ ΠΎΡΠΌΠ΅ΡΠ°Π»ΠΎΡΡ Π²ΡΡΠ΅, ΡΠ°Π±Π»ΠΎΠ½ ΡΠ°ΡΠΊΡΡΡΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ Π»ΡΡΡΠ΅ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΈΡ Π΄Π»Ρ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ², ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΡΠ°ΠΉΡΡ Π½ΡΠΆΠ΄Π°ΡΡΡΡ Π² Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ
ΡΡΠ½ΠΊΡΠΈΡΡ
ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ, Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΡΡ
Π΄Π»Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ARIA 9.0022 ΠΌΠ΅Π½Ρ ΠΈ
ΠΌΠ΅Π½Ρ
ΡΠΎΠ»ΠΈ.
ΠΠ½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ Π²ΠΊΠ»ΡΡΠ°ΡΡ:
- ΠΡΠΈΠΌΠ΅Ρ ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°: ΠΏΡΠΈΠΌΠ΅Ρ ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΏΠΎ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ΅ΠΊΡΡΠ°, Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°.
- ΠΡΠΈΠΌΠ΅Ρ ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΡΠ°ΡΠΊΡΡΡΠΈΡ: ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ Π² Π²ΠΈΠ΄Π΅ ΠΏΡΠΎΡΡΡΡ ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠΈΡ ΡΡ ΡΠΏΠΈΡΠΊΠΎΠ² ΡΡΡΠ»ΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΠΈ ΡΠΊΡΡΠ²Π°ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΡΠ°ΡΠΊΡΡΡΠΈΡ.
- ΠΡΠΈΠΌΠ΅Ρ ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΡΠ°ΡΠΊΡΡΡΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΡΠΎ ΡΡΡΠ»ΠΊΠ°ΠΌΠΈ Π²Π΅ΡΡ Π½Π΅Π³ΠΎ ΡΡΠΎΠ²Π½Ρ
ΠΠΈΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ½ΠΈΠ²Π΅ΡΡΠΈΡΠ΅Ρ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ Π΄Π»Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΡΡ ΡΡΡΠ»ΠΎΠΊ
ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π΅ ΠΠΈΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠ½ΠΈΠ²Π΅ΡΡΠΈΡΠ΅ΡΠ°Π‘ΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ
- ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΌΠ΅Π½Ρ, Π·Π°ΠΏΡΡΠΊΠ°ΡΡΠΈΠ΅ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ, ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΡΡ ΡΠΎΠΊΡΡ Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ:
- ΠΠ°ΠΆΠ½ΡΠΌ Π°ΡΠΏΠ΅ΠΊΡΠΎΠΌ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠΊΡΡΠ° ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ ΠΏΡΠΈ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π·Π°ΠΏΡΡΠΊΠ°ΡΡΠ΅Π³ΠΎ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ, ΠΈ ΠΌΠ΅Π½Ρ Π·Π°ΠΊΡΡΠ²Π°Π΅ΡΡΡ.
ΠΡΠ»ΠΈ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π±Π΅Π· Π·Π°ΠΏΡΡΠΊΠ° Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Ρ. Π΅. ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΊΠ°ΠΊ ΡΠΈΠΏΠΈΡΠ½ΡΠ΅ ΠΎΠ΄Π½ΠΎΡΡΡΠ°Π½ΠΈΡΠ½ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎΠΊΡΡΠ° ΠΏΠΎΡΠ»Π΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π²Π»ΠΈΡΠ΅Ρ Π½Π° ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ ΡΠ°Π±ΠΎΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΠΎΠΉ ΠΈ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΠΌΠΈ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠΌΠΈ.
- ΠΡΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ Π²Π΅Π΄Π΅Ρ ΡΠ΅Π±Ρ ΠΊΠ°ΠΊ ΠΎΠ΄Π½ΠΎΡΡΡΠ°Π½ΠΈΡΠ½ΠΎΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΈ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π·Π°Π³ΡΡΠΆΠ°Π΅Ρ Π½ΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅Ρ ΡΠΎΠΊΡΡ Π² Π½Π°ΡΠ°Π»ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ, ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡΠΈΠΌ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ Π°ΠΊΡΠΈΠ²ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΌΠ΅Π½Ρ. Π‘ΠΎΡΡΠ΅Π΄ΠΎΡΠΎΡΠ΅Π½ΠΈΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠΈΡΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π° ΠΎ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΈ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΆΠ΄Π°Π΅Ρ ΠΏΡΠ½ΠΊΡ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΡ.
- ΠΠ»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π΄ΡΡΠ³ΠΈΡ
ΡΡΡΠ°Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ Π²Π΅ΡΠ½ΡΡΡΡΡ ΠΊ ΡΡΡΠΎΠΊΠ΅ ΠΌΠ΅Π½Ρ. Π§ΡΠΎΠ±Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ, Π² ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΡΡΠΎΠΊΠ° ΠΌΠ΅Π½Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΏΠ΅ΡΠ΅Π΄ ΠΎΠ±Π»Π°ΡΡΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π² ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ.
- ΠΠ°ΠΆΠ½ΡΠΌ Π°ΡΠΏΠ΅ΠΊΡΠΎΠΌ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΌΠ΅Π½Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠΊΡΡΠ° ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ ΠΏΡΠΈ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π·Π°ΠΏΡΡΠΊΠ°ΡΡΠ΅Π³ΠΎ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ, ΠΈ ΠΌΠ΅Π½Ρ Π·Π°ΠΊΡΡΠ²Π°Π΅ΡΡΡ.
- Π§ΡΠΎΠ±Ρ ΡΠΎΠΎΠ±ΡΠΈΡΡ, ΡΡΠΎ ΠΊΠ»Π°Π²ΠΈΡΠΈ ΡΠΎ ΡΡΡΠ΅Π»ΠΊΠ°ΠΌΠΈ Π΄ΠΎΡΡΡΠΏΠ½Ρ Π΄Π»Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΠΏΠΎ ΡΡΡΠΎΠΊΠ΅ ΠΌΠ΅Π½Ρ ΠΈ Π΅Π΅ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ, Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ Π³ΡΠ°Π½ΠΈΡΠ°, ΠΊΠΎΠ³Π΄Π° ΡΠΎΠΊΡΡ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π²Π½ΡΡΡΠΈ ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ.
- Π§ΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π½Π°ΠΉΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π·Π°Π³ΡΡΠΆΠ°Π΅Ρ ΡΠ΅ΠΊΡΡΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ ΠΈΠ½Π΄ΠΈΠΊΠ°ΡΠΎΡΡ ΠΏΡΡΠΈ ΠΊ ΡΡΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΌΠ΅Π½Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡΡΡ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ ΠΌΠ΅Π½Ρ Π² ΠΏΡΡΠΈ:
- ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΠΌΠ΅Π½Ρ Π² ΠΏΡΡΠΈ ΠΈΠΌΠ΅Π΅Ρ ΡΠ»ΠΈΡΠΊΠΎΠΌ ΡΠΎΠ»ΡΡΡΡ (4 ΠΏΠΈΠΊΡΠ΅Π»Ρ) Π½ΠΈΠΆΠ½ΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
- ΠΡΠ»ΠΈ ΡΠ΅ΠΊΡΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΌΠ΅Π½Ρ ΡΡΡΠ°Π½ΠΈΡΡ Π²Π»ΠΎΠΆΠ΅Π½ Π² Π±ΠΎΠ»Π΅Π΅ Π³Π»ΡΠ±ΠΎΠΊΠΎΠ΅ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ, ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ Π² ΠΏΡΡΠΈ ΠΈΠΌΠ΅Π΅Ρ ΡΠ»ΠΈΡΠΊΠΎΠΌ ΡΠΎΠ»ΡΡΡΡ (4 ΠΏΠΈΠΊΡΠ΅Π»Ρ) Π»Π΅Π²ΡΡ Π±ΠΎΠΊΠΎΠ²ΡΡ Π³ΡΠ°Π½ΠΈΡΡ.
- ΠΠ°ΠΊΠΎΠ½Π΅Ρ, ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π·Π°Π³ΡΡΠΆΠ°Π΅Ρ ΡΠ΅ΠΊΡΡΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΈΠΌΠ΅Π΅Ρ ΡΠ²Π΅Π»ΠΈΡΠ΅Π½Π½ΡΡ ΡΠΎΠ»ΡΡΡΡ ΡΠ°ΠΌΠΊΡ Ρ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ.
- ΠΠ»Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ Π½Π°ΡΡΡΠΎΠ΅ΠΊ Π²ΡΡΠΎΠΊΠΎΠΉ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ:
- ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ Π²ΠΈΠ΄Π½Ρ Π² Π½Π΅ΠΊΠΎΡΠΎΡΡΡ
ΡΠΈΡΡΠ΅ΠΌΠ°Ρ
Ρ Π²ΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ Π²ΡΡΠΎΠΊΠΎΠΉ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ, ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ Π½Π΅Π»ΡΠ·Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·Π»ΠΈΡΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ ΡΠΎΠΊΡΡ, ΠΈ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ.
ΠΠΌΠ΅ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΠΈ ΡΡΠΎΠΊΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈΠΌΠ΅Π΅Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠ»ΡΡΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΠΈ ΠΌΠ΅Π½ΡΡΠ΅ ΠΎΡΡΡΡΠΏΠΎΠ². ΠΠΎΠ³Π΄Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ»ΡΡΠ°Π΅Ρ ΡΠΎΠΊΡΡ, Π΅Π³ΠΎ Π³ΡΠ°Π½ΠΈΡΠ° ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΡΡΡ Ρ 0 Π½Π° 2 ΠΏΠΈΠΊΡΠ΅Π»Ρ, Π° ΠΎΡΡΡΡΠΏΡ ΡΠΌΠ΅Π½ΡΡΠ°ΡΡΡΡ Π½Π° 2 ΠΏΠΈΠΊΡΠ΅Π»Ρ. ΠΠΎΠ³Π΄Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ΅ΡΡΠ΅Ρ ΡΠΎΠΊΡΡ, Π΅Π³ΠΎ Π³ΡΠ°Π½ΠΈΡΠ° ΠΈΠ·ΠΌΠ΅Π½ΡΠ΅ΡΡΡ Ρ 2 Π΄ΠΎ 0 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, Π° ΠΎΡΡΡΡΠΏ ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°Π΅ΡΡΡ Π½Π° 2 ΠΏΠΈΠΊΡΠ΅Π»Ρ.
- Π§ΡΠΎΠ±Ρ Π·Π½Π°ΡΠΊΠΈ ΡΠΎ ΡΡΡΠ΅Π»ΠΊΠ°ΠΌΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Π΄Π»Ρ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ°Π·Π²Π΅ΡΠ½ΡΡΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΡΠ²Π΅ΡΠ½ΡΡΠΎΠ³ΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ, ΠΈΠΌΠ΅Π»ΠΈ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΡΠΉ ΠΊΠΎΠ½ΡΡΠ°ΡΡ Ρ ΡΠΎΠ½ΠΎΠΌ, ΠΊΠΎΠ³Π΄Π° Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Π²ΡΡΠΎΠΊΠΎΠΉ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΠΈ ΠΈΠ½Π²Π΅ΡΡΠΈΡΡΡΡ ΡΠ²Π΅ΡΠ°, Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ CSS
currentcolor
Π΄Π»Ρ ΡΠ²ΠΎΠΉΡΡΠ²fill
ΠΈstroke
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° SVGpolygon
ΡΠ°Π²Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠΈΠ½Ρ ΡΠΎΠ½ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ²Π΅ΡΠ° Ρ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ. ΠΡΠ»ΠΈ Π΄Π»Ρ ΡΠΊΠ°Π·Π°Π½ΠΈΡΠ·Π°Π»ΠΈΠ²ΠΊΠΈ
ΠΈΡΡΡΠΈΡ Π° 9 ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΡΠ²Π΅ΡΠ°0023, ΡΡΠΈ ΡΠ²Π΅ΡΠ° ΠΎΡΡΠ°Π½ΡΡΡΡ ΡΠ°ΠΊΠΈΠΌΠΈ ΠΆΠ΅ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ Π²ΡΡΠΎΠΊΠΎΠΉ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΠΈ, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ²Π΅ΡΡΠΈ ΠΊ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎΠΌΡ ΠΊΠΎΠ½ΡΡΠ°ΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ Π·Π½Π°ΡΠΊΠΎΠΌ ΠΈ ΡΠΎΠ½ΠΎΠΌ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π·Π½Π°ΡΠΎΠΊ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡΠΌ, Π΅ΡΠ»ΠΈ Π΅Π³ΠΎ ΡΠ²Π΅Ρ ΡΠΎΠ²ΠΏΠ°Π΄Π°Π΅Ρ Ρ ΡΠΎΠ½ΠΎΠΌ ΡΠ΅ΠΆΠΈΠΌΠ° Π²ΡΡΠΎΠΊΠΎΠΉ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΠΈ.
- ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΡ Π²ΠΈΠ΄Π½Ρ Π² Π½Π΅ΠΊΠΎΡΠΎΡΡΡ
ΡΠΈΡΡΠ΅ΠΌΠ°Ρ
Ρ Π²ΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ Π²ΡΡΠΎΠΊΠΎΠΉ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ, ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ Π½Π΅Π»ΡΠ·Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·Π»ΠΈΡΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ ΡΠΎΠΊΡΡ, ΠΈ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ.
- ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΠ°Π½Π΅Π»Ρ ΠΌΠ΅Π½Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ ΡΠ°ΠΉΡΠ°, ΠΎΠ½Π° Π·Π°ΠΊΠ»ΡΡΠ΅Π½Π° Π² ΠΎΠ±Π»Π°ΡΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ, ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
nav
, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠΌΠ΅Π΅Ρ ΠΌΠ΅ΡΠΊΡaria-label
, ΡΠΎΠ²ΠΏΠ°Π΄Π°ΡΡΡΡ Ρ ΠΌΠ΅ΡΠΊΠΎΠΉ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΌΠ΅Π½Ρ.
ΠΠΎΠ΄ΡΡΠ°Π²ΠΊΠ° Π΄Π»Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ
ΠΠ°Π½Π΅Π»Ρ ΠΌΠ΅Π½Ρ
ΠΠ»ΡΡ | Π€ΡΠ½ΠΊΡΠΈΡ |
---|---|
ΠΡΠΎΠ±Π΅Π» ΠΠ²Π΅Π΄ΠΈΡΠ΅ |
|
Π‘ΡΡΠ΅Π»ΠΊΠ° Π²ΠΏΡΠ°Π²ΠΎ |
|
Π‘ΡΡΠ΅Π»ΠΊΠ° Π²Π»Π΅Π²ΠΎ |
|
Π‘ΡΡΠ΅Π»ΠΊΠ° Π²Π½ΠΈΠ· | ΠΡΠΊΡΡΠ²Π°Π΅Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ ΠΈ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅Ρ ΡΠΎΠΊΡΡ Π½Π° ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ. |
Π‘ΡΡΠ΅Π»ΠΊΠ° Π²Π²Π΅ΡΡ | ΠΡΠΊΡΡΠ²Π°Π΅Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ ΠΈ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅Ρ ΡΠΎΠΊΡΡ Π½Π° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ. |
ΠΠΎΠΌ | ΠΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅Ρ ΡΠΎΠΊΡΡ Π½Π° ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² ΡΡΡΠΎΠΊΠ΅ ΠΌΠ΅Π½Ρ.![]() |
ΠΠΎΠ½Π΅Ρ | ΠΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅Ρ ΡΠΎΠΊΡΡ Π½Π° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² ΡΡΡΠΎΠΊΠ΅ ΠΌΠ΅Π½Ρ. |
Π‘ΠΈΠΌΠ²ΠΎΠ» |
|
ΠΠΎΠ΄ΠΌΠ΅Π½Ρ
ΠΠ»ΡΡ | Π€ΡΠ½ΠΊΡΠΈΡ |
---|---|
ΠΡΠΎΠ±Π΅Π» ΠΠ²Π΅Π΄ΠΈΡΠ΅ |
|
ΠΠΎΠ±Π΅Π³ |
|
Π‘ΡΡΠ΅Π»ΠΊΠ° Π²ΠΏΡΠ°Π²ΠΎ |
|
Π‘ΡΡΠ΅Π»ΠΊΠ° Π²Π»Π΅Π²ΠΎ |
|
Π‘ΡΡΠ΅Π»ΠΊΠ° Π²Π½ΠΈΠ· |
|
Π‘ΡΡΠ΅Π»ΠΊΠ° Π²Π²Π΅ΡΡ |
|
ΠΠΎΠΌ | ΠΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅Ρ ΡΠΎΠΊΡΡ Π½Π° ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ. |
ΠΠΎΠ½Π΅Ρ | ΠΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅Ρ ΡΠΎΠΊΡΡ Π½Π° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ. |
Π‘ΠΈΠΌΠ²ΠΎΠ» |
|
Π ΠΎΠ»Ρ, ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ, ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΈ Π°ΡΡΠΈΠ±ΡΡΡ Tabindex
ΠΠΎΡΡΠΎΠΏΡΠΈΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ
Π ΠΎΠ»Ρ | ΠΡΡΠΈΠ±ΡΡ | ΠΠ»Π΅ΠΌΠ΅Π½Ρ | ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ |
---|---|---|---|
Π±Π°Π½Π½Π΅Ρ | ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΎΡ |
| |
Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ | Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ | ΠΠ±ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ ΡΠ΅Π³ΠΈΠΎΠ½, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΌΠΈΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΠ½ΠΈΠ²Π΅ΡΡΠΈΡΠ΅ΡΡΠΊΠ°Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ. | |
aria-label="ΠΠΈΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ½ΠΈΠ²Π΅ΡΡΠΈΡΠ΅Ρ" | Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ | ΠΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠ΅ ΠΈΠΌΡ Π΄Π»Ρ ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠ° Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ , ΠΎΠΏΠΈΡΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΡΠ΅Π»Ρ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ. | |
ΡΠ΅Π³ΠΈΠΎΠ½ | ΡΠ΅ΠΊΡΠΈΡ |
| |
aria-labelledby=" idref " | ΡΠ΅ΠΊΡΠΈΡ | ΠΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ΅Π³ΠΈΠΎΠ½Ρ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠ΅ ΠΈΠΌΡ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° h2 . | |
ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠΈ | Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ» |
|
ΠΠ°Π½Π΅Π»Ρ ΠΌΠ΅Π½Ρ
Π ΠΎΠ»Ρ | ΠΡΡΠΈΠ±ΡΡ | ΠΠ»Π΅ΠΌΠ΅Π½Ρ | ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ |
---|---|---|---|
ΠΏΠ°Π½Π΅Π»Ρ ΠΌΠ΅Π½Ρ | ΡΠ» |
| |
Π°ΡΠΈΡ-ΠΌΠ΅ΡΠΊΠ° = " ΡΡΡΠΎΠΊΠ° " | ΡΠ» |
| |
ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ | ΠΈ |
| |
tabindex="-1" | ΠΈ | ΠΠ΅Π»Π°Π΅Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΈ ΡΠΎΠΊΡΡΠΈΡΡΠ΅ΠΌΠΎΠΉ, Π½ΠΎ Π½Π΅ ΡΠ°ΡΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. | |
tabindex="0" | ΠΈ |
| |
Π°ΡΠΈΡ-ΡΠ΅ΠΊΡΡΠ°Ρ = "ΡΡΡΠ°Π½ΠΈΡΠ°" | ΠΈ |
| |
Π°ΡΠΈΡ-haspopup="true" | ΠΈ | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΌΠ΅Π½Ρ ΠΈΠΌΠ΅Π΅Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ.![]() | |
Π°ΡΠΈΡ-ΡΠ°ΡΡΠΈΡΠ΅Π½Π½Π°Ρ = "ΠΈΡΡΠΈΠ½Π°" | ΠΈ | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ ΠΎΡΠΊΡΡΡΠΎ. | |
ΡΠ°ΡΡΠΈΡΠ΅Π½Π½Π°Ρ Π°ΡΠΈΡ = "Π»ΠΎΠΆΡ" | ΠΈ | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ Π·Π°ΠΊΡΡΡΠΎ. | |
Π½Π΅Ρ | Π»ΠΈ |
|
ΠΠΎΠ΄ΠΌΠ΅Π½Ρ
Π ΠΎΠ»Ρ | ΠΡΡΠΈΠ±ΡΡ | ΠΠ»Π΅ΠΌΠ΅Π½Ρ | ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ |
---|---|---|---|
ΠΌΠ΅Π½Ρ | ΡΠ» | ΠΠ΄Π΅Π½ΡΠΈΡΠΈΡΠΈΡΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΊΠ°ΠΊ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ ΠΌΠ΅Π½Ρ Π΄Π»Ρ Π½Π°Π±ΠΎΡΠ° ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΌΠ΅Π½Ρ. | |
Π°ΡΠΈΡ-ΠΌΠ΅ΡΠΊΠ° = " ΡΡΡΠΎΠΊΠ° " | ΡΠ» |
| |
ΠΏΡΠ½ΠΊΡ ΠΌΠ΅Π½Ρ | ΠΈ |
| |
tabindex="-1" | ΠΈ | Π‘ΠΎΡ
ΡΠ°Π½ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ a Π² ΡΠΎΠΊΡΡΠ΅, Π½ΠΎ ΡΠ΄Π°Π»ΡΠ΅Ρ Π΅Π³ΠΎ ΠΈΠ· ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ Tab . | |
Π°ΡΠΈΡ-haspopup="true" | ΠΈ | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΌΠ΅Π½Ρ ΠΈΠΌΠ΅Π΅Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ.![]() | |
Π°ΡΠΈΡ-ΡΠ°ΡΡΠΈΡΠ΅Π½Π½Π°Ρ = "ΠΈΡΡΠΈΠ½Π°" | ΠΈ | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ ΠΎΡΠΊΡΡΡΠΎ. | |
ΡΠ°ΡΡΠΈΡΠ΅Π½Π½Π°Ρ Π°ΡΠΈΡ = "Π»ΠΎΠΆΡ" | ΠΈ | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ Π·Π°ΠΊΡΡΡΠΎ. | |
Π½Π΅Ρ | Π»ΠΈ |
|
ΠΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ JavaScript ΠΈ CSS
- CSS: ΠΏΠ°Π½Π΅Π»Ρ ΠΌΠ΅Π½Ρ-navigation.css
- Javascript: ΠΏΠ°Π½Π΅Π»Ρ ΠΌΠ΅Π½Ρ-navigation.js
ΠΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ HTML
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ Π² CSS3 ΠΈ HTML
DEMO
ΠΠΎΠ½ΡΠ΅ΠΏΡΠΈΡ
ΠΡΠΎΡΡΡΠ΅ ΠΌΠ΅Π½Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ CSS3 ΠΈ HTML5 ΡΡΠ°Π½ΠΎΠ²ΡΡΡΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΌΠΈ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π²Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ½Ρ JQuery ΠΈΠ»ΠΈ JavaScript Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ. ΠΡ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ, ΠΊΠ°ΠΊ Π±ΡΡΡΡΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΠΎΠ΅ ΡΠΈΡΡΠΎΠ΅ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Ρ Π²ΡΠ΄Π²ΠΈΠ³Π°ΡΡΠΈΠΌΡΡ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ.
ΠΠ΅Π½Ρ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
- Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ.
Π Π°Π·ΠΌΠ΅ΡΠΊΠ° HTML 5
CSSβ
Π ΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠΉ CSS
p, ul, li, div, nav { Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅: 0; ΠΌΠ°ΡΠΆΠ°: 0; } ΡΠ΅Π»ΠΎ { ΡΠ΅ΠΌΠ΅ΠΉΡΡΠ²ΠΎ ΡΡΠΈΡΡΠΎΠ²: Calibri; } #ΠΌΠ΅Π½Ρ { ΠΏΠ΅ΡΠ΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅: Π°Π²ΡΠΎ; Π΄ΠΎΠ»ΠΆΠ½ΠΎΡΡΡ: ΡΠΎΠ΄ΡΡΠ²Π΅Π½Π½ΠΈΡΠ°; z-ΠΈΠ½Π΄Π΅ΠΊΡ: 2; } .ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ΅ ΠΌΠ΅Π½Ρ { ΡΠ²Π΅Ρ ΡΠΎΠ½Π°: #0c8fff; ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½Π°Ρ ΡΠΈΡΠΈΠ½Π°: 200 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ; ΠΏΠ»ΡΡΡ Π½Π°Π»Π΅Π²ΠΎ; } #ΠΌΠ΅Π½Ρ ΡΠ» { ΡΠΈΠΏ ΡΡΠΈΠ»Ρ ΡΠΏΠΈΡΠΊΠ°: Π½Π΅Ρ; } #ΠΌΠ΅Π½Ρ ΡΠ»Ρ Π»ΠΈ Π° { ΠΎΡΡΡΡΠΏ: 10 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ 15 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ; Π΄ΠΈΡΠΏΠ»Π΅ΠΉ:Π±Π»ΠΎΠΊ; ΡΠ²Π΅Ρ:#fff; ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅: Π½Π΅Ρ; } #menu ul li a:hover { ΡΠ²Π΅Ρ ΡΠΎΠ½Π°:#007ee9; }
ΠΠ΅Π½Ρ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎ. Π ΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ ΠΌΠΎΠ³Π»ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π²Π½ΡΡΡΠΈ Π½Π΅Π³ΠΎ. ΠΠ°ΠΌ ΡΠ°ΠΊΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ z-ΠΈΠ½Π΄Π΅ΠΊΡ, ΡΡΠΎΠ±Ρ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ΅ ΠΌΠ΅Π½Ρ Π±ΡΠ»ΠΎ Π½Π°Π΄ ΠΏΠΎΠ΄ΠΌΠ΅Π½Ρ (ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΠΎΠΏΠΈΡΠ°Π½ΠΎ ΠΏΠΎΠ·ΠΆΠ΅). ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΠΎΠ΄ΠΌΠ΅Π½Ρ
#menu ul li:hover > ul { ΡΠ»Π΅Π²Π°: 200 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ; -webkit-transition: ΠΎΡΡΠ°Π»ΠΎΡΡ 200 ΠΌΡ Π΄Π»Ρ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΡ Π²Ρ ΠΎΠ΄Π°; -moz-transition: ΠΎΡΡΠ°Π»ΠΎΡΡ 200 ΠΌΡ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΠ΅; -ms-transition: ΠΎΡΡΠ°Π»ΠΎΡΡ 200 ΠΌΡ Π΄Π»Ρ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΡ Π²Ρ ΠΎΠ΄Π°; ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄: ΠΎΡΡΠ°Π»ΠΎΡΡ 200 ΠΌΡ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΠ΅; } #ΠΌΠ΅Π½Ρ ΡΠ» Π»ΠΈ > ΡΠ» { ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅: Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎΠ΅; ΡΠ²Π΅Ρ ΡΠΎΠ½Π°: #333; ΡΠ²Π΅ΡΡ Ρ: 0; ΡΠ»Π΅Π²Π°: -200px; ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½Π°Ρ ΡΠΈΡΠΈΠ½Π°: 200 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ; z-ΠΈΠ½Π΄Π΅ΠΊΡ: -1; Π²ΡΡΠΎΡΠ°: 100%; -webkit-transition: ΠΎΡΡΠ°Π»ΠΎΡΡ 200 ΠΌΡ Π΄Π»Ρ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΡ Π²Ρ ΠΎΠ΄Π°; -moz-transition: ΠΎΡΡΠ°Π»ΠΎΡΡ 200 ΠΌΡ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΠ΅; -ms-transition: ΠΎΡΡΠ°Π»ΠΎΡΡ 200 ΠΌΡ Π΄Π»Ρ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΡ Π²Ρ ΠΎΠ΄Π°; ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄: ΠΎΡΡΠ°Π»ΠΎΡΡ 200 ΠΌΡ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΠ΅; } #menu ul li > ul li a:Π½Π°Π²Π΅Π΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ { ΡΠ²Π΅Ρ ΡΠΎΠ½Π°:#2e2e2e; }
ΠΠΎΠ΄ΠΌΠ΅Π½Ρ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΎ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎ ΠΈ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅ΡΡΡ Π²Π»Π΅Π²ΠΎ:-200px, ΡΡΠΎ Π·Π°ΡΡΠ°Π²ΠΈΡ Π΅Π³ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Π°ΠΌΠΈ ΡΠΊΡΠ°Π½Π°.