Một nhóm được thiết kế đẹp mắt sẽ giúp bạn có được lòng trung thành của các thành viên và tăng chức năng của bạn. Bài viết này sẽ giúp bạn tạo một menu đồ họa đơn giản nhưng trang nhã cho một nhóm hoặc một trang VKontakte công khai.
Chuẩn bị bố cục cho menu
Để tạo một menu đồ họa đẹp cho một nhóm hoặc trang công cộng, bạn sẽ cần một bức tranh vẽ toàn bộ menu với tỷ lệ khoảng 500 * 1000 pixel và các kỹ năng cơ bản trong Adobe Photoshop. Giả sử bạn đã vẽ menu của mình - một bức tranh hình chữ nhật với các nút chính. Nhưng làm thế nào để đặt nó trên trang VKontakte và làm cho nó hoạt động, tức là hoạt động bằng cách nhấp vào một khu vực nhất định? Mở bố cục của bạn trong Adobe Photoshop, sử dụng công cụ Slice, cắt hình ảnh thành nhiều phần nằm ngang riêng biệt, mỗi phần sẽ là một nút. Sau đó lưu ảnh đã cắt cho Internet (Save - Lưu cho Web), tốt nhất là định dạng.jpg. Bạn sẽ nhận được một số hình ảnh nút riêng biệt, sau đó có thể được đặt trên trang VKontakte. Phần đầu tiên của công việc đã xong!
Thêm hình ảnh menu
Bây giờ bạn có phần quan trọng nhất của công việc: bố trí và thiết kế. Để tạo menu, bạn phải có quyền quản trị viên trong cộng đồng này. Đi tới nhóm của bạn, ở bên phải, chọn "Quản lý cộng đồng". Đối diện với mục "Nguyên liệu" đặt giá trị "giới hạn". Quay trở lại trang chủ, bây giờ một biểu tượng có thể mở rộng bổ sung 'Tin tức mới' xuất hiện bên dưới mô tả cộng đồng. Đánh dấu nó, sau đó chọn chỉnh sửa. Cửa sổ chỉnh sửa khối sẽ mở ra. Ở phần trên của nó, nhấp vào biểu tượng "Thêm ảnh" và tải lên các hình ảnh đã chuẩn bị. Sau khi tải về, hãy sắp xếp chúng theo đúng thứ tự. Bây giờ hãy nhấp lần lượt vào từng hình ảnh và trong trường "liên kết", hãy nhập địa chỉ của trang mà bạn muốn chuyển hướng khi nhấp vào. Nhưng đó không phải là tất cả, khi xem trước và lưu, hóa ra có những khoảng trống đáng kể giữa các hình ảnh. Cái này cần được sửa chữa.
Bố trí
Nhấp vào biểu tượng có dấu ngoặc kép ở góc trên bên phải của menu chỉnh sửa trang. Bạn sẽ thấy rằng hình ảnh của mình có mã riêng trông giống như [photo169452_381609123 | 422px | page-6574936_174936]. Để xóa khoảng trắng, hãy thêm một thẻ đặc biệt: nopadding, được phân tách bằng dấu chấm phẩy sau kích thước hình ảnh. Kết quả sẽ giống như sau: [photo169452_381609123 | 422px; nopadding; | page-6574936_174936]. Lặp lại quy trình này cho tất cả các ảnh và lưu menu đã hoàn thành.
