Wie mein Logo in Joomla größer zu machen!

May 14

Joomla! zeigt Inhalt mithilfe von Vorlagen. Template-Entwickler legt jede Content-Bereich in der Vorlage auf eine bestimmte Größe. Einige Bereiche können automatisch erweitern, Vertrag oder vollständig reduzieren je nach Inhalt und was sonst noch auf der Seite angezeigt wird. Die Position des Logos Website möglicherweise feste oder verstellbare je nach Absicht des Entwicklers. Sie können versuchen, dein logobild vergrößern, aber wenn das nicht funktioniert, musst du eine Anpassung an Ihre Vorlage zu machen.

Anweisungen

1 Rufen Sie die Erweiterungen auf der Joomla! Backend-Administrator und wählen Sie "Vorlagen-Manager." Klicken Sie einmal auf die Standard-Vorlage zu laden.

2 Klicken Sie auf die Option "CSS bearbeiten" im oberen rechten Menü. Klicken Sie einmal auf den Auswahl-Button neben "Template.css" in der Liste der CSS-Dateien zu bearbeiten. Klicken Sie auf "Bearbeiten", um die Datei zum Bearbeiten öffnen.

3 Suchen Sie den Speicherort, der den Logo-Bereich der Vorlage definiert. Dies ist in der Regel als "Logo" in der CSS-Datei definiert. Die Logo-Definition enthält eine "Höhe" und "Breite" Anweisung kann die Größe des Bereichs erhöht werden. Die Anweisungen definieren in der Regel die Höhe und Breite in Pixeln. Zum Beispiel:

Breite: 298px;

4 Kommentieren Sie die zwei Zeilen mit / und / am Anfang und Ende der beiden Linien. Drücken Sie "Enter", nach der zweiten Zeile eine neue Zeile eingefügt. Zum Beispiel:

/ Breite: 298px; /

/ Höhe: 75px; /

Dadurch wird den ursprünglichen Code beibehalten, falls etwas schief geht und Sie Ihre Änderungen rückgängig machen müssen. Sie können entfernen einfach die neuen Linien im nächsten Schritt erstellt und dann entfernen die Kommentarzeichen in diesem Schritt gemacht.

5 Geben Sie die neuen Codezeilen, die definieren, die Höhe und Breite des Bilds Logo. Zum Beispiel:

Breite: 500px;

Höhe: 100px;

6 Führen Sie einen Bildlauf bis zur Oberseite des Bildschirms und klicken Sie auf "Speichern" im Menü. Klicken Sie auf "Abbrechen", um die CSS-bearbeiten-Funktion beenden, dann klicken Sie auf "Speichern" wieder um zu verlassen, Bearbeitung der Vorlage. Klicken Sie auf den Link "Vorschau" oben rechts auf Ihrer Website mit dem erweiterten Logo-Bereich anzeigen.

Tipps & Warnungen

  • Dies funktioniert nun, wie lange Ihr Logo nicht andere Inhaltsbereiche eingreift, die du verwendest.
  • Wenn Sie die Logo-Definition in der template.css Datei nicht finden können, kennst du schon andere CSS-Dateien für sie.
  • Machen Ihr Logo zu groß kann mit anderen Inhalten stören oder den Hauptinhalt der Seite nach unten drücken, wo es wird nicht gesehen werden. In diesem Fall müssen Sie Ihr Logo passen einen kleineren Ausschnitt und verringern Sie die Größe Ihres Bildes Logo Neugestaltung.