So Erstellen Sie Einen Header Auf Der Ucoz-Website

Inhaltsverzeichnis:

So Erstellen Sie Einen Header Auf Der Ucoz-Website
So Erstellen Sie Einen Header Auf Der Ucoz-Website

Video: So Erstellen Sie Einen Header Auf Der Ucoz-Website

Video: So Erstellen Sie Einen Header Auf Der Ucoz-Website
Video: How to : Change header for your ucoz website 2024, April
Anonim

Nach der Installation und Einrichtung eines Kontos in Ucoz erstellt der Benutzer seine eigene Website. Zunächst legen die meisten Webmaster das Design für den Site-Header fest, der die Struktur der zukünftigen Ressource bestimmt. Um einen qualitativ hochwertigen Website-Titel zu erstellen, können Sie die zahlreichen Funktionen des Website-Builders nutzen.

So erstellen Sie einen Header auf der ucoz-Website
So erstellen Sie einen Header auf der ucoz-Website

Anweisungen

Schritt 1

Rufen Sie die Seite "Systemsteuerung" im Abschnitt "Designverwaltung" auf. Öffnen Sie in der Unterkategorie Allgemeine Vorlagen das CSS-Stylesheet. Auf der angezeigten Seite sehen Sie eine Liste der verwendeten Vorlagen und den Code, der für das Design verantwortlich ist.

Schritt 2

Gehen Sie zu der Zeile, die mit.header beginnt. Es erstellt eine Pseudoklasse, die das Design des gesamten oberen Bereichs Ihrer Website definiert. Um die Kopfzeile zu ändern, müssen Sie diesen speziellen Code bearbeiten.

Schritt 3

Um den Hintergrund der Kopfzeile zu ändern, müssen Sie in der gefundenen Zeile den Parameter für die Hintergrund-URL („address_to_the_picture_file“) ändern. Kopieren Sie die Adresse in Klammern ohne Anführungszeichen und fügen Sie sie Ihrer Site-Adresse im Browserfenster hinzu. Wenn Ihre Ressource also die Adresse site.ucoz.ru hat und sich das Bild unter.s / u / 111 / 1.png

Site.ucoz.ru/.s/u/111/1.png

Drücken Sie nach Eingabe dieser Sequenz die Eingabetaste.

Schritt 4

Speichern Sie die resultierende Datei und ändern Sie sie in einem beliebigen Grafikeditor (Photoshop, GIMP). Mit den Werkzeugen und Funktionen des Programms können Sie den Hintergrund ändern und einen anderen Designstil festlegen. Ohne die Größe des Bildes zu ändern, speichern Sie es auf Ihrem Computer unter einem beliebigen Namen (z. B. head.png) mit derselben Erweiterung.

Schritt 5

Gehen Sie im Ucoz-Editorfenster zum Abschnitt "Dateimanager" und laden Sie das resultierende Bild in einen beliebigen verfügbaren Ordner hoch, indem Sie auf die Schaltfläche "Durchsuchen" und dann auf "Datei hochladen" klicken.

Schritt 6

Gehen Sie zurück zur CSS-Editor-Seite und geben Sie die URL zu Ihrer neu hochgeladenen Header-Datei an. Wenn Sie beispielsweise ein Bild namens head.png

Hintergrund-URL („head.png“)

Schritt 7

Klicken Sie auf die Schaltfläche "Speichern". Die Erstellung einer benutzerdefinierten Header-Datei auf der Site ist nun abgeschlossen.

Empfohlen: