Поиск...


Как сделать меню для сайта

рейтинг:

Как сделать меню для сайта


Вставая перед такой задачей бегу сразу в поиск технологий и вдохновения на зарубежные сайты и блоги. На нашем блоге уже не раз публиковались уроки о том, как создать меню для сайта. Я так поняла, что мне нужно покапаться в цсс самого плагина, но что только я уже не делала не получается сдвинуть это меню. Это приводит к потере посетителя, и он среди общей массы ссылок не может найти самые необходимые ему ссылки.

Но для того чтобы что-то продавать на своем сайте нужно сначало его создать, чем мы сейчас и занимаемся. Сейчас оно в строительстве практически не используется. Как сделать красивое меню для сайта, хорошо индексируемое поисковиками. Это возможно осуществить, разместив в качестве фрагментов меню фотографии с их результатом. При создании сайта многие сталкиваются с вопросом создания меню для сайта, где будут располагаться ссылки на различные разделы вашего сайта. Естественно заново рисовать меню и прописывать стили мы не будем. На левой стороне найдите кнопку Templates и нажмите на нее.

Как сделать меню для сайта


И так как меню - это спико тегов, соответственно надо использовать именно список. Ваши записи автоматически перенесутся в меню боковой панели. Достаточно курсору попасть на вкладку и разворачивается полный список страниц. Я сделала выпадающее меню с помощью плагина Drop-down Menu, очень удобная вещь, но есть маленькая заминка. Мы трансформируем данную концепцию для онлайн магазина, чтобы представлять товары в разных категориях. У меня на сайте есть подобное меню, встроенное непосредственно в тему. Как сделать чтоб переходы получились при нажатии?

Как сделать меню для сайта






Прочитай Легкий способ бросить курить Аллена Карра. Чтобы сократить до минимума количество данных попыток и сделать их максимально результативными и родилась идея написать статью о том, как быстро бросить курить.





Смотрите еще:

Как добавить меню сайта
Как добавить меню сайта
Как изменить меню сайта
Как изменить меню сайта
Как добавить пункт меню
Как добавить пункт меню




NKVD
Получается то, как вы предлагаете сделать не будет автообновляться, если меню сайта на joomla пополнится новыми пунктами и нужно будет повторять описанную процедуру, чтобы отобразились новые пункты меню. Я правильно понял? т.е. это некий код, не связанный с объектом меню создаваемым в админ панели Joomla.
Xylugn
Код для вывода меню вставить в файл header.php.
SNR
Отметьте, что кнопка Download появляется только после регистрации на онлайн сервисе Pure CSS Menu.
xDruGg
Огромное спасибо!!!!!!!! выручили!
MoRoZoFF
Читать код выравненный по центру ужасно (
blackky
Это самописный скрипт.
koiuw
Полезная статья, попадает в интересные ссылки. Но можно было сделать проще: выводить список категорий с помощью функции wp_list_categories и при добавлении/удалении рубрик не придется руками править выпадающую менюшку. Наверное напишу у себя на блоге, как это сделать.
koshmarJkeeee
И еще, можно ли такое меню добавить в сайдбар?
nDg
Меню классное! Посмотрите еще один урок (ссылка ниже), очень прикольное меню!Тут урок как сделать классное Анимированное меню с выскальзывающим текстом и иконкой http://ileson.ru/lesson.php?rub=6 id=50
fyzzy
Евгений, вместо значка # в ненумерованном списке пишите URL ссылки (той html странички, на которую нужен переход из данного пункта меню)
WildWildWest
Создал меню скачал zip файл распаковал.Затем проделал все операции которые указаны для Joomla внизу статьи указал правильное место модуля в шаблоне.Но вместо выпадающего меню получил в шапке сайта весь код написанный на html (который я вставлял)Как решить проблему ?
KNiko
Доброго времени суток!1.зарегистрировался http://purecssmenu.com/2.Создал меню на сайте http://purecssmenu.com/3.скачал архив, распаковал его.4.скопировал код и...а в какую часть кода (в моей таблице стилей) вставлять скопированный код?У меня то размещение менюшек скакать начинает, то вообще ничего не происходит ((Подскажите пожалуста.Заранее благодарен.
HunTLsk
Благодарю за ответ.. А мастер-класс по нему не планируете? С разумными разъяснениями или только за оплату?
Excte
А мне не прислали файл с Html, а только лишь папку с картинками ЧТО ДЕЛАТЬ?
Orange
Спасибо! Материал очень доступно изложен, статью можно в книжку по CSS загонять ))
SmoyK
Спасибо за статейку, знакомство с joomla начал с вашего ресурса. Есть вопрос, при вставке пользовательского текста, выпадающая менюшка получается с раскрытыми подменю и, соответственно, на сайте отображается так же.Со стандартным выпадающим меню та же проблема, ставлю галку не раскрывать подменю, все равно все раскрыто. В чем может быть дело?
Wolfz
Для динамической структуры сайта такое выпадающее меню пригодно? Или там жестко задаются значения?
vsar
у меня никакое меню не отображается, только последняя строчка CSS Drop Down Menu by PureCSSMenu.com. Что делать не знаю, замучилась уже с этими подкатегориями.В шаблоне, который установила на сайт, они не прописаны, сама сделать не могу((
TTha
Можно, только зачем?
Kreved
Спасибо! Ваша помощь просто неоценима, если что не понятно всегда к вашим материалам обращаюсь.
demonc
небольшая проблемка с purecssmenu... на главной странице меню отображается не полностью и при наведении не раскрывается. если перейти на любую другую страницу сайта, то меню полностью функционирует, но происходит смещение на строку вверх. подскажите как можно это исправить?
demenik
Ужасный урок!! Так запутанно, я уже три часа вмыкаю...
frester
рис. 1рис. 2На рис. 1 мы будем выбирать пункты отвечающие за определенные действия с данным меню, а на рис. 2 мы будем задавать цвет данным действиям. Здесь я не буду на примере показывать конкретный пример, так как Вы сами здесь разберетесь. После того ка Вы выставите на Ваше усмотрение цветовые настройки переходим во вкладку
eildos
Выровнять меню по центру - добавьте к диву align="center"Код: div id= menu align= center
carezzafix
Цитата:Выровнять меню по центру - добавьте к диву align="center"Код: div id= menu align= center Извините за еще один не умный вопрос, но почему центрирование работает только в пятом примере меню
ANGELOok
Технически можно.Но в этой теме другое меню, ему будет некуда выпадать .
Dzhamai
echo " p a href='3.php' Раздел 3 /a /p ";
DDen
Алексею:Код:.indentmenu{font: bold 13px Arial;width: 100%; }.indentmenu ul{margin: 0;padding: 0;float: left;width: 100%; border: 1px solid #564c66; border-width: 1px 0;background: black url(1.jpg) ;}.indentmenu ul li{display: inline;}.indentmenu ul li a{float: left;color: white; padding: 5px 11px;text-decoration: none;border-right: 1px solid #564c66; }.indentmenu ul li a:visited{color: white;}.indentmenu ul li a:hover, .indentmenu ul li .current{color: white !important; padding-top: 6px; padding-bottom: 4px; background: black url(2.jpg) ;}скачивайте архив для этого меню, там и стили, и изображения
gamedeception
Способ конечно хороший, но столкнулся с другой проблемой: все подпункты отображаются вертикально одним столбцом, а мне нужно по несколько подпунктов в один ряд. Можно ли что-то сделать?
kartonkajkee
1) Открываем файл 3.php и задаем переменную.
KRINZE
У меня получился обычный список, а не раскрывающийся, и без фона и рамок, просто один текст...Как исправить не знаю...
Zaba
Спасибо большое.У меня все получилось,но как сделать кнопки немного больше?Заранее спасибо.
uSp
Огромное спасибо за столь быстрый ответ. Все сделала, как Вы написали, но ничего не изменилось.
Gambt
Андрей! Подскажи пожалуйста, как бы сделать все наоборот? Мне нужно как раз запретить показ в меню страниц второго уровня т.е. подстраниц. Я хочу сделать страницу новости на своем блоге и там размещать подстраницы с новостями, их будет много и выплывающее меню только мешает, как бы это запретить! Если нужно посмотреть как это выглядит вот сайт: http://1efimrealty.ruСпасибо заранее!
AbR
И все же. Вы объяснили как пользоваться конструктором, а как сделать такое меню своими руками? Точнее есть меню, при загрузке html появляется страничка которая соответствует первой кнопке меню, жмем следующую кнопку появляется новая страница, которая скрывает первую. То есть как это организовать на слоях вместе со стилем visiblity?
ANDRE
Спасибо за статью!В общем все стало, стили подключил. Но есть пару проблем, меню ушло под блок, и в меню нет картинки (стрелочки). помогите пожалуйстапосмотреть можно тут: http://wotplayer.pro/
pN
Не могу поставить, отображается коряво постоянно, целый день сижу над ним, может кто-то помочь?
Forgon
Посмотреть в тех файлах, которые я указала в посте.Замедлять не должна.Собственно, вы подключаете только небольшую функцию, а jquery библиотека, скорее всего, уже и так есть в вашем шаблоне.
WassagO
Виктория, float : left; уберите из таблицы стилей, а align="center" в html добавьте.
NoLzOOm
Подскажите почему сьезжают вниз сайдбар,...или виджеты
region
Здесь Вам нужно поэксперементировать с текстом меню. Данное действие я также не буду показывать на конкретном примере, так как здесь все доволи просто. После того как Вы сделаете все необходимые текстовые настройки переходим во вкладку с номером 3). У вас появится еще такие вкладки где Вам нужно перейти в последнюю вкладку с
KoKn
У вас, по видимому, меню реагирует на :hover.Найдите в шаблоне скрипт, который отвечает за работу меню и замените в нем hover на click.
SkT
у меня на опере меню сдвинулось на верх, а в FF и IE все пошло нормально, как поступить с оперой? Спасибо
Pandello
Внизу в правом углу большой кнопки Download не было, после процесса регистрации появилась, но пришло совсем не то. Жалко, а так надеялась и почти поверила в успех
nrexx
Спасибо вам! Получилось!
selma
Огромное спасибо за обзор. Очень полезно.
iKar
Посмотрите пожалуйста, Semant.ucoz.ru можно ли в отдельном блоке поменять дизйн шрифт, размер подскажите виджет может какой для блоков
cOOmba
Мастер класс не планирую, поскольку там все просто и я все описала в посте.
noggano
Здравствуйте. Есть вопрос: насколько необходимо делать выпадающее меню на старом сайте, прошедшем индексацию. Т.е. нужно делать новые страницы под каждое подменю или можно разбить страницу по параграфам, а каждому параграфу назначить подменю и все подменю адресовать на главную страницу?
COLOR
Здравствуйте, у меня не получается подписаться на рассылку по почте, вылезает ошибка (((
Zoomik
А в IE эти выпадающие менюшки будут работать без дополнительного небольшого Java Script? Не проверяли?
FARan
Всё получилось, но вместо русских названий пунктов меню отображаются вопросы. Два дня уже мучаюсь. Ничего не выходит. Сайт на Джумла. Код вставлял в файл шаблона, т.к. из админки через модуль он не встаёт.
MASHIN
А почему бы скрипт не заменить простейшим CSS Transform?
lKoJIaSl
Дмитрий здравствуйте.А скажите навороченность и множества выпадающих менюна странице как то влияют на ее скорость загрузки?СПС заранее...
lamachok
Сожалею, но не нашла через поиск поста с описанием этого скрипта... Не подскажете? Ксана | 17.08.2012 г. в 23:12 Sorry, вы о скрипте?А я отвечаю о выпадающем меню .О скрипте я не писала, это коммерческая разработка. Наталья | 17.08.2012 г. в 21:04 Добрый день!Ксана, а можно уточнить для непонятливых: куда вставлять список меню и куда присоединить код для вывода меню категорий. Заранее спасибо!
Asassin
Есть один вопрос новичка. У меня на хостинге нет файла style.css. Куда в таком случае вставлять css-код? спасибо, если кто подскажет
qwedd
if ($master == "Раздел 1") // это условие. Если оно выполняется – то в данном месте меню с помощью команды echo вставляются обычные HTML-теги выводящие надпись «Раздел 1».
naked
У меня такая же проблема как у Кирилл. Код вместо меню:(
Ghosty
echo " p a href='1.php' Раздел 1 /a /p ";
PaFozZ
в IE8 меню отображается некорректно. В остальных браузерах все отлично. Подскажите как с этим бороться.
dRagn
Спасибо за статью. Всё сделал, всё работает, но есть одно но.По умолчанию меню выпадает вправо, как можно изменить, чтоб например правые меню, выпадали влево. Где это прописывать и как?
MaDCat
Спасибо за отличную статью!
skillgosu
здравствуйте, подскажите как исправить у меня на сайте http://skachaj.net перестало выпадать меню?
Ign
По подробней бы, что куда вставлять! Не разобрался???
Mirotvorec
В чем именно вы не разобрались?
etvertinka
я попробовал разные браузеры, на стационарном компе и ноуте, ничего не вышло.
korn
Просто шикарно, спасибо! Действительно, простой способ создания выпадающего меню на CSS, особенно приятно, что это легко сделать для WP
PrideofmumRUSSIA
как найти нужное место вставки кода в файле style.css и куда вставлять html код???
RoJkeee
А не покажите css пример меню номмер 2?
SRJKA
Для создания вертикального меню с древовидной структурой рубрик, при этом рубрики и подрубрики будут раскрываться (то есть это сможет заменить вам также плагин Хлебные крошки )есть отличный wordpress плагин Collapsing Categories, о нем можете прочитать в моей статье: http://mnogoblog.ru/vertikalnoe-menyu-s-raskryvayushhimisya-rubrikami-plagin-collapsing-categories
tick
Спасибо за урок, будем пробовать теперь сделать это меню динамическим в мод-х
AvPWolf
Спасибо! Вот бы еще созданное меню научиться таскать по экрану, т.е. в нужное место вставлять!!! ПОМОГИТЕ! В файле cm-style.css меняю relative на absolute с указанием Top и Left позиции и, не получается!
SlavaSPb
? Чудо повторилось! Теперь, если мы находимся на странице Раздел 1, ссылка в меню не активна. Повторенье - мать ученья! Или для тех, кто в танке! Еще раз Повторенье 2
bbln
Спасибо! Попытаюсь воспользоваться Вашим советом.
ultrekk
Описал прекрасный модуль Выпадающее меню joomla http://e-kzn.ru/rasshireniya/vipadaiuschee-meniu-joomla.html горизонтальное и вертикальное
Smike
Исправляй начало статьи....нужно в первую очередь там зарегистрироваться, а затем уже определяться с шаблоном выпадающего меню.Пол часа делал менюшку, а потом оказалось, что там ещё и регистрироваться надо...У меня просто нет хороших слов, предупреждать же надо, что необходима регистрация.
Mozillko
Спасибо за статью. Попробую...
oOaeROo
Ксана, очень полезная информация! А это возможно сделать в вашей теме baby?
opakiKmDtut
Добрый день Ксана.Все классно, пост прелестный. Только вот одно - могли бы вы так сделать, чтобы с рассылкой на почту приходил и сам код подписчика, а то в почте постоянно его искать это не то))). Спасибо.
flisk
К сожалению, не получается... (((или вот это вылезает:3d3f ��}kwǑ�g��c�r�� �D��o|n�ulg}��9 ��9 ��g�(���#��묕�ٳ9y�Iv��~ .............или 404 ошибка...http://prodengiblog.ru/kurs - я изначально на правильную страницу попадаю? )))
snpJkee
Wow, nice tutorial, thanks google translate
NidHoGG
Хочу изменить стилистику моего сайта. Начну с меню пожалуй
MaSteR
Скажите, а можно ли какой-то определённый пункт выпадающего меню (например, у Вас на сайте пункт горизонтального меню Содержание ) выделить другим цветом? Ну, хоть красным. Заранее благодарю за ответ.
NormanFcuk
А на CMS Joomla 2.5 будет работать?
kumma
Спасибо за постоянные подробные консультации. Это для нас чайников просто спасение. Я сделала все, что здесь описано. Но на сайте у меня меню вообще не высвечивается, а при наведении мышки на него вылетают выпадающие подменю. Но на них написаны вместо букв различные буквы и значки в беспорядке. Сайт в юкозе. Помогите разобраться, почему?
axis
Здравствуйте!Спасибо за урок. Все получилось. Хотелось бы только, чтобы меню располагалось по центру, сейчас оно смещено влево. Подскажите пожалуйста, что нужно добавить в код, чтобы отцентровать меню.
MOck
Ксана, доброго времени суток!Не подЕлитесь: как у Вас реализовано скачивание файлов только для подписчиков?Очень заинтересовало, знаете ли...
ibeast
Вот страница для подписки - http://prodengiblog.ru/sub
Rasamaha
извените за глупый вопрос, а как по центру кнопки выровнять
rtX
Я так понял, что менять название страниц в админке менять не получится? Т.е. этот вариант без динамики? Для Joomla не имеет смысла этот способ создания выпадающих менюшек использовать? А встроить этот инструмент в сам WordPress не получится? Плагин прикрутить...
Snopik
Ксана, я делала выпадающее меню простым перетаскиванием рубрик в меню блога, так же можно и многоуровневое меню делать. По-моему с версии 3.0 это доступно для всех. У Гудвина где-то есть небольшой видеоурок как это делается. Если кому-то это облегчит жизнь, буду рада.
Apple
else//означает «иначе» - что произойдёт, если условие не выполняется. В данном случае при невыполнении условия надпись «Раздел 1» будет ссылкой, ведущей на главную страницу.
potap
Здравствуйте!К сожалению я тоже не поняла, где брать код в рассылке
bngo
Вот здесь я подробно расписал как создать выпадающее горизонтальное меню, которое создается через панель управления wordpress, используется технология java скриптов, но все расписано подробно, так что поймет любой новичок http://mnogoblog.ru/urok-26-sozdaem-vypadayushhee-gorizontalnoe-menyu-wordpress-podrobno
Prd
В этом окне в среднем квадратике находятся все ссылки меню в том числе и выпадающие. Ваша задача оставить те три ссылки которые мы видели чуть раньше без выпадающих пунктов, а именно
Helsink
if ($master == "Раздел 3")// это условие. Если оно выполняется – то в данном месте меню с помощью команды echo вставляются обычные HTML-теги выводящие надпись «Раздел 3».
Nihasa
Можно заменить, а можно использовать скрипт.Веб разработка хороша тем, что допускает разные варианты .
GReconbegnner
Здравствуйте! Спасибо что пишете полезное. А подскажите пожалуйста как сделать ссылки по меню. Чтоб при нажатии на первую была главная. Далее допустим контакты. Сами страницы я создам в html. Как сделать чтоб переходы получились при нажатии? Спасибо!
Dolphin
Можно использовать Ваш код впадающего горизонтального или вертикального у себя на сайте?
ScrIem
else//означает «иначе» - что произойдёт, если условие не выполняется. В данном случае при невыполнении условия надпись «Раздел 3» будет ссылкой, ведущей на главную страницу.





Добавить комментарий


Имя:
Комментарий:
отправитьотправить
Последние комментарии
Как найти волшебную палочку
Да зачем Вам нужен фотошоп, она должна автоматически включатся!!! А если без смеха, я понял
Как избавица от вшей
Спасибо! Мне ничего не помогало, но вот прочитала что тут написано и всё вшей как
подскажите Как скачать flash player на русском языке последней модели
Девушки, всё зависит от того какая оперативная система на Вашем телефоне. Тогда если Вы перейдёте
2 месяц нет месячных Как вызвать
Света у меня тоже проблема с выделениями,тоже присутсвует запах.Перед месячными обычно наступает ПМС(предменструальный синдром)болит живот,ухудшается
Как вырасти в 15 лет
Вещь, облегающая фигуру, - это совершенно необязательно секси и даже необязательно совсем-совсем в облипку. Слишком
ipa Как установить
Народ помогите как сделать jailbreak?????Прошивка 3.1.2,ато у меня нету ни Cydia ни Icy
Как узнать вора в законе
Вчера похоронили отца крестного в возрасте 93 года, известного ешё в 1930-х годах (Вора в
Как создать человека в алхимии
а как создать звезду и солнце
Как правильно целоваться с девушкой
Самое главное при поцелуе - просто ласкайте партнера и говорите нежные слова, это для тех,
Новое
где в ноутбуке включить камеру
рейтинг:
Иногда в таких случаях помогает переустановка системы, однако, нужно учесть, что все устройства, в том...
где в санкт петербурге можно отпраздновать день рождение
рейтинг:
Меню, как правило, разнообразно от вкусных пирожных до горячих блюд, и от детских напитков до...
где качать фильмы лучше всего
рейтинг:
Сначала скачивание достаточно медленное, потом быстрее. Какой качалкой лучше всего скачивать фильмы? У...
где в новосибирске можно записать песню
рейтинг:
Помню как это было: я искала в Новосибирске звукорежиссера для записи нескольких каверов, а нашла...
видео как сделать игрушку из носка
рейтинг:
В общем или у меня руки не оттуда растут,либо все таки материал наш не подходит...
где в москве кинотеатр с диванами
рейтинг:
Оба кинозала кинотеатра Байконур оборудованы звуковыми системами Dolby Digital Surround EX и прекрасными кинопроекторами. ...
где в геленджике находится улица красный партизан
рейтинг:
Комфорт: сплит-система, холодильник, 3D ЖК телевизор. В номерах: кровати, шкаф, телевизор, вентилятор или кондиционер...