Здравствуйте, дорогие посетители блога ARTtime. Сегодня я расскажу вам как сделать меню группы Вконтакте. Не зря я затрагиваю эту тему, так как ВК был, есть и будет самой популярной социалкой рунета.
Многие уже сталкивались, а кто-то столкнется с проблемой, как правильно разместить меню для группы. Кстати, группа на картинке моя… Я там кредитки и советы раздаю 😉
Дополнение от 20.09.2013. Технологии не стоят на месте, и Вконтакте появилась возможность делать красивые открытые меню для группы. Так что приглашаю посмотреть статью на эту тему – Как сделать всегда открытое меню для вконтакте.
Собственно, в чем же проблема, а проблема в том, что для создания такого меню не достаточно красивой картинки. Чтобы все кнопки функционировали, наше будущее меню нужно порезать на части, а точнее на полоски!
Приступим к делу! Наше будущее меню открываем в фотошопе, для примера я выбрал старую запылившуюся картинку еще одной группы.
Дальше все просто, берем инструмент “раскройка“
И начинаем выделять область наших будущих кнопок:
Практически готово, осталось правильно сохранить наше меню… Для этого идем в “Файл – Сохранить для Web и устройств” или же жмем комбинацию клавиш “Alt+Shift+Ctrl+S“. Только не повредите руку! Все же придется нажать четыре клавиши одновременно 😉
Вверху я обозначил стрелочками настройки, которые я применил, взамен JPEG формата можно выбрать и GIF или же PNG, на ваш вкус 🙂 И жмем кнопку сохранить “Save“, что внизу. В открывшемся окне дайте имя файлу и выберете место, куда нужно сохранить нашу картинку.
Видите, все аккуратно лежит в папке, к тому же еще и пронумеровано! Дальше нужно скинуть все эти изображения Вконтакт, в альбом группы или в свой личный альбом и прописать в группе Wiki разметку…
Можете посмотреть примерный код, который я использую:
Там все предельно просто, вот эта часть кода “[[photo-20070034_253533413” – адрес нашего изображения.
Это – “| 386px;noborder;nopadding” – ширина, “noborder” указывает на то, что картинку нельзя обводить полями.
А “nopadding” говорит о том, что картинка не должна иметь отступов.
Вот эта строчка”|page-20070034_29865434]]” – адрес, куда будет направлять нас картинка, точнее кнопка…
Что-то меня понесло, я надеюсь, Вы поняли как делать меню группы. Но если вы ленивый жук, за небольшую плату всем этим могу заняться я, от дизайна до верстки кода. Контакты вот тут.
Удачи Вам!
Флажки, переключатели и меню
Такаюки Миёси
Contact Form 7 предоставляет несколько типов тегов формы для представления флажков, переключателей и раскрывающихся меню. В этой статье объясняется использование и семантика этих тегов форм.
Флажки и переключатели
Оба флажка и * представляют собой группу флажков ( в HTML). checkbox* требует, чтобы пользователь установил хотя бы один из флажков.
radio представляет группу переключателей ( в HTML). Поскольку группа переключателей, естественно, требуется, тег формы radio работает как обязательное поле. Рекомендуется предварительно выбрать параметр в группе переключателей, используя параметр по умолчанию: 1 .
Опция
Примеры
Описание
id: (id)
id:foo
id значение атрибута элемента оболочки.
class: (class)
class:bar
class значение атрибута элемента оболочки. Чтобы установить два или более классов, вы можете использовать несколько вариантов класса : .
по умолчанию: (число)
по умолчанию:2 по умолчанию:1_2_3
Предварительно выбранные параметры. Целое число после по умолчанию: — это позиция в порядке элементов. 1 — первый. Если вы хотите выделить два или более элемента, соедините целые числа знаком подчеркивания (_), например по умолчанию: 1_2_3 .
label_first
По умолчанию флажок или переключатель ставится первым, а метка — последней. Добавив опцию label_first , вы можете изменить их.
use_label_element
Оберните каждый флажок и переключатель тегом .
эксклюзивный
Сделать флажки эксклюзивными. Это означает, что когда вы устанавливаете флажок в группе, другие будут сняты, поэтому группа принимает только состояние «нулевой выбор» или «один выбранный». Это трюк с JavaScript, поэтому он не работает без JavaScript. Теги формы радио не поддерживают эту опцию.
свободный_текст
Добавить свободное текстовое поле для ввода к последнему элементу.
данные: (имя)
данные:страны
Получите значения из Listo.
Эти типы тегов имеют одно или несколько значений, и значения будут использоваться в качестве значений и меток флажков или переключателей.
Пример:
[флажок ваша страна "Китай" "Индия" "Сан-Марино"]
Раскрывающиеся меню
Оба select и select* представляют раскрывающееся меню (