یک گروه با زیبایی طراحی شده به شما کمک می کند تا وفاداری اعضای خود را به دست آورید و عملکرد خود را افزایش دهید. این مقاله به شما کمک می کند یک منوی گرافیکی ساده اما خوش سلیقه برای یک گروه یا یک صفحه عمومی VKontakte ایجاد کنید.
آماده سازی طرح برای منو
برای تهیه یک منوی گرافیکی زیبا برای یک گروه یا صفحه عمومی ، به تصویری نیاز خواهید داشت که کل منو با نسبت هایی در حدود 500 * 1000 پیکسل و مهارت های اساسی در Adobe Photoshop روی آن ترسیم می شود. فرض کنید منوی خود را ترسیم کرده اید - یک تصویر مستطیلی با دکمه های اصلی. اما چگونه می توان آن را در صفحه VKontakte قرار داد و کاربردی کرد ، یعنی با کلیک بر روی یک منطقه خاص کار کند؟ طرح خود را در Adobe Photoshop باز کنید ، با استفاده از ابزار Slice ، تصویر را به چندین قسمت افقی جداگانه برش دهید که هر کدام یک دکمه خواهند بود. سپس تصویر برش خورده را برای اینترنت (ذخیره - ذخیره برای وب) ، ترجیحاً با فرمت.jpg
افزودن تصاویر منو
اکنون مهمترین قسمت کار را دارید: چیدمان و طراحی. برای ایجاد یک منو ، باید حقوق مدیر در این انجمن داشته باشید. به گروه خود بروید ، در سمت راست ، "مدیریت جامعه" را انتخاب کنید. در مقابل مورد "مواد" مقدار "محدود" را تنظیم کنید. به صفحه اصلی برگردید ، اکنون یک نماد اضافی جدید "تازه ها" در زیر توضیحات انجمن نشان داده می شود. آن را برجسته کنید ، سپس ویرایش را انتخاب کنید. پنجره ویرایش بلوک باز می شود. در قسمت بالای آن ، روی نماد "افزودن عکس" کلیک کنید و تصاویر آماده شده را بارگذاری کنید. پس از بارگیری ، آنها را به ترتیب صحیح مرتب کنید. اکنون به نوبت بر روی هر تصویر کلیک کرده و در قسمت "پیوند" آدرس صفحه ای را که می خواهید هنگام کلیک به آن هدایت شوید وارد کنید. اما این همه ماجرا نیست ، هنگام پیش نمایش و ذخیره ، مشخص می شود که فاصله قابل توجهی بین تصاویر وجود دارد. این نیاز به تعمیر شدن دارد.
چیدمان
بر روی نماد حاوی نقل قول ها در گوشه بالا سمت راست منوی ویرایش صفحه کلیک کنید. خواهید دید که تصاویر شما کد خاص خود را دارند که به نظر می رسد چیزی شبیه به [photo169452_381609123 | 422px | page-6574936_174936]. برای حذف فاصله ها ، یک برچسب ویژه اضافه کنید: nopadding ، بعد از اندازه تصویر با نقطه ویرگول از هم جدا می شود. نتیجه باید چیزی شبیه به این باشد: [photo169452_381609123 | 422px؛ nopadding؛ | page-6574936_174936]. این روش را برای همه تصاویر تکرار کنید و منوی تمام شده را ذخیره کنید.
