Как создать строку меню, подобную CKEditor

#javascript #css #ckeditor #menubar

#javascript #css #ckeditor #панель меню

Вопрос:

Я пытаюсь создать строку меню, подобную ckeditor или TinyMCE . Любая идея, как спроектировать, поскольку у меня достаточно знаний, CSS and JS чтобы я мог сделать это самостоятельно, но не получаю никакой подсказки, потратив столько времени на CKEditor с помощью firebug console.

введите описание изображения здесь

1. если вы используете CKEditor с помощью firebug console, вы не сможете легко понять, о menu bar чем я спрашивал

2. На самом деле это не вопрос — он слишком, слишком широкий. С каким аспектом этого у вас есть проблемы?

3. Как сказал Пекка, не могли бы вы уточнить, с какой частью дизайна у вас возникли проблемы? На этом скриншоте многое происходит; значки, фоны, выпадающие списки (и, вероятно, эффекты наведения курсора мыши и наведения курсора мыши)

4. @RichardEv, поскольку я прикрепил одно изображение, принадлежащее menubar CKEditor, и я хотел создать такую же строку меню, но она слишком сложна для понимания CSS для меня, поэтому я подумал спросить, знает ли кто-нибудь об этом.

Ответ №1:

Я бы посоветовал вам взглянуть на обычные методы меню навигации — т.Е. Создать список со ссылками — вы можете оформить список изображениями или выпадающими меню по своему усмотрению … проверьте список отдельно для списков горизонтального стиля -> http://www.alistapart.com/articles/horizdropdowns

1. Спасибо ManseUK, я разработал обычное навигационное меню, но меню ckeditor намного красивее, чем у меня. но не понимаю, как они на самом деле спроектированы. в любом случае спасибо

2. @user575363 для оформления изображений я предлагаю другой ответ от bibhaw — это путь

3. Спасибо, МансеУК, данная вами ссылка очень помогла мне понять дизайн меню. Большое спасибо…