Code (Quelle / CSS) auf Website Creator ändern

In diesem Leitfaden wird erläutert, wie man den Quellcode personalisiert, den CSS ändert, den HEAD- oder BODDY-Teil einer mit Creator-Website Infomaniak.

Voraussetzungen

• Besuchen Sie Site Creator:
  1. Klicken Sie hier um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Brauchst du Hilfe?).
  2. Direkt klicken auf den Namender betroffenen Ware zugeordnet werden.
  3. Klicken Sie auf Meine Website anpassen:
     

Benutzerdefinierten Code hinzufügen

Einmal in Site Creator:

1. Klicken Sie auf Design im linken Seitenmenü.
2. Klicken Sie auf Keine Parameter mehr.
3. Klicken Sie auf Benutzerdefinierter Code Unten:
   
4. Geben Sie HTML-Code, JavaScript (mit seinen Tags) ein Skript) oder CSS benutzerdefiniert (mit seinen Tags Stil) - für einige Beispiele weiter unten zu lesen.
5. Speichern Änderungen am unteren Rand.

Metadaten in HEAD & BODY

So fügen Sie JavaScript-Code oder irgendeinen anderen Code in das Spiel hinzu HEAD oder BODY des Quellcodes Ihrer Website:

1. Klicken Sie auf Einstellungen im linken Seitenmenü.
2. Klicken Sie auf SEO & Metadaten im Spiel Einrichtung der Website.
3. Steigen Sie bis nach unten. Benutzerdefinierter Code.
4. Wählen Sie unter Registerkarten hinzufügen HEAD oder unter BODY.
5. Speichern Sie die Änderungen unten:
   

Beispiele für die Anpassung von CSS

Diese Beispiele ermöglichen es, die erweiterte Anpassung der Webseiten zu starten. Es besteht jedoch ein Risiko, je nachdem, welche Änderungen vorgenommen wurden, den Editor selbst nicht mehr erreichen zu können, was Sie zwingen wird, ihn von vorn anzufangen.

Webseiten-Hintergrund anpassen

So legen Sie das Bild Ihrer Wahl (zu laden in die Dateibibliothek) im Hintergrund und personalisieren seine Anzeige:

1. Gehen Sie zu Punkt 3, der auf dem ersten Bild oben in diesem Führer sichtbar ist.
2. Code einfügen <style> um anzuzeigen, dass Sie den CSS-Code ändern möchten,
3. dann body { um zu zeigen, dass Sie den Körper der Seite und ändern möchten "{" um den Platz zu öffnen, in dem die Befehle eingefügt werden können,
4. dann background-image: url("../data/files/fond01.jpg"); mit dem genauen Pfad & Name des geladenen Bildes in der Bibliothek, ohne den Semikolonpunkt zu vergessen, um den nächsten Befehl einfügen zu können.
5. background-repeat: repeat; um das eingefügte Bild zu wiederholen.
6. background-attachment: fixed; so dass das Hintergrundbild fest bleibt, auch wenn der Besucher die Seite nach unten oder oben scrollen lässt, um seinen Inhalt zu lesen.
7. } zum Schließen des zuvor geöffneten Insertspace.
8. </style> um anzuzeigen, dass der Code hier endet.

Briefe von allen Links auf der Website ausblenden

Um (viele) Buchstaben zwischen ihnen auf klickbare Wörter zu entfernen (Links):

1. Gehen Sie zu Punkt 3, der auf dem ersten Bild oben in diesem Führer sichtbar ist.
2. Geben Sie den Code ein (wenn noch nicht vorhanden) <style> um anzuzeigen, dass Sie den CSS-Code ändern möchten,
3. dann .container div a { um darauf hinzuweisen, dass Sie die Blöcke der Seite und insbesondere die Links ändern möchten ("a") und die "{" um den Platz zu öffnen, in dem die Befehle eingefügt werden können,
4. dann letter-spacing:1em;indem Sie den Wert (0.9em z.B.) verringern, ohne den Semikolonpunkt zu vergessen, um den nächsten Befehl einfügen oder beenden zu können.
5. } zum Schließen des zuvor geöffneten Insertspace.
6. </style> um anzuzeigen, dass der Code hier endet.

Erfahren Sie mehr über Diese anderen Beispiele von CSS-Code auf Ihrer Website einzufügen.