Як зробити вікі-розмітку?

Як зробити вікі-розмітку?

Ось і прогриміли салюти, салати з’їдені і я продовжую вивчати разом з вами таку цікаву, а головне, корисну річ як вікі-розмітка Вконтакте. Минулого разу (аж минулого року) ми розбирали. Сьогодні ж ми спробуємо розібрати, як створити графічне меню групи.

Перш, ніж навчитися робити графічне меню, слід знати максимальні розміри ширини зображень, які розміщені в головне меню, щоб знати, на які габарити зображень розраховувати. Отже:

Максимальна ширина для 1 зображення, що розміщується на головне меню без рамки (не в таблиці) складає 388px Максимальна ширина одного ряду 2-x і більше зображень, що поміщається на головне меню не в таблицю (з вкл. Опцією nopadding) складає 376px Максимальна ширина для 1 зображення, що розміщується на головне меню без рамки в таблиці складає 376px (далі в цій таблиці рядами нижче максимальна ширина для 2-х і більше фото залишається 376px) Максимальна ширина для 2-x і більше зображень, що поміщається на головне меню в таблицю в один ряд (з вкл.

опцією nopadding) складає 370px (в тому випадку, якщо в таблиці не присутній розширює картинка 376x1px) Далі скористаємося фотошопом, щоб створити шаблон майбутнього меню. Головне, не забувати, що ширина його не повинна перевищувати 370-376px. Все інше справа смаку.

Після того, як майбутнє меню (зображення) буде готове необхідно розділити його на фрагменти. Для цього скористайтеся інструментом Раскройка. Після того, як ви вибрали інструмент Раскройка, зображення необхідно розділити.

Зробити це можна як вручну, так і автоматично. Робіть, наприклад, другим способом. Для цього наведіть покажчик на малюнок і натисніть праву кнопку мишки. У меню виберіть пункт Розділити фрагмент.

Далі, вибираєте необхідні параметри поділу (на рівні інтервали або інтервали певного розміру в пікселях). У даному прикладі досить вибрати 2 лютого. Потім натисніть Так. Ви отримаєте зображення, розділене на 4 рівні частини. Наступним кроком буде збереження готових частин. Для цього виберіть у меню зверху:

Файл Зберегти для веб і пристроїв або натисніть Alt + Shift + Ctrl + S. У вікні в правій колонці введіть наступні параметри: Натисніть Зберегти. Виберіть папку для збереження і введіть ім’я файлу.

Натисніть Зберегти. Всі фрагменти збережуться в папці Images. Вона створиться автоматично у зазначеній вами папці.

Далі, починаємо завантажувати готове зображення в альбом ВК. Для завантаження зображень в альбом бажано скористатися Стандартним завантажувачем.

Це збереже якість картинок. На скрині стрілкою показано, де він розташований. Завантажте картинки з папки Images на вашому комп’ютері в альбом і перейдіть до редагування головного меню групи. Вставте готові коди зображень поспіль без пробілів між кодами фото. Відцентруйте.

Пам’ятайте, що максимальна ширина одного рядка зображень не може перевищувати 376px. У таблиці 370px. Збережіть.

Ви одержали готове графічне меню без пробілів. .

Як зробити вікі-розмітку?

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