Şimdi Gruplar ve VKontakte Yayınları Görsel Tasarım Araçları kullanın. Bu fırsat sayesinde görünüm Ve grup tasarımı daha estetik hale gelir. Bu materyalde VKontakte grubunda bir menü nasıl yapılacağını ayrıntılı olarak açıklanacaktır.

Neden bir grup menüsüne ihtiyacınız var?

Her şeyden önce menü faydalı eleman Ticari gruplar için. Bununla, kullanıcıların navigasyon ile ilgili sorunları olmaz. Gerekli tüm bilgiler bu blokta yayınlanacaktır. İÇİNDE sosyal ağ VKONTAKTE, grupların bakımı, önceden yayınlanmış tüm malzemenin bantta bulunduğu şekilde düzenlenmiştir. Tek sıralama olasılığı "Tartışmalar" bölümündeki konuların oluşturulmasıdır. Fakat aynı zamanda oldukça uygun değildir, çünkü konu, tüm bilgilerin toplandığı bir yazı ile sınırlı değildir ve gerekli gönderiyi bulmak için, sayfalar arasında uzun süre kaydırmanız gerekir.

Tüm toplanacağı açık bir yapı oluşturmak çok daha uygundur yardımcı bilgi ve bölünmüş ayrı tematik bloklar. Bu ekran görüntüsünde, tüm yararlı yayınların ayrı bir bloğa yerleştirildiği bir grafik etkileşimli menüsünün iyi bir örneği. Uygundur ve kullanıcının sayfada ek işlemler yapmasını gerektirmez.

Sonuç Menünün gelişmekte olan bir topluluğa olan ihtiyacı olduğu sonucuna varılabilir. Bu uygun navigasyon aracıBu, kullanıcıların gerekli bilgileri daha hızlı bant bulmalarını ve grubun istenen bölümüne hızlı bir şekilde erişmenizi sağlar. Tercihen, mal ve hizmet satış grupları için tıklanabilir menüyü kullanın.

Kapalı ve Aç menü

Üzerinde şu anVKONTAKTE menüsü birkaç tür ve türe ayrılabilir, ardından her birini düşünün.

Türler:

• metin (yapı metin bağlantılarıdır);
• grafik (multimedya, aktif düğmeler vb.).

Görüntüleme:

Bir metin menüsü oluşturma

Bu menü türü herhangi bir bilgi ve ek araç gerektirmez. Yapmak metin menüsü VC'deki grupta, yeterince basittir, çünkü bunun için sosyal ağın işlevselliğini kullanacağız. Düğmeler, stiller vb. Kullanmaz. Metin menüsü, çapa bağlantılarından oluşan bir listedir.

Adım Adım Talimat:

Metin menüsü oluşturma prosedürü özel bilgi ve beceriler gerektirmez. Bu nedenle, bu seçenek deneyimsiz kullanıcılar için en uygundur. Ana sayfaya bir bölüm yapmadan önce emin olun test et ve optimize etBöylece navigasyon başarısızlıksız çalıştı.

Grafik menüsü

Yaratmak için daha karmaşık yollardan birine gidin. Bunu yapmak için, ek araçlar kullanmamız gerekecek - Photoshop grafik editörü. Sonraki biz baba detaylı Açıklama Ek yazılım kullanarak bir grafik menü oluşturma işlemi.

Adım Adım Talimat:

• başlamak için, Photoshop grafik düzenleyicisini başlatmanız gerekir;
• sonraki, "Dosya" ve " Oluşturmak" Aşağıdaki parametreleri gösteriyoruz: "genişlik" (Wight) 610 piksel, "yükseklik" (yükseklik) 450 piksel ve "çözünürlük" (çözünürlük) inç başına 100 piksel;
  
• bundan sonra göründükten sonra yeni belgearka plan görüntüsünü sürüklemek istediğiniz yer;
  
• sonra görüntüyü beyaz alanı kapatmak için germek gerekli olacaktır;
• panelde Sonraki " Katmanlar»Resmin üzerindeki sağ fare düğmesine ve bağlamsal pencerede tıklayacağız," Birleştirmek.Gözle görülür"(Görünür birleştirilebilir);
• Dikdörtgen"İmleci resme getirerek ve şeklin sınırlarını harcamak için düğmeler oluşturun;
• Çalışma alanının üst kısmında, düğme için doldurma, "Doldur" parametresi;
• bundan sonra, araç çubuğuna geri dönüyoruz ve " Metin»;
• ardından, bir metin giriş alanı eklemek için düğmeye tıklayın ve düğmenin adını takın. İsteğe bağlı olarak, bölümün daha şık görünmesi için yazı tipini, boyutunu ve rengini seçebilirsiniz;
  
• için orta metin Resimde, "CTRL" tuşuna basarak metnin ve istediğiniz görüntüyle katmanı seçin ve alternatif olarak hizalama düğmelerine basın. üst panel araçlar;
• bundan sonra, ortaya çıkan görüntünün kesme görüntüsünü gerçekleştirmemiz gerekir;
• araç çubuğunda, " Sıkıntı"(Mahsul) ve" kesim ";
• her düğmeyi vurguluyoruz ve "dosyayı", "dışa aktarma", "Web için Kaydet" ifadesini açıyoruz. Kaydedilen PNG24 dosyasının formatını takın;
  

Bunda, grafik editöründeki çalışmalar tamamen tamamlandı. Önceki bölümde bir metin menüsü kurduğumuz sosyal ağ metin düzenleyicisine geri dönüyoruz.

Grafik menü ile çalışma talimatları VKontakte:

Oluşturulan menü normal bir giriş olarak tutturulur. Sabitlemek için düğmeye basarak.

Wiki Markup Temelleri

Sonra, sosyal ağdaki grup için menünün geliştirilmesinde Wiki Markup'ı kullanmanın temellerini göz önünde bulundurun. Vikkontakte Wikas, web sitelerinde metin tasarlamak için kullanılan ve yeteneklere erişimi kolaylaştırmanızı sağlar. hTML Dili. Sonra, sosyal ağda kullanım için uygun ana komutları göz önünde bulundurun.

Multimedya kullanarak menü tasarımı

Multimedya dosyaları için metin komutu aşağıdaki forma sahiptir: "[]. Daha fazlasını analiz edeceğiz: "Mediaxxxx_yyyy" (dosyayı), "Seçenekler" ( parametreleri ayarla), "Bağlantı" (imleci nesneye devreterken görüntülenecek bir açılır yazma yazısıdır).

Seçenekler (Seçenekler) multimedya için Ekran Görüntüsünde Sunulan:

Parametreler video için Bunun gibi:

Başlıklar (H1, H2, H3)

Bir başlık eklemek için, aşağıdaki işaretleri "\u003d\u003d" metnin başlangıcında ve sonunda koymak gerekir. Ekran görüntüsü örneğine bakıyoruz:

Metni dekore ediyoruz

Metin yapmak için, VKontakte aşağıdaki parametreleri sunar: cesur yazı tipi, italik, sağ ve sol kenarda hizalanır, ortada hizalama, liste, başlıklar, üst ve alt indeks, alt çizgi ve bakan. Ekran görüntüsünde daha ayrıntılı ayarlar sunulur.

Tırnak

Seyircinin dikkatini çekmek için, teklifleri kullanabilirsiniz, bu parametrenin etiketi şöyle görünür: ""

B kullanma örneği metin düzeltici Temas halinde:

Listeler

Kullanıcılar hem etiketli hem de numaralandırılmış listeleri kullanabilir. Numaralı liste, "*" işaretli "#" işareti ile gösterilir.

Misal sayısız Liste:

Misal işaretlenmiş Liste:

Girintileri nasıl yapılır

Her şey burada yeterince basittir, istenen kelimeden önce bir işaret eklemeniz gerekir. ":". Daha fazla işaret verilecek, daha fazla girinti olacak.

İç bağlantılar

İç bağlantılar diğer sosyal ağ elemanlarına geçişlerdir: kullanıcı profili, üçüncü taraf topluluk, sohbet, fotoğraf, video, makale vb. Dahili bir bağlantı eklemek "[] etiketi kullanılarak gerçekleştirilir. Daha ayrıntılı olarak açıklayacağız: "Bağlantı" bir bağlantıdır, "metin" - bu görüntülenen metindir.

Misal:

Bir tablo nasıl oluşturulur

Wiki Markup ile kullanıcılar oluşturabilir masa nesnesiBunun için aşağıdaki komutlar kullanılır:

Spoiler ekle

Bu öğe, uygun basın kullanılarak açıklanacak bilgileri gizleyebilir. Özel düğme. Bilgi vermek için bu seçenek, "Kurallar" grubu, "Sıkça Sorulan Sorular", vb. İçin mükemmeldir.

Bir nesne oluşturmak için, aşağıdaki tasarım kullanılır:

((Hider | metin adı))

Menü silmek için nasıl

Kaldırma aşağıdaki gibidir:

Sayfa biçimlendirme ile silin:

Topluluğun estetik olarak genel bir görünümünü yapmak ve onunla çalışmak daha rahat, en iyi çözüm, Grup menüsünün oluşturulması olacaktır. Böylece tüm önemli unsurları bir temiz listede yapabilirsiniz, her bağlantı için kendi simgesini veya görüntünüzü ayarlayabilirsiniz, ziyaretçilere hızlı bir şekilde herhangi bir değişiklik yap ve atın. Menü bu tür öğeleri içerebilir: Harici sitelere, Tartışma, Albümler, Müzik ve Site İçindeki Diğer Bölümler, VKontakte, Görüntüler ve Grupunuzun Sadece Yapısı. Aşağıdaki talimatların ardından, VKontakte Topluluğu için kendi menünüzü oluşturmayı deneyin.

VKONTAKTE grubunda basit bir menü oluşturma

Menünün her bir satırını, konulara belirli bir tartışmaya yönlendirmesini istiyorsanız, her şeyden önce, bu çok tartışmaları oluşturmanız ve isimleri vermeniz gerekir. Onları kapatın veya yorumlara açın - tamamen kişisel bir mesele, bu seçenek menüdeki sayfanın ekranını etkilemez.

Grubunuzun yapısını temsil edecek ve en önemli bölümleri karşılayacak en basit menüyü yapmaya çalışın.

• Grup ve toplulukta, menü ekranı biraz farklı gerçekleşeceğini unutmayın. Bu nedenle, bir grubu topluluğa çevirmek istiyorsanız, grubun adının yanındaki üç noktalı simgeye tıklayın ve "Sayfaya Çevir" dizesini seçin. Lütfen topluluğun bir gruba dönüşmesini açmanın çalışmayacağını lütfen unutmayın.

• Şimdi aynı menüdeki "Topluluk Yönetimi" bağlantısına gidin.
  Grupunuzun tüm ayarlarıyla bir blok göreceksiniz, burada adını değiştirebilirsiniz, İletişim bilgileri, Gizlilik, katılımcıları yönetin. "Bölümler" kategorisine gidin.

• "Malzemeler" satırında, "Kapalı" veya "Sınırlı" değerini koyun, böylece grup katılımcılarının tasarım için ihtiyaç duyduğu dosyalarınızı istemeden zarar veremez. Seçiminizi kaydetmeyi unutmayın.

• Gruba gidin ve "Taze Haberler" penceresine gidin, bir menü oluşturacağınızdan.

• "Düzenle" yi tıklayın.

• Her şeyden önce, "Menü" üzerindeki "Fresh News" adını veya katılımcıları hızlı bir şekilde doğru bağlantılara gidebilecekleri açıkça anlamayan başka herhangi bir adını değiştirmeniz gerekir.
  Düzenleme modunu, sağ köşedeki küçük bir okun üzerine "Wiki Markup'ı Düzenle" olarak değiştirin.

Şimdi bir yapı oluşturun:

• Menüde adını kullanacağınız grupta tartışmalar, materyaller veya albümünüz olmamanız önemlidir.
• Dizedeki ana bölümlerin tüm adlarını girin, iki kez kare parantez içinde çerçeveleyin.
• Metni bir liste biçiminde yapmak için, yıldızları noktalardan önce koyun.

Bu ekran görüntüsünde, grupta "Bölüm 1", Tartışma "Bölüm 2" ve "Bölüm 3" albümü adına sahip bir malzeme olduğu varsayılabilir. "Önizleme" veya "Değişiklikleri Kaydet" ı tıklayın.

• Bölümünüz "Menü" olarak değiştirilecektir ve listede düzgünce dekore edilmiş, ana grup kategorilerine aktif bağlantılar olacaktır.

VKONTAKTE GRUBU menüsünde Bağlantılar Nasıl Eklenir

Resmi web sitenize veya doğrudan grubun içindeki bölümlerinize erişimi hızlandırmak için, aktif bağlantılar eklemek daha iyidir.

• Menü bölümünü düzenlemek için geri dönün. İstediğiniz bağlantıyı kopyalayın ve işaretlemeyi moddaki pencereye takın. Kaydettikten sonra aktif hale gelecektir.

• Grupunuzun menüsüne ekleyebileceğiniz tüm bağlantılar böyle görünüyor.

Resimlerle Menü VKontakte Nasıl Oluşturulur

Menünün belirli bir bölüme yol açan güzel simgelerden oluşmasını istiyorsanız, basit aşağıdaki talimatları izleyin.

• Bir başlangıç \u200b\u200biçin, yalnızca teknik resimlerin grup tasarımı için saklanacağı özel bir albüm oluşturun.

• Resimler B. jPEG formatı 500'den fazla 500 piksel yok.

• İndirilen görüntünün adresini kopyalayın.

• Şimdi bağlantıyı tartışmaya, malzemeye veya diğer harici siteye kopyalayın.

• [Albümünüzdeki Resmi Bağlantısı | piksel cinsinden boyut; nopadding | Tartışma veya siteye bağlantı]]

Ekran görüntüsünde bir örnek gösterilir.
"Sayfayı Kaydet" i tıklayın.

• Şimdi temiz bağlantı menünüzde görünecektir. Gerekli olduğunu düşündüğünüz bir piksel değeri koyabilirsiniz.
  Birden fazla görüntü eklemek için yeni satırdan yeni bağlantıları girin.

Kalıcı okuyucularım için sayısız istek ve sadece meraklı kullanıcılar eylemlerini kaldırdı. Sonunda, vkontakte'nin dinamik menüsünü yapmayı öğreneceğimiz bir ders yarattım! Geleneksel İnternet sitelerine göre, serbest bırakılan bağlantı özel bir yolla işaretlendiğinde (düğmeye, alt çizgi) - oluşturulan sayfaları ve grafik tasarımını kullanarak aynı VKontakte tasarımını yaratacağız. Başlamak için, Photoshop'ta grafik boşlukları yapacağız - bir menü kapağı ve iki tür düğmesi oluşturun. O zaman menümüzün eşyalarına göre birkaç VKontakte sayfası oluşturacağız. Ve nihayet, biz aslında, referans olarak geçişin yanılsamasını oluşturacak olan zorlu bir resepsiyon yapacağız. Ders, VKontakte'nin işlevselliğinde güvenle hissetmeyenler için oldukça karmaşık ve uygundur. Örnekte üreteceğim tüm manipülasyonlar vkontakte grubu Bu etkinin uygulandığı yerlerde canlı. Yani, iş için!

Adım 1. Photoshop'ta bir menü kapağı oluşturun
Photoshop'ta 600 piksel bir belge oluşturun. Yükseklik, takdirinize göre farklı olabilir. Başlığa herhangi bir fotoğraf, kolaj, bilgi banner ve diğer grafik resimleri koyabilirsiniz. Bu SeAceada, 600x172 piksellerin bir reklam afişini kullandım.

Adım 2. Photoshop'ta bir gezinti dizesi oluşturun
Şimdi bir sıra navigasyon oluşturmamız gerekiyor. Bu örnekte, yalnızca düğmeler olarak metin kullandım. Ancak takdirinize göre renk düğmeleri oluşturabilir ve onlara metin yazabilirsiniz. Bunu yapıyoruz - Photoshop'ta ve içinde 600x56 piksellik bir dikdörtgeni oluşturun. bu durum Beyazla çevirin. Sonra dizgede menü öğelerini yazıyoruz - daha fazla değil, yaklaşık 5-6 puan. Büyük miktar Puanlar alkışlanacak.

Adım 3. Photoshop'ta bir gezinti dizesi oluşturun
Şimdi, basıldıkları gibi aktif referanslar oluşturmamız gerekiyor. Her zamanki alt çizgi kullandım, ancak ziyaret edilen bağlantıyı işaretlemek için metnin veya arka planın başka bir rengini kullanabilirsiniz.

Adım 4. Hazır Resimleri Kes
Bu aşamada, 2. adımdan ve adım 3'ten fotoğrafları kesmemiz gerekir. İki gruba sahip olmalıyız. Aldığı olmayan bir düğme, alt çizgi olan başka bir düğme. Her bir öğenin düğmeleri (alt çizgi ve alt çizgi olmadan) aynı boyutta olmalıdır. Aşağıdaki resimde, tüm grafik tasarımlarımız sunulmuştur - on düğme ve bir menü kapağı.

Adım 5. Menü sayfasını VKontakte Oluşturun
Şimdi VKontakte'ye gidin. Görevimiz "Menü" adlı ayrı bir sayfa oluşturmaktır. Bunu yapmak için böyle bir kod kullanacağız.
http://vk.com/pages?oid\u003d-xxx&p\u003d_naviting_strant
xXX yerine, grubumuzun kimliğini değiştireceğiz ve "Sayfa Adı" metni yerine menüyü yazacağız. Şimdi grup kimliğini öğrenmeniz gerekir. Nasıl yapılır? Grubun ana sayfasına gidiyoruz ve duvar girişlerimize bakıyoruz - "Kayıt Ekle" bloğu altında "Tüm girişler" yazılacak - bu bağlantıya tıklayın.

Adım 6. Grup kimliğini belirleyin ve kodu düzenleyin
Sayfaya gidin ve bu türün URL'sini görün https://vk.com/wall-78320145?own\u003d1Bu örnekte 78320145 numaralarının grup kimliğidir. Verilerimizi kaynak kodun içine değiştiriyoruz ve bu türün bir kaydı alıyoruz:
http://vk.com/pages?oid\u003d-78320145&p\u003dmay (Numaralarınızla!). Bu dizeyi tarayıcı adres çubuğuna yerleştirin ve Enter tuşuna basın. Bu yüzden yarattık yeni sayfa Vkontakte ve aslında böyle görünüyor.

Adım 7. Gezinme sayfalarının geri kalanını vkontakte oluşturun
Benzer şekilde, daha fazla navigasyon sayfası oluştururuz: fiyatlar, sipariş, lansman ve sorunlar nasıl. Yani, tarayıcının adres çubuğuna dört kez kopyalandı, uygun kod (kimlik numaralarımın altındaki örnekteki kimlik numaralarımla):

http://vk.com/pages?oid\u003d-78320145&p\u003dzena

http://vk.com/pages?oid\u003d-78320145&p\u003dak_kuzak

http://vk.com/pages?oid\u003d-78320145&p\u003dtext

http://vk.com/pages?oid\u003d-78320145&p\u003d Kayıtlar
NOT, Sayfanın başlığında iki kelimeden (nasıl sipariş edilir) Kelimeler arasındaki boşluk, Alt alt çizgi ile değiştirilir. Şimdi her menü öğesi için beş seyahat sayfası var. SAYFA PORTFÖYİ Menü sayfasına yerleştirildiğinden yaratmadık.

Adım 8. Fotoğrafları ilk menü sayfasına yükleyin
Yine de yaratılanlarda boş sayfa (Bkz. Adım 6) Menüler Düzenle bağlantısına tıklayın veya içerik bağlantısını doldurun. Bundan sonra düzenleme panelini görüyoruz. Burada bir fotoğraf yüklemek için işlevi olan kamera simgesine tıklamamız gerek. Önemli! Wiki-Markup moduna sahip olduğunuzu lütfen unutmayın. Anahtarlama modları, sayfanın sağ kenarındaki simge ile düzenlenir.

Adım 9. Resim indirdikten sonra sonuç
Fotoğraflarımızı 1. adımda ve adım 2'de oluşturduk. İndirdikten sonra, aşağıdaki resimde olduğu gibi böyle bir kodu görüyoruz ve menü kendisi böyle görünüyor. Her kod değişikliğinden sonra, Kaydet sayfasına basmayı unutmayın ve sonucu görüntülemek için Önizleme'ye basın.

Adım 10. Resim kodunu düzenleyin
Şimdi görevimiz, NOPADDING özelliğindeki tüm NoMorder özelliklerini değiştirmektir. Ve ilk resim gerçek boyutlar yerleştirilir, çünkü VKontakte 400 piksele kadar bir resimle yüklendi. Tüm değişikliklerden sonra, böyle bir kodu ve böyle bir menü almalıyız.

Adım 11. Resimler için kayar bağlantılar
Şimdi her resim için bağlantılar koymak zorundayız. Bağlantı Nopadding Sonrası Eklenmeli | Parantez kaplamadan önce boşluk yerine. İlk resim için (1. adımdan gelen menü kapağı), grubun ana sayfasına bir bağlantı verebilirsiniz ve Nolink özelliğini kullanabilirsiniz (boşluksuz nopadding sonra). İkinci film için Format sayfasının adresini yerleştirin. page- 78320145_49821289.. UL resimlerle dolu https://vk.com/page-78320145_49821289, Etki alanıyla ilk parçaya kadar atlayabilirsiniz. Ancak dış sitelere referanslar için UL bağlantıları tamamen belirtilmelidir.

Adım 12. Gezinme sayfalarının geri kalanının kodunu kopyalayın.
Bu konuda, oldukça basit bir adım, son kodu önceki adımdan kopyaladık ve oluşturulan sayfaların geri kalanına - fiyatlar, sipariş, lansman ve sorunların geri kalanına ekliyoruz. Sayfasındayız, Düzenle'yi tıklatın veya içeriği doldurun (Wiki-Markup modundadır), kodu yerleştirin ve Kaydet'i tıklayın. Ve sonra da sonraki Sayfa. Yani, şimdi her biri kesinlikle aynı görünen beş sayfamız var. Ancak menü gezinmek mümkündür - bağlantıya tıkladığınızda, örneğin, PC fiyatlandırma sayfasına geçeceğiz.

Adım 13. Preslenmiş bir düğmenin etkisini yaparız.
Şimdi, beş sayfanın her birindeki bir resmi değiştirmemiz gerekiyor (alt çizgileri olmayan düğme altı çizili bir düğme ile değiştirilecektir). Örneğin, ilk menü sayfasında, yeni bir resim yükleriz ve ardından eski resmin adresini koddaki yeni (stresli kırmızı) değiştirin. Ardından fiyat sayfasına gidin, resmini altı çizili fiyatlarla yükleyin ve koddaki yeni resmin adresine değiştirin. Sonra sayfalara nasıl sipariş vereceğiz, başlatılacak ve sorunlar ve aynı işlemi aynı şekilde yapacağız.

Son.
Sonuç olarak, menü bağlantısına tıkladığınızda navigasyon etkisini ortaya çıkardık ve aktif hale gelir. Ancak, tüm sayfalardaki grafik tasarımının neredeyse aynığı olduğundan, aktif referans hariç, navigasyon yanılsaması, gerçekte başka bir sayfaya geçiş olsa da, gerçektedir.

Bu şekilde dekore edilmiş menü uyarınca uyarlanmamıştır. mobil cihazlar. Ekran boyutu düştüğünde, resimler bir tane diğerine hareket etmeye başlar. Yapmak için uyarlanabilir TasarımSert yelek için masa kullanmanız gerekir. Ancak bu başka bir hikaye ve daha ileri tekniği. Bu arada, grafik kalıplama menüsü için çeşitli seçeneklere bakın.

Ve böylece buraya böyle bir şapka var (kapak)

Şimdi elde edilen resim bir grup kapağı olarak yüklenir.
Bu böyle yapılır:

Yönetime git

Topluluk kapağı → Yükleme. Ve resmimizi seçin.

VK grubunda bir menü nasıl yapılır

VC'deki menü Wiki Markup kullanılarak yapılır (bu, VKontakte için oluşturulan özel bir programlama dilidir).

Menü için bir Wiki sayfası oluşturmanız gerekir. Bu böyle yapılır:

Adres çubuğuna böyle bir kodu kopyalayıp yapıştırın (verilerinizle)

Http://vk.com/pages?oid\u003d-123456789 & p \u003d menü

123456789, grubunuzun sekans numarası (kimliği) olduğunda.

Adres çubuğuna alabilirsiniz.

ve menü sayfanın adıdır.

Sonuç olarak, böyle yeni bir sayfanız olacak.

Menü Adı ile Yeni Wiki-Sayfa

"İçeriği doldur" ı tıklayın. Ve sayfa editörüne giriyoruz.

Sayfa editörünün iki modu vardır:
- görsel rejim
- Wiki-Markup Modu

Üçgen ayraçlar mavi bir kareye çerçevelenirse, Wiki-Markup modu açıktır.

Parantezler çerçevesiz mavi ise, görsel bir editördesiniz.

Bir Wiki-Markup editörüne ihtiyacımız var. Burada Menü için kodunu VK'da kaydedeceğiz.

Ancak kodu yazmadan önce, adres çubuğuna bakın.
Soru işareti (?) Soru işaretinden önce tüm karakterleri kopyalayın (?) Menünüzün adresidir.
Yazın!

Grup VK menüsü

Baştan beri (bir grafik editörde) yapılmalıdır.

Menünün boyutu:
- Maksimum 600 px genişlik (bu kadar en uygun)
- Göründüğü gibi yükseklik.

Böyle bir menü yaptım:

Şimdi Photoshop ("Kesim" aracı) menüyü eşit parçalara bölerim.

Tüm parçaları vurguluyorum ve PNG-24 formatında saklanır.

Sonuç olarak, 12 parçam var.

Mobil uygulamalarda uygun ekran için WIKA Markup sağlanmaz. Bu nedenle, menüyü her zaman eşit parçalara ayırın veya bir sütunda bir menü yapın. Sonra menünüz PC'de ve uygulamalarda eşit bir şekilde görünecektir.

Şimdi tüm elde edilen parçaların grup albümüne indirilmesi gerekiyor.

Bunun için "Teknik" başlığında ayrı bir albüm oluşturuyorum. Avatarı ve kapakların resmini taşıyorum.

Oluşturulan sayfaya dönüyoruz. Eğer bu adreste unuttuysanız http://vk.com/pages?oid\u003d-123456789&p\u003dmey
Grup numaranızı değiştirmek için 123456789'u unutmayın.

Yine ne olursa olsun düzenleme moduna gidin - Üst köşedeki kalem simgesine basmanız gerekir.

Düzenlemek için tıkla

Şimdi resimlerin bağlantı düğmeleri olacağı kesimden bir tablo inşa etmeliyiz ve düğme bulunmayan yerler tıklanamaz.

VK'daki masa aşağıdaki gibi başlar: (|
ve şöyle biter: |)

Menü her zaman bir grubu uygulamadan izlerken düğmeleri atlamayan tabloyu yapmaz

Genel olarak, bunu yazıyoruz (ancak değerlerinizle):

(| NOGORTOR; NOPADDING
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|}

Yerine fotoğraf-176307581_456239020 Ve benzerleri - resimlerini sayılarla değiştirin.

Onları böyle bulabilirsiniz:

1. "Teknik" grubunun albümüne gidin
2. Bir menü parçasının ilk fotoğrafını açın
3. Adres çubuğunda, bir parçayı bu fotoğrafın numarasıyla kopyalayın (fotoğrafa ihtiyacımız olmadan önce çok fazla rakam var)

Ve böylece VKONTAKTE GROUP için menümüzün her resmi ile yaptık.

Önemli güncelleme: Bu makale çok eski, çünkü özel bir menümak hizmeti ortaya çıktı, bu da grup için bir menü oluşturmanıza olanak sağlar. Manuel yaklaşımda artık gerekli değil. Ancak, bu makaleyi tarih için bırakmak.

Gruplar İletişim, bu, kullanıcılarının en büyük kümesinin yeri. Bu bir şairdir, çoğu maksimum numaralarını çekmek için onları düzenlemek için daha iyi deniyorlar. HAKKINDA grafik Tasarım Yaratan, geleceğin gelişimi ile aynı anda doğrudan, aynı anda bile düşünmek için en iyisidir.

Grubun tasarımının yüzü olduğunu anlamak önemlidir. yeni kullanıcı Sayfaya gider çıkmaz derhal görür, sadece bundan sonra içeriğe tanışmaya başlar. Bu cümlede, tüm kilo kaybı aslında yansıtılır. Ek olarak, grafik menüsü aynı zamanda grubun işlevselliğidir, çünkü mümkün olan en kısa sürede, ihtiyacınız olan bilgileri bulmak uygundur.

İdeoloji hakkında konuşun

Bir şey çizmeden ve dağılacak bir şeye başlamadan önce, menünün ne hakkında söylemesi gerektiğini düşünmek önemlidir? Bunu anlamak için, grubun ana hedefi ile de tanımlamaya değer - eğlendirmek, bilgilendirmek veya satmak. Bu, büyük ölçüde gelecekteki menünün görünümüne ve işlevselliğine bağlıdır.

Ziyaretçileri çekmek için menü

Eğlence yayınlamayı planlıyorsanız, bilgilendirici, bilgilendirici içerik, ana temaları gösterecek bir menü oluşturmaya değerdir. Örneğin, bölümler olabilir: en son yayınlar, en popüler, moda, sağlıklı gıda, çocuklar, vb. Hakkında.

Satış menüsü

Aksine, sayfanın hedefi satmaksa, menü kullanıcıların çok sayıda mal arasında gezinmesine yardımcı olmalıdır. Kesikleri kataloğa veya belirli bir parçaya gönderen bir ziyaretçi gönderen bölümleri koymak, teslimat, rehber, şirketler, promosyonlar ve mutlaka iletişim sayfasında konuşun.

İlk Aşama - Photoshop'ta çalışıyoruz

İletişim menüsü, sosyal ağda değil, grafik editörleri kullanmaya başlar. Bunu yapmak için, photoshop kullanmak en iyisidir, bunun için minimum bilginin bile yeterli olmasına rağmen. Bu nedenle, programı açın ve bir menü şablonu oluşturun. Yeni belgenin boyutu doğrudan ihtiyacınız olan bölümlerin sayısına bağlıdır.

Sonra bir arka plana ihtiyacınız olacak. Sadece beyaz bir arka plan veya renk veya belirli bir resim olabilir. İnternetten salının ve şablona ekleyin. Sonra, arka plan resmi yazınız, zamanladığınız menü öğeleri. Bu yazıtlar daha sonra kullanıcıyı belirli bir bölüme yönlendiren referanslara dönüşecektir.

Ancak bu resmin dönüştürüldüğü ve bağlantılara kolayca ilerledikçe kesilmesi gerekir. Bu, "kesim" aracını kullanarak aynı Photoshop'ta yapılır.

Ancak sorunsuz ve güzel hale getirmek için, CTRL + R tuşları tarafından etkinleştirilen yardımcı hatları kullanmak önemlidir. Mavi çizgiler çekilebilir ve kesim için sınır kurabilir. Daha sonra, "Kesme" aracına tıklayın ve üst menüdeki "Kılavuzlardaki Fragmanlar" nı seçin, bunun bir sonucu olarak, resimlerin açıkça birkaç ayrı menü bölümüne bölündüğü bir sonuç olarak seçin.