Per rendere l'aspetto generale della community più estetico e più comodo con cui lavorare, la soluzione migliore sarebbe creare un menu di gruppo. In questo modo puoi mettere tutti gli elementi importanti in un elenco ordinato, impostare la propria icona o immagine per ogni collegamento, informare i visitatori di eventuali modifiche in modo rapido e veloce. Il menu può includere i seguenti elementi: vari collegamenti a siti esterni, richiami per discussioni, album, musica e altre sezioni all'interno del sito Vkontakte, immagini e solo la struttura del tuo gruppo. Seguendo le istruzioni seguenti, prova a creare il tuo menu per la community di Vkontakte.
Come creare un menu semplice nel gruppo Vkontakte
Se vuoi che ogni riga del menu conduca a un particolare argomento di discussione, prima di tutto, devi creare queste stesse discussioni e dare loro dei nomi. Lasciarli chiusi o aperti per i commenti è una questione molto privata, poiché questa opzione non influisce sulla visualizzazione della pagina nel menu.
Cerca di creare un menu semplice che rappresenti la struttura del tuo gruppo e contenga tutte le sezioni più importanti.
- Tieni presente che i menu appariranno in modo leggermente diverso in un gruppo e in una comunità. Pertanto, se desideri trasferire un gruppo in una community, fai clic sull'icona dei tre puntini accanto al nome del gruppo e seleziona la riga "Converti in pagina". Tieni presente che non sarai in grado di trasformare una community di nuovo in un gruppo.
- Ora vai al collegamento "Gestione comunità" nello stesso menu.
Vedrai un blocco con tutte le impostazioni del tuo gruppo, qui puoi modificare il nome, le informazioni di contatto, la privacy, gestire i membri. Vai alla categoria "Sezioni".
- Nella riga "Materiali", imposta il valore su "Disabilitato" o "Limitato" in modo che i membri del gruppo non possano danneggiare inavvertitamente i file necessari per la registrazione. Ricordati di salvare la tua selezione.
- Vai al gruppo e vai alla finestra "Notizie fresche", dalla quale creerai il menu.
- Fare clic su "Modifica".
- Prima di tutto, è necessario modificare il titolo "Notizie fresche" in "Menu" o qualsiasi altro nome che renda chiaro ai partecipanti che qui possono fare clic rapidamente sui collegamenti necessari.
Cambia la modalità di modifica del post su "modifica markup Wiki" tramite la piccola freccia nell'angolo destro.
Ora crea una struttura:
- È importante che tu abbia discussioni, materiali o album nel gruppo, il cui nome utilizzerai nel menu.
- Scrivi tutti i titoli delle sezioni principali su una riga, racchiudendoli due volte tra parentesi quadre.
- Per far sembrare il testo un elenco, metti degli asterischi davanti ai paragrafi.
In questo screenshot, possiamo supporre che il gruppo abbia del materiale chiamato "Sezione 1", discussione "Sezione 2" e un album "Sezione 3". Fare clic su "Anteprima" o "Salva modifiche".
- La tua sezione cambierà in "Menu" e ci saranno collegamenti attivi alle principali categorie del gruppo, ordinatamente disposti in un elenco.
Come inserire collegamenti nel menu del gruppo Vkontakte
Per velocizzare l'accesso al proprio sito ufficiale, o alle sezioni direttamente all'interno del gruppo, è meglio inserire dei link attivi.
- Torna alla modifica della sezione del menu. Copia il link che desideri e incollalo nella finestra in modalità di markup Wiki. Dopo il salvataggio, diventerà attivo.
- Ecco come appaiono tutti i link che puoi inserire nel menu del tuo gruppo.
Come creare un menu VKontakte con immagini
Se vuoi che il menu sia composto da bellissime icone che portano a una particolare sezione, segui semplicemente le istruzioni di seguito.
- Per cominciare, crea un album speciale che conterrà solo immagini tecniche per il design della band.
- Carica immagini jpeg fino a 500 pixel per 500.
- Copia l'URL dell'immagine caricata.
- Ora copia il collegamento alla discussione, al contenuto o ad un altro sito esterno.
- [[Link a un'immagine nel tuo album | dimensione in pixel; senza imbottitura | Link alla discussione o al sito]]
Un esempio è mostrato nello screenshot.
Fare clic su "Salva pagina".
- Ora un collegamento pulito apparirà nel tuo menu. Puoi impostare il valore dei pixel come meglio credi.
Per aggiungere più immagini, inserisci nuovi collegamenti su una nuova riga.
Saluti, cari amici e ospiti del blog. Oggi parleremo della creazione di menu in VK e di come farlo nel nuovo design di un social network. Ci sono cambiamenti davvero significativi di cui devi essere a conoscenza, poiché se il menu è realizzato nel vecchio design, di cui ho scritto, le immagini potrebbero sembrare storte.
Menu del gruppo VkontakteÈ il suo viso. È il suo utente che vede quando entra per la prima volta nella comunità e se tutto è accessibile e progettato in modo attraente dipende in gran parte dal fatto che diventi un membro permanente del gruppo.
IMPORTANTE: Dopo aver modificato il design generale in VK, sono cambiate anche le dimensioni delle immagini per il menu nel social network. Controlla il tuo lavoro e apporta modifiche nei gruppi discussi di seguito.
Tipi di menu e loro caratteristiche
Il primo passo nella creazione di una comunità è decidere il suo obiettivo principale. Il futuro design del menu e le sue caratteristiche funzionali dipendono da questo.
A seconda degli obiettivi del gruppo, il menu può essere:
- per una piattaforma informativa;
- ;
- per il sito di formazione.
La parte principale è informativa. Queste sono le community in cui all'utente viene fornito qualsiasi tipo di contenuto di intrattenimento o educativo. Per un tale gruppo, è consigliabile utilizzare un menu che mostri gli argomenti principali. Quindi, il pubblico popolare crea sezioni: notizie, ultime pubblicazioni, pubblicazioni popolari, nonché sezioni specificamente sull'argomento del gruppo.
I menu per il commercio e la formazione del pubblico possono essere simili. Lo scopo di entrambi è aiutare l'utente a navigare nella gamma di prodotti o servizi. Il menu per le vendite, di norma, include sezioni come Catalogo prodotti, Pagamento, Consegna, Promozioni e sconti e per la formazione può essere limitato alle sezioni che descrivono i servizi, poiché la cosa principale qui è che l'utente trovi il programma di formazione o materiale di cui ha bisogno.
Come creare un menu in un gruppo Vkontakte: istruzioni passo passo
L'intero processo può essere suddiviso in 2 fasi:
- Lavora in Photoshop;
- Aggiunta di sezioni e immagini nel gruppo stesso.
Per rispondere con precisione alla domanda su come creare un menu nel gruppo Vkontakte, dovresti immaginare visivamente il design futuro con tutte le sezioni e quindi, nel processo, puoi aggiungere elementi che ti vengono ancora in mente.
Nella prima fase, vengono creati un avatar del gruppo e le immagini per il menu stesso. Una singola immagine apparirà più armoniosa sia per l'avatar che per il menu.
La scelta o la creazione di un avatar dovrebbe essere presa molto sul serio, poiché molti utenti vi prestano particolare attenzione. Puoi trovare un'immagine adatta su Internet e aggiungere un'iscrizione o alcuni elementi in Photoshop, oppure puoi creare tu stesso un'immagine assolutamente unica.
Poiché dobbiamo anche creare un menu a discesa, stiamo cercando o creando un'immagine che si adatti meglio al tema del gruppo, o semplicemente prendiamo uno sfondo bellissimo. Il lavoro con l'immagine avverrà in Adobe Photoshop, poiché la funzionalità dei normali editor di foto non è sufficiente per tutte le operazioni necessarie. Tutte le dimensioni sono impostate dal social network Vkontakte stesso e deviazioni significative verso l'alto o verso il basso porteranno al fatto che l'avatar non verrà caricato affatto o non sarà un tutt'uno con il menu.
Algoritmo delle azioni:
- Apri Photoshop e vai su "file" - "crea" e imposta la larghezza e l'altezza: 760X500, rispettivamente.
- Selezioniamo lo strumento "taglio", quindi - "dividi il frammento". Dividi l'immagine in 3 parti orizzontalmente. Per un frammento dal bordo sinistro o destro nella finestra a discesa (a seconda di quale parte vuoi vedere sull'avatar), scrivi i valori di larghezza e altezza - 200XX e Y) - 560 e 0. Questo sarà l'avatar del gruppo.
- Per il prossimo frammento, impostiamo i valori di larghezza e altezza - 50X500 e in coordinate scriviamo 510 e 0. Questo è lo spazio tra l'avatar del gruppo e il menu. Questa parte non sarà necessaria in futuro.
- Seleziona nuovamente "dividi frammento" e dividi verticalmente in 2 parti. Per il frammento in alto, imposta i valori: larghezza - 510, altezza - 182, coordinate - 0. Questo è lo spazio sopra il menu. Anche questa parte non sarà visibile nel gruppo.
- Ora copia l'immagine selezionata o creata nell'oggetto creato e diviso. Se i tasti di scelta rapida CTRL + V non funzionano, apri semplicemente la posizione sul tuo computer in cui è salvata l'immagine e trascinala in Photoshop.
- Dividi lo spazio rimanente verticalmente in tanti frammenti quante sono le sezioni del menu. Per loro, i valori possono essere omessi.
Scriviamo il nome di ogni sezione.
- L'ultimo passaggio è salvare le immagini. Devi salvare le immagini in questo modo: file - save for Web. Questo metodo è adatto per le versioni successive di Photoshop. Se nella sezione "file" non è presente la scritta "salva per Web", procediamo come segue:
Vai alla voce "file", seleziona "esporta" - "salva per Web". Lasciamo tutti i parametri così come sono. Fare nuovamente clic su "Salva".
Seleziona una cartella sul tuo computer e salva lì le immagini. Alla fine, dovrebbero assomigliare a questo:
Ora passiamo alla seconda fase per capire esattamente come creare un menu nel gruppo Vkontakte, aggiungendo direttamente un menu a un pubblico. Per questo:
- Prima di tutto, devi collegare i Materiali, poiché puoi aggiungere qualsiasi sezione nella pagina principale solo in questo modo. Per fare ciò, vai su Gestione comunità e in fondo alla pagina, seleziona "Materiali", quindi - "Apri". Salviamo le modifiche.
- Carichiamo tutte le foto nel gruppo, ad eccezione dell'avatar e di quelle parti che non servono. Affinché le foto vengano visualizzate nella pagina principale, è necessario tornare a Gestione comunità e fare clic di fronte alla scheda "Foto" - "Apri".
- Carichiamo l'avatar.
- Il prossimo passo è abilitare la modalità di markup wiki. Questo può essere fatto facendo clic sull'icona a forma di diamante sul lato destro della pagina nella sezione "modifica".
- Qui inseriamo il codice per il markup: [], dove [] è un collegamento a una sezione o pagina in cui andrai facendo clic sulla foto. Puoi aggiungere entrambi i collegamenti alle sezioni nello stesso Vkontakte e alle risorse esterne.
- Questo codice viene duplicato tante volte quante sono le sezioni del menu, inserendo ogni volta dei link.
Se lo si desidera, cambiamo anche la scheda "new news", ad esempio, in "menu.
- Premiamo "salva la pagina", torniamo alla sezione principale del gruppo e aggiorniamo la pagina. Il menu è chiuso di default, ma l'utente, cliccando sul nome corrispondente, potrà aprire le sue sezioni e navigare tra di esse.
Questo completa l'intero processo, ma dovresti assolutamente controllare se i collegamenti funzionano e se i bordi della foto corrispondono.
Servizi per la creazione di un menu di gruppo
Se ancora non capisci come creare un menu nel gruppo Vkontakte e le istruzioni dettagliate non ti hanno aiutato, puoi utilizzare servizi speciali che creeranno e persino aggiungeranno magnificamente
menu decorato al gruppo.
Uno dei servizi più popolari è MenuMake. Dopo aver inviato la domanda, l'ordine sarà pronto in 5 minuti, quindi, se lo si desidera, il menu verrà aggiunto al gruppo. Allo stesso tempo, vengono presi in considerazione tutti i desideri del cliente per quanto riguarda il design e il numero di sezioni.
Cordiali saluti, Galiulin Ruslan.
Come sai, una persona, leggendo o accedendo a questa o quella risorsa web, per i primi 8 secondi presta attenzione al design e all'interfaccia. Allo stesso tempo, è convinto della buona o cattiva usabilità (usabilità). Il menu nel gruppo nel social network "Vkontakte", di cui parleremo oggi e considereremo il principio del suo design per esempio, consente non solo di presentare in modo colorato le informazioni e "distinguere" per il meglio dai concorrenti, ma anche di identificare esattamente quei punti e porre su di essi l'enfasi che è necessaria.
Basta guardare qualche esempio per capire quanto sia bello e conveniente:
Iniziamo. Per cominciare, va notato che se vuoi creare il menu da zero, avrai bisogno di tutte le informazioni di seguito. Nel caso in cui il design sia già presente, puoi saltare parte dell'articolo e andare direttamente al suo posizionamento e markup wiki.
Progettazione del menu
Consente di creare le basi per un progetto futuro. Per completare questa parte del lavoro, è incoraggiata la conoscenza di un programma come "Adobe Photoshop". Ecco come appare il modello di dimensioni, in cui implementeremo il futuro bellissimo menu.
L'avatar è largo 200 pixel e alto 500. L'immagine del menu principale è 510 * 308. Di conseguenza, alla fine otterremo un "menu" così bello.
Si prega di notare che a seconda delle informazioni scritte dopo il nome del gruppo, l'altezza dell'immagine a destra (avatar) potrebbe cambiare e, di conseguenza, tutto ciò che si trova nelle vicinanze potrebbe cambiare!
Questa fonte di layout PSD è stata implementata come esempio. Scarica .
Non ci concentreremo su come è stato realizzato il modello, procederemo immediatamente alla sua preparazione per il posizionamento in un gruppo nuovo o esistente. Apri il file in Photoshop.
Prima di tutto, salva l'avatar. Uno dei modi per salvare velocemente, se tutto è strutturato nel file e ci sono pochi elementi (come nel nostro caso). Disattiva la visibilità dei livelli di cui non abbiamo bisogno.
Vai alla sezione "Immagine" e seleziona l'operazione "Taglio".
In uscita otteniamo:
Se il peso dell'immagine risultante è grande, puoi utilizzare lo strumento "Salva per Web". Il comando si trova anche nella sezione "File".
Eseguiamo un'operazione simile con l'immagine che verrà visualizzata quando il menu viene visualizzato inizialmente. Nel nostro caso, lasciamo visibili - la cartella "menu aperto" e lo "sfondo del menu" nella cartella "menu con l'auto". L'output è di conseguenza:
Ora devi salvare e tagliare il secondo livello del menu. Per fare ciò, lasciare visibile lo "sfondo menu" nella cartella "menu auto" e aggiungere ad esso il "menu di secondo livello".
Quindi utilizzeremo lo strumento "Taglio", che si trova nel menu a sinistra.
Abbiamo "tagliato" la nostra immagine nelle parti appropriate. Nel nostro caso, ce ne saranno tre.
Questo completa la parte preparatoria. Procediamo alla fase principale.
Markup Wiki del menu finito in Vkontakte.
Prima di tutto, devi caricare una foto di gruppo o un avatar facendo clic sul collegamento con lo stesso nome e selezionando il file di cui abbiamo bisogno.
Quindi assicurati di eseguire la seguente sequenza di azioni. Andiamo su "Gestione comunità" e nella voce "Sezioni" di fronte al pulsante "Materiali" selezioniamo "Limitato".
Questo deve essere fatto in modo che gli utenti e i membri del gruppo non possano cambiare e/o modificare elementi aggiuntivi, incluso il menu.
Dopo l'operazione completata, carichiamo le nostre foto tagliate nell'album della comunità.
Vai alla sezione "Ultime notizie", seleziona "Modifica" e accedi al menu dell'editor.
Per accelerare il processo, usa il tasto Fotocamera e fai clic su Seleziona da foto della community.
Dopo aver aggiunto, ci ritroviamo nuovamente nel menu dell'editor e premiamo il tasto "<>", In cui effettueremo ulteriori modifiche. Inoltre, rinomina subito la sezione e al posto di "Notizie fresche" scrivi nel nostro caso "GRUPPO MENU".
La struttura generale di ogni parte affettata appare così nel markup - [], dove:
id - identificativo (numero) dell'immagine che hai caricato;
X e Y - la dimensione dell'immagine orizzontalmente e verticalmente in pixel;
Guardando il modello, modifichiamo il nostro markup wiki e periodicamente andiamo alla sezione "Anteprima", che mostra visivamente le modifiche che abbiamo apportato.
Tutte le immagini in una volta devono essere chiuse con un tag (e non come era originariamente per impostazione predefinita, ogni immagine)
Poiché abbiamo già lasciato un tag per centrare l'immagine, per eliminare le "spiacevoli" distanze tra le parti dell'immagine complessiva, inserisci il tag "nopadding" come segue: []
Questo è ciò che accade alla fine.
Ora dovresti fare clic sulla scheda "MENU GRUPPO", quindi su "modifica".
Importante! Per copiare l'indirizzo richiesto, nella nostra versione, clicca su "MENU GRUPPO" e da lì copia il "link corretto".
Vai alla pagina principale, fai clic su "Aggiungi post". Non dimenticare di cambiare subito l'autore del post!
Fare clic sui "puntini di sospensione" a destra della voce e fare clic sulla scheda "Pin".
Successivamente, aggiorniamo la pagina e ci godiamo il risultato risultante, che assomiglia a questo:
Cliccando su "Apri Menu".
Come puoi vedere, creare un menu sul social network Vkontakte è abbastanza facile e semplice. È sufficiente avere un livello facile di conoscenza dell'uso di "Photoshop" e del markup wiki. Migliore e più chiaro è il design, più volentieri e più spesso un potenziale utente verrà e tornerà nel tuo gruppo.
Se desideri un design di gruppo davvero unico e sorprendente mantenendo l'identità aziendale e gli elementi di accompagnamento, contatta un designer professionista o puoi provare tu stesso la portata dei tuoi talenti. Buona fortuna in tutti i tuoi sforzi!
Numerose richieste dei miei lettori insistenti e degli utenti semplicemente curiosi hanno avuto il loro effetto. Ho finalmente creato una lezione in cui impareremo a creare un menu Vkontakte dinamico con l'effetto dei pulsanti premuti! Per analogia con i normali siti Internet, quando un collegamento visitato viene contrassegnato in un modo speciale (pulsante premuto, sottolineato, ecc.), creeremo la stessa struttura Vkontakte utilizzando le pagine e il design grafico creati. Per cominciare, creeremo modelli grafici in Photoshop: creeremo un'intestazione di menu e pulsanti di due tipi. Quindi creeremo diverse pagine Vkontakte, in base alle voci nel nostro menu. E infine, facciamo un trucco complicato, che, di fatto, creerà l'illusione di fare clic sul collegamento. La lezione è piuttosto complessa e adatta a coloro che si sentono sicuri della funzionalità di Vkontakte. Eseguirò tutte le manipolazioni usando un esempio. il tuo gruppo Vkontakte dove questo effetto si realizza dal vivo. Quindi iniziamo!
Passaggio 1. Crea un'intestazione di menu in Photoshop
Crea un documento di 600 px di larghezza in Photoshop. L'altezza può essere diversa, a tua discrezione. Puoi inserire qualsiasi tipo di foto, collage, banner informativo e altre immagini grafiche nell'intestazione. In questo caso, ho utilizzato questo banner pubblicitario con una dimensione di 600x172 pixel. 
Passaggio 2. Crea una barra di navigazione in Photoshop
Ora dobbiamo creare una barra di navigazione. In questo esempio, ho usato solo testo come pulsanti. Ma a tua discrezione, puoi creare pulsanti colorati e scrivere del testo su di essi. Lo facciamo: creiamo un rettangolo di 600x56 px in Photoshop e in questo caso lo riempiamo di bianco. Quindi scriviamo le voci di menu in una riga - da qualche parte nell'ordine di 5-6 voci, non di più. Più punti sembreranno schiacciati.
Passaggio 3. Crea una barra di navigazione nello stato premuto in Photoshop
Ora dobbiamo creare collegamenti attivi, come se fossero stati cliccati. Ho usato una sottolineatura normale, ma puoi usare un testo o un colore di sfondo diverso per contrassegnare il collegamento visitato.
Passaggio 4. Taglia le immagini finite
A questo punto, dobbiamo tagliare le immagini dal passaggio 2 e dal passaggio 3. Dovremmo ottenere due serie di cinque pulsanti: uno senza sottolineato, l'altro con sottolineato. I bottoni per ogni singolo articolo (con e senza sottolineatura) devono essere della stessa dimensione. L'immagine sotto mostra tutto il nostro design grafico: dieci pulsanti e un'intestazione di menu. 
Passaggio 5. Crea una pagina del menu Vkontakte
Ora vai su VKontakte. Il nostro compito è creare una pagina separata chiamata "Menu". Per fare ciò, utilizzeremo il seguente codice
http://vk.com/pages?oid=-XXX&p=nome_pagina
dove al posto di XXX andremo a sostituire l'id del nostro gruppo, e al posto del testo "Nome pagina" scriveremo un Menu. Ora dobbiamo scoprire l'id del gruppo. Come farlo? Andiamo alla pagina principale del gruppo e guardiamo i nostri post sul muro - proprio sotto il blocco "Aggiungi post" sarà scritto "Tutti i post" - fai clic su questo link. 
Passaggio 6. Determinare l'ID del gruppo e modificare il codice
Vai alla pagina e vedi l'url di questo tipo https://vk.com/wall-78320145?own=1, dove i numeri 78320145 in questo esempio sono l'id del gruppo. Sostituiamo i nostri dati nel codice sorgente e otteniamo un record come questo:
http://vk.com/pages?oid=-78320145&p=Menu(con i tuoi numeri!). Incolliamo questa riga nella barra degli indirizzi del browser e premiamo Invio. Quindi abbiamo creato una nuova pagina Vkontakte e inizialmente sembra così. 
Passaggio 7. Crea Vkontakte il resto delle pagine di navigazione
Allo stesso modo, creiamo altre quattro pagine di navigazione: Prezzi, Come ordinare, Termini di riferimento e Domande. Cioè, altre quattro volte copiamo il codice corrispondente nella barra degli indirizzi del browser (con i tuoi numeri ID nell'esempio sotto i miei numeri):
http://vk.com/pages?oid=-78320145&p=Prezzi
http://vk.com/pages?oid=-78320145&p=How_order
http://vk.com/pages?oid=-78320145&p=Termini di riferimento
http://vk.com/pages?oid=-78320145&p=Questions
Si prega di notare che nel titolo della pagina di due parole (Come ordinare), lo spazio tra le parole è sostituito da un trattino basso Come ordinare. Ora abbiamo cinque pagine pronte per ogni voce di menu. Non abbiamo creato la pagina Portfolio poiché si trova nella pagina Menu
Passaggio 8. Carica le foto nella prima pagina del menu
Nella pagina ancora vuota (vedi Passaggio 6), fare clic sul collegamento Modifica o sul collegamento Riempi con contenuto. Dopodiché vediamo il pannello di modifica. Qui dobbiamo fare clic sull'icona della fotocamera con la funzione Carica foto. Importante! Assicurati di avere la modalità di markup wiki. Il cambio di modalità è controllato dall'icona sul bordo destro della pagina. 
Passaggio 9. Risultato dopo il caricamento delle immagini
Carichiamo le nostre immagini, che abbiamo creato nei passaggi 1 e 2. Dopo il caricamento, vediamo il codice come nell'immagine qui sotto e il menu stesso ha questo aspetto. Dopo ogni modifica al codice, non dimenticare di fare clic su Salva pagina, quindi sull'anteprima per visualizzare il risultato. 
Passaggio 10. Modifica del codice immagine
Ora il nostro compito è sostituire tutte le proprietà noborder con la proprietà nopadding. E per la prima immagine, metti giù le dimensioni reali, poiché Vkontakt ha ridotto l'immagine a 400 pixel durante il caricamento. Dopo tutte le modifiche, dovremmo ottenere un tale codice e un tale menu. 
Passaggio 11. Inserimento di collegamenti per le immagini
Ora abbiamo bisogno di aggiungere collegamenti per ogni immagine. Il collegamento deve essere inserito dopo il nopadding | invece di uno spazio prima delle parentesi chiuse. Per la prima immagine (l'intestazione del menu dal passaggio 1), puoi fornire un collegamento alla pagina principale del gruppo, oppure puoi utilizzare la proprietà nolink (messa dopo; dopo il nopadding senza spazi). Per la seconda immagine, inserisci l'indirizzo della pagina del formato pagina-78320145_49821289... Cioè, l'URL completo dell'immagine https://vk.com/page-78320145_49821289, puoi omettere la prima parte con il dominio. Ma per i collegamenti a siti esterni, i collegamenti URL devono essere specificati per intero. 
Passaggio 12. Copia il codice nel resto delle pagine di navigazione
In questo passaggio piuttosto semplice, copiamo l'ultimo codice dal passaggio precedente e lo incolliamo nel resto delle pagine create: Prezzi, Come ordinare, Termini di riferimento e Domande. Siamo sulla pagina, fai clic su Modifica o Riempi con contenuto (siamo in modalità markup wiki), incolla il codice e fai clic su Salva. E poi anche nella pagina successiva. Cioè, ora abbiamo cinque pagine, in ognuna delle quali il menu sembra esattamente lo stesso. Ma d'altra parte, puoi già navigare nel menu: quando fai clic sul collegamento ad esempio Prezzi, ci sposteremo alla pagina Prezzi, ecc.
Passaggio 13. Fare l'effetto del pulsante premuto
Ora dobbiamo cambiare un'immagine su ciascuna delle cinque pagine (sostituiremo il pulsante senza sottolineatura con un pulsante con sottolineatura). Ad esempio, nella prima pagina del Menu, carichiamo una nuova immagine e poi sostituiamo l'indirizzo della vecchia immagine nel codice con uno nuovo (sottolineato in rosso). Quindi vai alla pagina Prezzi, carica l'immagine con i Prezzi sottolineati e cambia il codice con l'indirizzo della nuova immagine. Quindi andiamo alle pagine Come ordinare, Termini di riferimento e Domande e facciamo la stessa operazione allo stesso modo. 
Il finale.
Di conseguenza, abbiamo ottenuto un effetto di navigazione quando si fa clic su un collegamento di menu e questo diventa attivo. Ma poiché il design grafico su tutte le pagine è quasi lo stesso, ad eccezione del collegamento attivo, viene creata l'illusione della navigazione, sebbene in realtà venga effettuata una transizione a un'altra pagina.
Il menu progettato in questo modo non è adatto ai dispositivi mobili. Quando le dimensioni dello schermo si riducono, le immagini iniziano a scorrere l'una sotto l'altra. Per creare un design reattivo, è necessario utilizzare tabelle di tipo hard. Ma questa è un'altra storia e una tecnica più avanzata. Fino ad allora, dai un'occhiata alle diverse opzioni per la modellazione del menu grafico. 
Considerando che questo menu non è in un gruppo, ma nella pagina VKontakte (pubblica), ho deciso di mostrarti come è fatto tutto questo! Per molto tempo sono già stato assalito da domande: come creare un menu in pubblico, come aprire il menu, come risolverlo, ecc. Ecco un'istruzione per te!
Allora come è possibile? creare un menu su una pagina pubblica in contatto? Sappiamo tutti che la possibilità di aggiungere un menu wiki integrato è solo in gruppo, ho scritto su di esso e. Ma come si fa a creare un menu in pubblico se non c'è tale funzione nelle impostazioni? Per una mente curiosa, non ci sono restrizioni! Ecco come appare il menu nel nostro pubblico aziendale:
Menù pubblico? Vai tranquillo!
Rivedi gli articoli: e ora questa conoscenza ci sarà utile!
3 passaggi per un bellissimo menu pubblico!
Probabilmente hai già indovinato che la base di un tale menu è ... post appuntato con una pagina interna! Personalmente, mi piace molto questo metodo, anche nel gruppo del mio blog, mi sono rifiutato di incorporare e utilizzare il "menu nella clip". E ora ti darò istruzioni chiare su "come farlo"!
Passaggio n. 1: crea la pagina del menu interno
Quindi, affinché un menu appaia nel nostro gruppo, deve essere creato su una pagina interna separata. E come ricorderete, in pubblico non abbiamo la possibilità di aggiungere un menu, ma andremo dall'altra parte e creeremo una pagina interna. Per crearlo, dobbiamo registrare correttamente l'indirizzo nella riga del browser. Ecco un modello di collegamento per te:
Opzione 1: (normale)
http://vk.com/pages?oid=- XXX & p = Nome_pagina
dove XXX è l'ID della tua pagina pubblica,
e "Page_Name" è qualsiasi parola che verrà utilizzata per denominare la pagina
Opzione 2: (leggero, ma)
Quindi, creiamo una pagina wiki e la riempiamo come se stessimo compilando il menu per il gruppo. Cioè, lì registriamo tutte le immagini e le transizioni. Dovremmo ottenere qualcosa del genere:
Questo è il codice wiki per il menu
Attenzione! Se ancora non sai come creare menu visivi in contatto, allora di nuovo, un articolo! Se tutto è ok. quindi otterrai un'immagine simile:
E questa è una pagina di menu già pronta
Passaggio n. 2: crea un post sul muro
Ora dobbiamo aggiungere il nostro menu alla bacheca della community di VKontakte. Per fare ciò, copia link alla pagina interna e aggiungilo al post, in questo modo:
Probabilmente sai già che il link al post viene allegato automaticamente e, dopo che il link è stato allegato dal post stesso, l'indirizzo della pagina può essere cancellato. Se pubblichi un collegamento, il menu sulla bacheca non apparirà, ma ci sarà solo un collegamento, facendo clic sul quale una persona verrà portata al nostro menu. Questa è solo metà della battaglia! Abbiamo bisogno che il menu sia visibile e appeso alla chiusura, ad es. nel posto più appariscente.
Quindi ora dobbiamo rimuovere il collegamento dal "corpo" del post (rimarrà la pagina allegata), e aggiungere al post Immagine che gli abbonati vedranno. Il trucco è che se c'è un collegamento e un'immagine in una voce, quando fai clic sull'immagine, seguendo un link! Tutto geniale è semplice!
L'immagine può ripetere parzialmente o completamente il menu stesso, qui sta a te decidere. Se ordini un menu per un pubblico, hai bisogno anche di un banner, ad es. un'immagine che verrà appesa in una clip. Ecco cosa otteniamo quando pubblichiamo un post:
L'immagine ripete il menu e attira l'attenzione dei visitatori della pagina
Passaggio n. 3: correggere il post
Finalmente abbiamo tutto pronto e il post è appeso con una foto e un link sul muro! Ora dobbiamo spostarlo nell'intestazione del gruppo, appuntare il post nella pagina principale, fare un lucchetto... Per fare ciò, fare clic sulla data / ora del post (sotto ogni post c'è una data di pubblicazione), noi vai alla pagina interna del post, scorri verso il basso e cerca il pulsante “pin”". Guarda nell'immagine quello che devi trovare: 
Fare clic su questo pulsante e aggiornare la pagina. Voilà, hai finito! Godiamoci il bellissimo menù!
vk.com/frilkacom
Puoi anche scegliere un'immagine che sarebbe una continuazione del tuo avatar: questo design sembra molto carino.
Quindi, con l'aiuto di tre semplici passaggi, siamo riusciti a creare un bellissimo menu che può essere utilizzato in qualsiasi comunità VK!
Ho tutto! Condividi l'articolo con i tuoi amici, aggiungilo ai preferiti e segui gli aggiornamenti del blog per non perdere nuovi articoli interessanti!
