Як оформити меню?

Як оформити меню?

У цій хаутошке я розповім як зробити графічне меню в групі соціальної мережі ВКонтакте. Це допомагає поліпшити вид сторінки групи. 1. Починати створювати таке меню треба в графічному редакторі (я використовував Photoshop) продумати дизайн, написати текстом майбутні кнопки. У меню вийшло ось так: 2. Тепер, використовуючи інструмент Раскройка, я ріжу картинку на частини ці частини стануть кнопками в майбутньому.

Я розрізав на 4 смужки — вийшло наступне: 3. Вибираю в меню Файл рядок Зберегти для Web і пристроїв (можна використовувати комбінацію клавіш Al + Ctrl + Shift + S).

4. У налаштуваннях збереження вибираю тип файлу JPEG, ставлю максимальну якість, вибираю галочками Поступово (завантаження картинок на сторінку) і ICC-профіль (це профіль колірної компенсації). 5. Натискаю кнопку Зберегти.

Photoshop збереже все це як html-файл з картинками (картинки знаходяться в папці images). Тепер тисну Готово, Photoshop можна закрити (він більше не знадобиться). Далі я завантажую картинки в будь-який альбом (напевно краще в фотоальбом групи) за допомогою стандартного завантажувача фотографій.

6. Далі я заходжу в редагування меню Важлива інформація (стандартно воно називається Новини, на сайті є хаутошка про те,). 7. Photo5634052_195301019 це посилання на фотографію. Її номер в адресному рядку браузера: 370px це ширина фотографії. Можна робити менше, але не більше все одно вони автоматично зменшуватися. nopadding це тег, що прибирає прогалини між картинками. page-11053617_29800171 це посилання, на яку будуть переходити, клацаючи на даній картинці.

Дізнатися її можна також як і посилання на фотографію, просто відкривши потрібну сторінку і скопіювавши її з адресного рядка браузера.

Як оформити меню?

Сподобалася стаття? Поділися нею з друзями!




Комментарии закрыты