Ein Vkontakte öffentlich machen: wie man ein Menü und eine Kopfzeile erstellt. So ordnen Sie eine VKontakte-Gruppe richtig an - Grundelemente und nützliche Funktionen

Möchten Sie erfahren, wie Sie 2018 eine Gruppe in VKontakte registrieren? Und nicht nur arrangieren, sondern richtig und schön selbst machen! Wenn Ihre Antwort „Ja“ lautet, dann ist dieser Artikel für Sie!

Das soziale Netzwerk VKontakte ist eines der beliebtesten. Dementsprechend finden Sie hier mehr Kommunikation, Gleichgesinnte und einfach nur Freunde, sowie Ihre Dienstleistungen und Produkte zu promoten. Dank der erstellten Communities können Sie schnell alles über eine interessante Veranstaltung, ein Produkt, eine Dienstleistung usw. finden.

Klicken Sie auf der Steuerungsseite auf „Hochladen“ und wählen Sie ein Bild aus. Es sieht so aus: Gruppenname, dann Avatar-Miniaturansicht, Status.

Leider wird diese Funktion noch nicht von Mobilgeräten unterstützt. Aber da diese Innovation noch gar nicht so lange her ist, wird sie genauso werberelevant sein wie alle anderen auch.

Für einen einfacheren Zugriff auf die vorgeschlagenen Materialien können Sie ein Menü erstellen. Und wie man es selbst macht, werden wir beim nächsten Mal erzählen.

Angepinnter Beitrag

Geheimnisse des Designs der VK-Gruppe

Als Bonus teilen wir die Geheimnisse des Designs der VK-Gruppe und unsere persönliche Erfahrung, die es Ihnen ermöglicht, das Design sofort auf fortgeschrittenem Niveau selbst fertigzustellen. Sie können zum Beispiel einen so schönen Block aus verschiedenen Anwendungen einrichten, die das Engagement um ein Vielfaches steigern!

Kostenlose Apps. Gehen Sie zur Community-Verwaltung und gehen Sie zu Anwendungen, um Ihre Einstellungen zu bearbeiten.

Hier können Sie eine Anwendung hinzufügen, die eine großartige Ergänzung der Funktionalität der Gruppe darstellt. Wie in unserer Gruppe, die kostenlos nützliche Inhalte erstellt, gibt es beispielsweise eine Schaltfläche „Community unterstützen“, auf die Sie einen beliebigen Betrag ab 100 Rubel zum Wohle der Community spenden können. Es kann sich auch um einen Produktshop, einen Fragebogen, Tests, einen Online-Chat, ein Newsletter-Abonnement usw. handeln.

Weitere nützliche Widgets und Anwendungen:

• Fragebögen;
• Tests;
• Registrierung für Dienstleistungen;
• Nachrichten senden;
• Warenlager;
• usw.

Diskussionen. Erstellen Sie mehrere Themen gleichzeitig zu den Hauptthemen, die für Kunden oder Abonnenten von Interesse sind. Wenn es sich um eine kommerzielle Community handelt, dann sind dies Bewertungen, häufig gestellte Fragen, Informationen zu Zahlung, Garantien und Lieferung. Wenn die Community informativ ist, sollten die Hauptdiskussionsthreads Themen gewidmet sein, die die Gruppe berührt.

Fazit

Wenn Sie Erfolg haben wollen, dann nehmen Sie sich unbedingt die Zeit, es richtig und schön zu gestalten. Je gründlicher Sie an dieses Thema herangehen und alle Szenarien des Nutzerverhaltens nach dem Aufrufen der Gruppenseite durchdenken, desto höher ist die Conversion zu einem Abonnement und später zu einem Kauf.

), ein Menü erstellen.

Jetzt zeige ich es dir wie man ein Menü in einer VKontakte-Gruppe erstellt und es richtig anordnet.

Schöne Grafiken erstellen

Im neuen Design der Vkontakte-Website wurden die Abmessungen für Grafiken geändert. Nachfolgend finden Sie die aktuellen Werte.

• Gruppenavatar — 200×300 Pixel
• Beschreibungsbanner — 510×271 Pixel

Bereiten Sie die Bilder in den richtigen Größen vor. Ich werde fertige Bilder machen, um sie Ihnen an ihrem Beispiel zu zeigen.

Lassen Sie uns also ein schönes Design erstellen, indem wir das Gesamtbild in zwei Teile teilen. Als Ergebnis erhalten wir ein einziges Design.

Laden Sie zuerst Ihren Avatar hoch. Gehen Sie zur Gruppe und klicken Sie darauf "So laden Sie ein Foto hoch".

Sie sehen ein Formular, in dem Sie eine Datei auf der Festplatte Ihres Computers auswählen müssen. Tu es. Als Ergebnis haben wir folgendes bekommen.

Lassen Sie uns nun den zweiten Teil des Bildes hinzufügen. Dazu müssen Sie das Bild an die Wand hängen und dann damit aufnehmen und im oberen Bereich befestigen.

Ich gehe an die Wand. Hier im Block "Füg ein Notiz hinzu", klicken Sie auf das Fotosymbol .

Laden Sie das zweite vorbereitete Bild hoch. Stellen Sie sicher, dass Sie im Namen der Community posten. Klicken Sie dann auf Senden.

Nun muss der Rekord korrigiert werden (siehe). Wir kehren zum neuen Eintrag zurück und erweitern das Menü in der oberen rechten Ecke. Hier klicken wir auf „Reparieren“.

Aktualisieren Sie nun die Seite und sehen Sie sich das Ergebnis an.

Der einzige Nachteil ist, dass die Bilder auf verschiedenen Ebenen sind. Dies liegt jedoch daran, dass sie nicht die richtige Größe haben. Der Avatar sollte vertikal größer sein. Dann werden sie auf der gleichen Ebene sein.

So erstellen Sie ein Menü in einer VKontakte-Gruppe

Kehren wir zu unserem Beispiel zurück und stellen uns vor, dass wir eine Schaltfläche "Details" erstellen müssen. Sie ist schon im Bild. Wie können wir daraus eine Schaltfläche machen, sodass eine Person, wenn sie angeklickt wird, zu unserer Hauptseite gelangt? Ich zeige es dir jetzt.

Um Menüschaltflächen aktiv zu machen, müssen wir sie als separate Bilder ausschneiden. Dafür brauchen wir Photoshop.

Öffnen Sie unser Bild im Editor und aktivieren Sie das Werkzeug "Ausschneiden".

Schneiden Sie den unteren Teil mit dem Knopf ab. Halten Sie die linke Maustaste gedrückt und ziehen Sie eine horizontale Linie, die das Bild in zwei Teile schneidet.

Drücken Sie nun Alt+Strg+Umschalt+S, um die fertigen Bilder zu speichern.

https://vk.com/pages?oid=-120208137&p=menu

Sehen Sie, nach den Zeichen "odi=- " müssen Sie Ihre Gruppen-ID einfügen (siehe ). Und schreiben Sie ganz am Ende des Links einen Titel für Ihre Menüseite. Im Beispiel verlassen wir "Menü".

Hier klicken wir auf das Kamerasymbol und laden die vorbereiteten Bilder hoch.

Jetzt gehen wir direkt zum Erstellen eines Menüs für eine Gruppe in VK. Es sollte etwas ähnliches herauskommen.

Als nächstes gehen Sie zum Abschnitt "Bearbeitung". Hier müssen wir für jedes Bild die Polsterung entfernen, damit sie zu einem einzigen Bild verschmelzen. Fügen Sie dazu im Code den folgenden Wert hinzu: "nopadding;" . Und fügen Sie einen Link zur gewünschten Seite oder Site hinzu, indem Sie den Wert "https://site.ru/page.html" eingeben (geben Sie Ihre Adressen an!). In unserem Beispiel soll der Button „Details“ auf die Seite site führen. Folgendes sollte passieren.

[] []

Wir speichern die Seite. Vergessen Sie nicht, die Adresse aus der Adressleiste zu kopieren. Es sollte die Form haben:

https://vk.com/page-120208137_52523487

Wir kehren zur Pinnwand der Gruppe zurück und erstellen einen neuen Beitrag. Darin fügen wir einen Link zur Seite ein und hängen das Originalbild an. Veröffentlichen und beheben.

Dies ist das Menü, mit dem wir gelandet sind.

Grafische Elemente im Design der Vkontakte-Community ziehen die Aufmerksamkeit des Besuchers auf sich, halten ihn und erhöhen auch die Anerkennung der Gruppe oder der Öffentlichkeit unter Tausenden ähnlicher Communities. Darüber hinaus erleichtert das grafische Menü die Navigation durch die Abschnitte der Gruppe und hilft Mitgliedern und anderen Benutzern des sozialen Netzwerks, sich in der Struktur einer großen Community zurechtzufinden.

Eine Suche in VK oder das Anzeigen des Portfolios von Designern zeigt viele erfolgreiche Beispiele für das Design von Vkontakte-Gruppen, auf denen Sie bei der Auswahl eines Cover-Menüs für Ihre Community aufbauen können.

Die folgenden Abmessungen für das Design der Vkontakte-Gruppe werden verwendet:

• Das Cover der Seite wird oben angezeigt, für die gesamte Breite des Publikums, die Größe beträgt 1590 x 400 Pixel;
• Großer Avatar – vertikales Banner 200 x 500 px (Seitenverhältnis 2:5), rechts oben angezeigt;
• In jeder Nachricht der Gruppe wird ein kleiner Avatar, ein rundes Bild, Größe 200x200 Pixel, angezeigt.
• Bild des Menüs für die VKontakte-Gruppe, Breite 510 Pixel, Höhe 307 (damit der untere Rand des Menüs gut mit dem unteren Rand des großen Avatars rechts übereinstimmt).

Wird in den Community-Einstellungen ein Titelbild hochgeladen, dann wird der große Avatar rechts nicht angezeigt.

So machen Sie selbst einen Hut für eine Vkontakte-Gruppe

Damit der Community-Header schön aussieht, müssen alle seine grafischen Komponenten im gleichen Stil gestaltet sein (Farbsatz, Logos, Schriftarten) oder Teil eines Bildes sein. Wenn Sie eine Vkontakte-Gruppe selbst entwerfen, besteht der erste Schritt darin, ein Hintergrundbild vorzubereiten. Es kann ein thematisches Bild aus kostenlosen Fotobanken sein (z. B. pixabay.com).

Öffnen Sie das Bild in einem Grafikeditor. Zuschneiden oder auf Größe skalieren: Länge 1590 px, Höhe 400 px.

Dann können Sie die notwendigen Beschriftungen (Name der Gruppe, Slogan, Aufruf zum Beitritt zur Community) anbringen. Nun müssen Sie das Cover in die Community hochladen, gehen Sie dazu in den Menüpunkt „Community Management“:

Klicken Sie im Feld „Community Cover“ auf „Download“.

Wählen Sie im nächsten Fenster die zuvor auf dem Computer erstellte Cover-Datei aus und klicken Sie auf „Speichern und fortfahren“.

Jetzt hat Ihre Gruppe ein neues Cover. Beachten Sie, dass in diesem Fall das vertikale Bild des großen Avatars auf der rechten Seite nicht mehr angezeigt wird.

• Das Bild oder Foto muss zum Thema der Community passen.
• Verwenden Sie qualitativ hochwertige Bilder.
• Verletzen Sie nicht die Bildrechte anderer Personen (derzeit bieten kostenlose Stocks eine große Anzahl von Fotos und Illustrationen an).
• Überladen Sie das Cover nicht mit Details.
• Wenn Sie ein Foto einer Person in die Kopfzeile einfügen, ist es besser, dass sie nicht den Besucher ansieht, sondern das wichtigste Element auf der Seite (Menü, Website-Adresse, Werbebotschaft, Anruf).
• Verwenden Sie hochwertige Schriftarten und stellen Sie sicher, dass die Beschriftungen in jedem Maßstab lesbar sind.

Größen von Kappen in öffentlichen Vkontakte in einem neuen Design

Nach der Neugestaltung dieses sozialen Netzwerks erschien ein neues Designelement - das Cover. Dies ist ein großes Bild in horizontaler Ausrichtung mit 1590 x 400 Pixel. Der Header für die Vkontakte-Gruppe ist ein statisches Bild. Groß genug, um ein helles, einprägsames Foto oder Bild und den Namen der Öffentlichkeit, den Firmenslogan, den Namen der Website, den Arbeitsplan und andere Inschriften darauf zu platzieren.

So erstellen Sie ein Menü für eine VK-Gruppe in einem neuen Design

Der Prozess zum Entwerfen des Menüs der Vkontakte-Gruppe besteht aus den folgenden Schritten:

• Erstellen einer Liste mit Menülinks (dies können Seiten, Community-Bereiche oder externe Websites sein).
• Vorbereitung des Hintergrundbildes.
• Zeichnen auf dem Hintergrundbild von Inschriften und "Schaltflächen" des Menüs.
• Ein Bild in Teile schneiden.
• Wiki-Seite aktivieren.
• Laden eines grafischen Menüs und Formatieren mit Wiki-Markup.

Das Hintergrundbild sollte 510 Pixel breit sein und die Höhe hängt von der Anzahl und Platzierung der Menüpunkte ab. Um mit Bildern zu arbeiten, benötigen Sie einen Rastergrafik-Editor, Beispiele werden unten mit dem kostenlosen und leichten Paint.Net gezeigt.

Sie sollten die Platzierung der Menüpunkte sofort so planen, dass das Bild in gleich große Fragmente geschnitten werden kann. Dies ist wichtig, damit das Menü auf dem Bildschirm von Smartphones oder Tablets richtig skaliert.

Vertikales Menü der VK-Community mit Einträgen in einer Spalte

Öffnen Sie das Bild im Editor. Verwenden Sie das Text-Editor-Tool, um die Menüpunkte in den Hintergrund zu schreiben. Um Menübeschriftungen sichtbar zu machen, können sie auf verschiedene Weise hervorgehoben werden:

• Zeichnen Sie einen Rahmen;
• Ändern Sie die Hintergrundfarbe unter den Buchstaben;
• Fügen Sie Schatten zu den Buchstaben hinzu.

Unten im Screenshot wird jedes Element auf eine der Arten hervorgehoben.

Der nächste Schritt besteht darin, das Bild in Stücke zu schneiden:

Das Schneiden eines Bildes kann auch mit einem praktischen Online-Tool durchgeführt werden www.imgonline.com.ua/cut-photo-into-pieces.php.

Gehen Sie als nächstes im Menü „Community-Verwaltung“ zum Punkt „Abschnitte“ und wählen Sie im Punkt „Materialien“ „Eingeschränkt“ (das bedeutet, dass nur der Gruppenadministrator Seiten erstellen und bearbeiten kann).

Klicken Sie auf Speichern und gehen Sie zur Hauptgruppe. Neben dem Abschnitt mit Informationen über die Gruppe erschien der Punkt "Neueste Nachrichten".

Gehen Sie zu diesem Abschnitt und klicken Sie auf Bearbeiten. Ändern Sie den Titel in „Menü“ und klicken Sie dann auf das Kamerasymbol, um ein Bild hinzuzufügen.

Klicken Sie auf das hinzugefügte Bild und geben Sie im Eigenschaftenfenster den Link zum gewünschten Abschnitt an.

Vkontakte reduziert Bilder automatisch auf 400 Pixel und fügt zusätzliche Tags ein. Um dies zu beheben, müssen Sie in den Markup-Bearbeitungsmodus wechseln.

Jedes Bild-Tag beginnt mit „[[“ und endet mit „]]“ und besteht aus drei durch „|“ getrennten Teilen: der Bild-ID, den Eigenschaften und dem Link. Sie müssen die Größe der Bilder anpassen und das „nopadding“-Tag in ihre Eigenschaften einfügen. Bildeigenschaften werden mit ";" aufgelistet.

Nach dem Speichern der Änderungen ist die Erstellung des Menüs abgeschlossen.

Menü mit horizontaler oder mehrzeiliger Anordnung der Einträge

In diesem Fall erfolgt die Bildvorbereitung auf die gleiche Weise, jedoch mit Schnitt der Quelle und vertikal. Geschnittene Fragmente werden über die Seitenbearbeitungsschnittstelle geladen. Die gegenseitige Position von rechteckigen Fragmenten wird mithilfe des tabellarischen Wiki-Markups in VK festgelegt. Jedes im vorherigen Abschnitt beschriebene Linkbild-Tag wird in einer Tabellenzelle platziert.

Regeln für die Tabellengestaltung:

• Der Anfang wird durch das Symbol "(|) gekennzeichnet, das Ende der Tabelle - "|)".
• Zusätzliche Eigenschaften werden nach "|~" angegeben
• Die neue Zeile beginnt mit "|-".
• Jede Zelle wird durch "|" getrennt.

Um zusätzliche Leerzeichen auszuschließen, müssen Sie die Tabellenparameter "fixed nopadding noborder" angeben. Das Markup für ein grafisches Menü mit 2 Spalten und 2 Zeilen sieht folgendermaßen aus:

Und das Menü selbst in der Gruppe:

Die Größe des Gruppenavatars im neuen Design für die Gestaltung der VK-Öffentlichkeit

Vkontakte-Communities verwenden zwei Optionen für den Avatar:

• Wenn kein Cover geladen ist, wird oben rechts ein großes rechteckiges Banner mit 200 x 500 Punkten angezeigt.
• Thumbnail 200x200 Pixel, in Beiträgen und Diskussionen als Kreis dargestellt.

Guten Tag, liebe Leser meines Blogs. Im vorherigen Artikel haben wir gelernt, wie man charmant macht. Kommen wir nun zum zweiten Teil. Wir werden ein schönes Einzelbild für den Avatar erstellen und uns einen spektakulären Übergang überlegen.

Wenn Sie zum ersten Mal auf meinem Blog sind, müssen Sie nicht mit der ersten Lektion beginnen. Sie können diese Veröffentlichung zuerst lesen und mit dem Design fortfahren, beginnend mit diesem Schritt. Jetzt erkläre ich Ihnen, wie Sie eine schöne Vkontakte-Gruppe erstellen, und Sie können später entscheiden, ob Sie zusätzliche Funktionen verwenden möchten.

Am Ende dieses Artikels werden Sie ein spektakuläres und einheitliches Bild haben.

faule Methode

Um diejenigen nicht abzulenken, die schon alles können, es eilig haben oder sich einfach nicht mit wichtigen Dingen beschäftigen wollen, biete ich ein Video-Tutorial an. Er wird Ihnen sagen, wie Sie dasselbe tun können, was ich Ihnen sagen werde, nur ohne Photoshop über den Dienst www.vkprofi.ru .

Ich habe es nicht benutzt und kann nicht sagen, ob es bezahlt ist oder nicht. Ich wäre denen dankbar, die diese Informationen überprüfen und einen Kommentar zu diesem Artikel mit einer Antwort auf diese brennende Frage hinterlassen.

Für die, die lernen wollen

Wenn Sie sich entscheiden, zu bleiben und den langen Weg zu gehen, dann wartet ein spannender Job auf Sie. Es wird sehr nützlich sein, wenn Sie Ihre Reise in das Internetgeschäft gerade erst beginnen.

Sie werden viele Tricks lernen, für die ich nützliche Empfehlungen für die Arbeit mit Werbung gebe, und Sie werden nützliche Fähigkeiten und Erfahrungen sammeln.

Du wirst brauchen…

1. Photoshop.
2. Grundbild.

Das Foto sollte groß und von hoher Qualität sein, wenn Sie in Suchmaschinen suchen, dann achten Sie auf Desktop-Hintergründe. Wenn Sie für eine coole Community arbeiten, insbesondere im geschäftlichen Bereich, dann empfehle ich die Nutzung des Dienstes http://ru.depositphotos.com . Dort finden Sie Werbebilder.

Die Auswahl eines Bildes, das für ein Produkt werben soll, ist nicht so einfach. Wird es für die Wirtschaft eingesetzt, muss es viele Anforderungen erfüllen. Das versteht nicht jeder. Wenn Sie für ein Hotel, Gasthaus, eine Bar oder einen Club werben, ist es nicht empfehlenswert, leere Räumlichkeiten zu fotografieren.

Zuallererst sollten wir keinen Ort verkaufen, an dem eine Person anschwellen kann, sondern die Emotionen zeigen, die sie durch den Besuch einer Institution erhalten. Die Schönheit der Innenräume überrascht jetzt niemanden. Es ist notwendig, eine einzigartige Atmosphäre zu schaffen, in die der Käufer eintauchen möchte.

Niemand mag schäbige Fotos. Wenn sie ständig verwendet werden, sinkt die Chance, Kunden zu gewinnen. Über Qualität, gut belichtetes Licht usw. Ich werde nicht einmal sprechen. Ich hoffe, Sie verstehen das. Solche Optionen wie auf dem Foto unten wurden seit 5 Jahren nicht mehr gerollt.

Aus persönlicher Erfahrung… bei einem der Projekte habe ich mit einem sehr coolen Werbemanager zusammengearbeitet. Wir haben jedes Bild Stück für Stück zerlegt. Das Objekt muss sich in einem bestimmten Abstand vom Mittelpunkt befinden, in einem bestimmten Winkel, vorzugsweise im richtigen optimistischen Bereich.

Wir mussten die Farbe des Rahmens ändern, in dem das Bild in der hintersten Ecke hing! Zuerst dachte ich, dass das alles unnötige Probleme seien, und dann zeigte man mir den Umbau, nachdem man mit solchen Kleinigkeiten zum Vergleich gearbeitet hatte.

Wir machen eine Vorlage für eine zukünftige schöne Gruppe

Wenn also alles fertig ist, müssen Sie sich für die Abmessungen entscheiden und eine Vorlage für das zukünftige Bild vorbereiten. Übrigens, wenn Sie lernen, wie das geht, können Sie diese Technik für viele andere Aufgaben verwenden und unglaubliche Bilder auf Vkontakte erstellen. Sie werden bald verstehen, wovon ich spreche.

Öffnen wir also einen Kontakt. Wenn Sie nach den Standardgrößen von Vkontakte-Posts suchen, sehen Sie 200 x 500 und 700 x 500. Wenn Sie jedoch das Lineal verwenden, können Sie sicherstellen, dass die Miniaturansichten nicht diesen Indikatoren entsprechen. Der Dienst komprimiert sie beim Herunterladen.

Alles ist so mit dem Bild auf der ava, es ist wirklich 200x500.

Posten geht anders.

In jedem Fall benötigen Sie bzw Laden Sie meine Vorlage herunter, oder machen Sie Ihren eigenen Screenshot. Ich rate Ihnen, die zweite Option zu wählen. Wieso den? So können Sie selbst Vorlagen für verschiedene Aufgaben erstellen. Zum Beispiel, wenn Sie auf Ihrer Hauptseite eine Produktgalerie oder "Neueste Nachrichten" anzeigen lassen.

Meine Version ist nur für gepinnte Beiträge geeignet. Die einfachste und beliebteste Designmethode.

Öffnen Sie Ihre oder eine andere Gruppe, in der oben ein Beitrag mit einem Foto angeheftet ist. Wie in meiner Zeichnung. Sie können dieses Foto auch aufnehmen, indem Sie mit der rechten Maustaste darauf klicken und "Speichern unter ...". Ich bin mir jedoch nicht sicher, ob Sie im Ergebnis alles richtig machen werden. Haben Sie Zeit zum Experimentieren? Teile deine Ergebnisse in den Kommentaren.

Für andere werden die Schritt-für-Schritt-Anleitungen anders sein. Vergrößern Sie zunächst das Bild im Browser auf 100 % (Strg-Taste drücken und Mausrad bewegen). Ehrlich gesagt verstehe ich nicht wirklich, warum das gemacht wurde, aber bei meinem ersten Versuch, nur wegen des Umfangs, gelang es mir nicht.

Drücken Sie nun die PrtSc-Taste. Es befindet sich in der obersten Reihe auf der Tastatur, nach den unzähligen Fs. Nachdem Sie darauf geklickt haben, passiert nichts. Alles ist in Ordnung, Sie müssen nicht 100 Mal klicken, Photoshop öffnen.

Drücken Sie Strg + V, damit fügen Sie Ihren Bildschirm in das Arbeitsfeld des Programms ein. Nehmen Sie nun das rechteckige Auswahlwerkzeug und arbeiten Sie am linken Block.

Fahren Sie geradeaus am Rand des Bildes entlang. Das folgende Bild sollte Ihnen nicht gelingen. Das ist nicht richtig.

Bewegen Sie sich streng entlang der Kante.

Greifen Sie den Cursor in der oberen linken Ecke des Rechtecks ​​und bewegen Sie ihn nach rechts unten. Um Ihren Kopf nicht mit einer Lupe zu täuschen, verwenden Sie die Vergrößerung mit der Alt-Taste und dem Mausrad.

Drücken Sie nun Strg+J. So übertragen Sie das ausgewählte Fragment auf eine neue Ebene, es erscheint über dem Hintergrund.

Das gleiche muss mit dem Avatar gemacht werden. Auswählen und zu einer neuen Ebene verschieben (Strg + J)

Wenn Sie auf eine neue Ebene übertragen, sollte der Hintergrund aktiv sein, nicht der, den Sie gerade erstellt haben. Stellen Sie sicher, dass es leuchtet.

Dann können Sie den Hintergrund loswerden. Klicken Sie auf das Schloss neben dieser Ebene, damit Sie sie bearbeiten können.

Ziehen Sie die Ebene wie eine normale Datei vom Desktop in den Papierkorb.

Fertig damit. Die Vorlage wurde erstellt.

Einzigartiges Bild für die Gruppe

Ich habe kürzlich einen Artikel darüber geschrieben. Falsches Öffnen und weiteres Arbeiten mit der Größe kann die Qualität des coolsten Bildes erheblich verschlechtern, falls es dich interessiert, kannst du einen Artikel dazu auf meinem Blog lesen.

Ziehen Sie das Foto, das wir als Hauptfoto verwenden werden.

Es spiegelt falsch.

Wenn Sie denselben Unsinn haben, machen Sie ihn einfach zum obersten. Klicken Sie dann bei gedrückter Alt-Taste auf Ebene 1 und Ebene 2, sodass beide hervorgehoben werden.

Sie müssen mit der rechten Maustaste und der entsprechenden Option kombiniert werden. In diesem Fall ist es für uns bequemer, weiterzuarbeiten. Sie müssen das Foto nicht zuerst für den Avatar und dann auch für den Post überlagern und ausschneiden.

Wenn Sie Strg drücken und dann auf die Miniaturansicht der Ebene klicken, die Sie gerade erstellt haben. Ameisen laufen an den Rändern von Objekten aus der neuen Ebene entlang, die Ihnen sagen, wie Sie das untere Bild platzieren. Sie können sie entfernen, indem Sie Strg+D drücken. Was sich jetzt im Innenteil befindet, wird später in den VK eingefügt.

Wenn Sie anfangen, das Foto zu verschieben, „gehen“ laufende Ameisen mit. Ich kann Ihnen raten, die Führungen einzustellen. Sie wissen nicht, wie Sie mit ihnen arbeiten sollen? Schau dieses Video an.

Nachdem Sie alles wie gewünscht eingestellt haben, können Sie mit dem nächsten Schritt fortfahren. Ich werde zwei Optionen zeigen, um den gleichen Effekt zu erzielen. Das erste ist einfach. Klicken Sie auf der obersten Ebene mit der rechten Maustaste und wählen Sie „Schnittmaske erstellen“.

Aber ich liebe das zweite. Er ist schneller. Drücken Sie die Alt-Taste und bewegen Sie den Cursor zwischen den beiden Ebenen, es ändert sich visuell. Dann Linksklick.

Das Ergebnis ist dieses Foto.

Jeder Teil kann mit dem Crop-Tool ausgeschnitten und dann als JPEG gespeichert werden. Das rechte Foto wird als Avatar hinzugefügt. Den linken können Sie einfach als regulären Eintrag hinzufügen und dann anheften.

Es ist nicht schwierig, aber wenn Sie Probleme haben, kann ich Ihnen empfehlen, den dritten Beitrag dieser Serie zu lesen, in dem ich Ihnen ausführlich erkläre, wie Sie den Leser dazu bringen, auf Ihr Foto zu klicken und auf die Website zu gelangen.

Wir haben herausgefunden, wie Sie ein schönes Menü für Ihre Gruppe zeichnen können. Und heute lernen wir, wie man ein Menü direkt auf einer Seite von VKontakte platziert und interne Seiten dafür erstellt. So lass uns gehen!

Schritt 1. Laden Sie Menüpunkte auf vk.com hoch

Wir gehen in die Gruppe und erstellen darin ein Album, in das wir die Menüpunkte laden, die wir während der Aufgabe der vorherigen Lektion erhalten haben. Klicken Sie dazu auf Alben Wählen Sie im Fotoblock auf der Hauptseite und im sich öffnenden Fenster aus Album erstellen. Nennen wir es Album für Administrator.

Notiz: Wenn Sie auf der Hauptseite keinen Fotoblock haben, gehen Sie zum Artikel Community-Management(das haben wir schon in der ersten und zweiten Lektion gemacht) und dort gegenüber dem Item Foto wählen offen oder Begrenzt(Wir werden Ihnen in einer der nächsten Lektionen mehr über Alben erzählen und was sie sind).

Ihr neu erstelltes leeres Album wird geöffnet. Klicken Fotos zum Album hinzufügen und laden Sie die Menüteile hoch, die Sie gezeichnet haben.

Aus diesen Teilen muss noch das Gruppenmenü zusammengesetzt werden.

Schritt 2. Zusammenstellen des Menüs aus den Elementen

Wir gehen zur Menübearbeitungsseite (wie es geht). Stellen Sie sicher, dass der Bearbeitungsmodus aktiviert ist Wiki-Markup-Modus. Jetzt hast du hier (wenn du die Aufgaben der zweiten Lektion erledigt hast) deine Menüpunkte geschrieben, eingeschlossen in eckige Klammern. Wir berühren sie noch nicht, schreiben aber unten:

einzigartige Nummer - Dies ist die Fotonummer, die ihm beim Hochladen auf vk.com zugewiesen wird. Um es anzuzeigen, öffnen Sie das heruntergeladene Foto, indem Sie darauf klicken, und schauen Sie in die Adressleiste des Browsers:

388px ist die Breite Ihres Menüs

Keine Grenze- bedeutet, dass Ihre Menüpunkte keinen schwarzen Strich um ihren Umriss haben

Keine Polsterung- bedeutet, dass es keinen Abstand zwischen den Bildern gibt (was wir brauchen, damit das Menü solide ist).

Das Leerzeichen am Ende wird benötigt, sonst geht nichts.

Sie sollten so viele Linien erhalten, wie es Elemente in Ihrem Menü gibt (und dementsprechend wie viele Bilder Sie gezeichnet haben):

Achten Sie darauf, die Reihenfolge der Bilder nicht zu verwechseln.

Wir gehen zur Hauptseite der Gruppe, aktualisieren sie (drücken Sie die Taste Aktualisierung im Browser oder einfach F5). Wir lieben das Ergebnis!

Schritt 3 Innere Seiten an das Menü anhängen

Als wir in der zweiten Lektion ein Menü für eine Gruppe im Inhaltsbearbeitungsmodus erstellten, schrieben wir seine Elemente in eckige Klammern. Jetzt sehen Sie sie über Ihrem schön gestalteten Menü als Links: In unserem Beispiel sind das Links Wie man bestellt, Wie man bezahlt usw.

Klicken Sie auf die Schaltfläche mit Inhalt füllen gelangen wir auf die bereits bekannte Seite zum Bearbeiten von Materialien.

Wir prüfen sofort, welchen Zugriff auf die Seite wir installiert haben (denken Sie daran, dass der Zugriff auf die Seitenansicht festgelegt werden muss - Alle Nutzer, und Zugriff bearbeiten - Nur Redakteure und Administratoren) und mit Informationen füllen.

Während Sie die Seite mit Informationen füllen, können Sie die Textformatierungsleiste verwenden, um den Text hervorzuheben, den Text fett oder kursiv zu machen, eine Ausrichtung hinzuzufügen oder eine Liste hinzuzufügen:

Das Formatieren von Text mit diesem Bedienfeld ist nicht schwieriger als das Arbeiten in Word: Sie wählen den Text einfach mit der Maus aus und drücken die gewünschte Schaltfläche.

Da Sie sich im Wiki-Markup-Modus befinden, werden Ihrem Text bestimmte Zeichen hinzugefügt, wenn Sie die Formatierungsbefehle anwenden. Wenn Sie beispielsweise den Befehl Kursiv auswählen, wird das Wort, das Sie kursiv darstellen möchten, in Anführungszeichen gesetzt. Diese Symbole sind die Elemente der Wiki-Auszeichnungssprache. Um zu sehen, wie der Text auf der Seite aussehen wird, klicken Sie auf die Schaltfläche Vorschau:

Und das passiert:

Notiz: Wir empfehlen, dass Sie lernen, wie man Text im Wiki-Markup-Modus bearbeitet, weil Im Gegensatz zum visuellen Bearbeitungsmodus, der in verschiedenen Browsern instabil ist, liefert er ein vorhersehbares Ergebnis. Manchmal bricht sogar ein einziger Wechsel in den visuellen Bearbeitungsmodus das Seitendesign.

Mit Hilfe der gewonnenen Erkenntnisse setzen wir Akzente auf unserer Seite und Presse Seite speichern. Hier ist, was wir bekommen haben (denken Sie daran, dass dies nur ein Beispiel ist):

Wir wiederholen diesen Schritt für jede unserer Seiten (wir haben diese Wie man bestellt, Wie man bezahlt, So wählen Sie die richtige Größe aus und Wie lange dauert die Lieferung) außer der Seite