Eine schön gestaltete Gruppe hilft Ihnen, die Loyalität Ihrer Mitglieder zu gewinnen und Ihre Funktionalität zu erhöhen. Dieser Artikel hilft Ihnen, ein einfaches, aber geschmackvolles grafisches Menü für eine Gruppe oder eine öffentliche VKontakte-Seite zu erstellen.
Vorbereitung des Layouts für das Menü
Um ein schönes grafisches Menü für eine Gruppen- oder öffentliche Seite zu erstellen, benötigen Sie ein Bild, auf dem das gesamte Menü mit Proportionen von ca. 500 * 1000 Pixeln gezeichnet wird und Grundkenntnisse in Adobe Photoshop. Angenommen, Sie haben Ihr Menü bereits gezeichnet - ein rechteckiges Bild mit den Hauptschaltflächen. Aber wie kann man es auf der VKontakte-Seite platzieren und funktionsfähig machen, dh durch Klicken auf einen bestimmten Bereich arbeiten? Öffnen Sie Ihr Layout in Adobe Photoshop, schneiden Sie das Bild mit dem Slice-Tool in mehrere separate horizontale Teile, von denen jedes eine Schaltfläche ist. Anschließend speichern Sie das ausgeschnittene Bild für das Internet (Save - Save for Web), vorzugsweise im.jpg-Format. Sie erhalten mehrere separate Schaltflächenbilder, die dann auf der VKontakte-Seite platziert werden können. Der erste Teil der Arbeit ist getan!
Menübilder hinzufügen
Jetzt haben Sie den wichtigsten Teil der Arbeit: Layout und Design. Um ein Menü zu erstellen, müssen Sie in dieser Community über Administratorrechte verfügen. Gehen Sie zu Ihrer Gruppe, wählen Sie rechts "Community Management". Stellen Sie gegenüber dem Punkt "Materialien" den Wert "begrenzt" ein. Kehren Sie zur Startseite zurück. Unter der Community-Beschreibung wird nun ein zusätzliches erweiterbares Symbol für „Neue Nachrichten“angezeigt. Markieren Sie es und wählen Sie dann Bearbeiten. Das Blockbearbeitungsfenster wird geöffnet. Klicken Sie im oberen Teil auf das Symbol "Foto hinzufügen" und laden Sie die vorbereiteten Bilder hoch. Ordne sie nach dem Download in der richtigen Reihenfolge an. Klicken Sie nun nacheinander auf jedes Bild und geben Sie im Feld „Link“die Adresse der Seite ein, auf die Sie beim Anklicken weiterleiten möchten. Aber das ist noch nicht alles, bei der Vorschau und beim Speichern stellt sich heraus, dass zwischen den Bildern erhebliche Lücken bestehen. Dies muss behoben werden.
Layout
Klicken Sie auf das Symbol mit Anführungszeichen in der oberen rechten Ecke des Seitenbearbeitungsmenüs. Sie werden sehen, dass Ihre Bilder einen eigenen Code haben, der in etwa so aussieht wie [photo169452_381609123 | 422px | page-6574936_174936]. Um Leerzeichen zu entfernen, fügen Sie ein spezielles Tag hinzu: nopadding, getrennt durch Semikolons nach der Bildgröße. Das Ergebnis sollte in etwa so aussehen: [photo169452_381609123 | 422px; nopadding; | page-6574936_174936]. Wiederholen Sie diesen Vorgang für alle Bilder und speichern Sie das fertige Menü.
