So Zeichnen Sie Ein Site-Menü

Inhaltsverzeichnis:

So Zeichnen Sie Ein Site-Menü
So Zeichnen Sie Ein Site-Menü

Video: So Zeichnen Sie Ein Site-Menü

Video: So Zeichnen Sie Ein Site-Menü
Video: ᐅ WordPress MENÜ erstellen / Navigation einbinden + DROPDOWN Menü erstellen ᐅ Deutsch 2021 #wperfolg 2024, Kann
Anonim

Es gibt viele Website-Layouts, die online zu finden sind. Sie sind praktisch zu verwenden, wenn keine Zeit ist, den gesamten Code von Grund auf neu zu schreiben. Es ist viel einfacher, eine vorhandene Vorlage zu bearbeiten, indem Sie ihr Design ändern. Um Ihr eigenes Site-Menü zu zeichnen, müssen Sie also mehrere Schritte ausführen.

So zeichnen Sie ein Site-Menü
So zeichnen Sie ein Site-Menü

Anweisungen

Schritt 1

Als Beispiel wird die Arbeit im ucoz-System betrachtet. Das Design verschiedener Elemente einer Site wird oft mit Hilfe eines Stylesheets (CSS) spezifiziert. Um darauf zuzugreifen, melden Sie sich mit einem Administratorkonto am Control Panel an. Wählen Sie auf der Hauptseite des Panels den Abschnitt "Design Management".

Schritt 2

Wählen Sie in der Dropdown-Liste der bearbeitbaren Seiten Stylesheet (CSS) aus der Kategorie Allgemeine Vorlagen aus. Sehen Sie sich die Informationen in den Zeilen an, die sich auf das allgemeine Design (Block General Style) und speziell auf das Menü (Blöcke mit dem Wort Menüs im Namen) beziehen. Sie müssen herausfinden, welche Parameter für die Menüleiste eingestellt sind: Breite, Höhe, Hintergrund des Panels und der Schaltflächen, Bilder usw.

Schritt 3

Wenn die Parameter nicht zu Ihnen passen, ersetzen Sie sie durch die benötigten und speichern Sie die Vorlage. Danach können Sie bereits den Grafikeditor starten und mit den gewonnenen Informationen eigene Buttons zeichnen. Speichern Sie sie und kehren Sie zur Website zurück. Wählen Sie im Menü "Extras" den Punkt "Dateimanager" oder klicken Sie auf den gleichnamigen Link unter dem Block mit dem Code.

Schritt 4

Laden Sie neue Schaltflächen auf die Site hoch (Richtungspfeile oder andere grafische Elemente, die Sie im Menü verwenden). Notieren Sie den Wert für die Schaltflächen im Code (zum Beispiel Hintergrund: url ('https:// Link zum Bild aus dem Dateimanager') no-repeat XXpx XXpx), legen Sie die Parameter für die Ausrichtung fest, Position auf der Seite. Notieren Sie den Schriftstil und die Schriftgröße für die Menüabschnitte (Schriftfamilie und Schriftgröße) und nehmen Sie alle anderen erforderlichen Änderungen vor.

Schritt 5

Klicken Sie auf die Schaltfläche "Speichern", warten Sie auf die Benachrichtigung, dass die Vorlage erfolgreich gespeichert wurde und öffnen Sie die Site-Seite, um das Ergebnis der geleisteten Arbeit zu bewerten. Wenn Sie mit etwas nicht zufrieden sind, können Sie Ihre Aktionen im CSS-Bearbeitungsfenster mit dem Linkspfeil in der Symbolleiste rückgängig machen.

Empfohlen: