it-swarm.com.de

Wie erhalte ich in Purity III - Corporate ein responsives Header Image über der Navigationsleiste?

Ich baue eine Website für ein Projekt, das ich machen muss, und ich stecke in diesem Problem fest. Der gute Joomlart versteckt jede Antwort hinter einer Paywall, also bin ich ziemlich alleine. (Ich habe die nicht existierende Gemeinschaftshilfe erst erkannt, nachdem ich mit Reinheit III angefangen hatte.)

Also möchte ich einfach eine Position über der Navigationsleiste hinzufügen und sie ansprechend gestalten, damit ich dort ein Header-Bild hinzufügen kann.

Ich verwende das Purity III - Corporate Template.

Wie mache ich es? Ich bin ein verdammter Neuling: /

what i mean

1
Matthias94

Fügen Sie zuerst Ihre neue Position in /templates/purity_iii/templateDetails.xml im Positionsblock hinzu:

<positions>
    <position>new-position</position>
</position>

Fügen Sie nun Ihre Position in eine dieser beiden Optionen ein:

  • /templates/purity_iii/tpls/corporate.php
  • /templates/purity_iii/tpls/blocks/header.php

Für die zweite Option fügen Sie diesen Code über der Hauptnavigation hinzu:

<section class="new-position-css">
    <jdoc:include type="modules" name="<?php $this->_p('new-position') ?>" style="none" />
</section> 

Fügen Sie hier Ihr benutzerdefiniertes Modul hinzu, beispielsweise ein benutzerdefiniertes HTML-Modul mit Ihrem Bild.


Hinweis: Standardmäßig ist die Navigation oben festgelegt. Ändern Sie diesen Code:

<!-- MAIN NAVIGATION -->
<header id="t3-mainnav" class="wrap navbar navbar-default navbar-fixed-top t3-mainnav">

Dazu:

<!-- MAIN NAVIGATION -->
<header id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">

Als letzten Schritt können Sie Firebug verwenden, um den Quellcode Ihrer Seite im Browser zu überprüfen. Fügen Sie diese Regeln beispielsweise in Ihrem Hauptverzeichnis oder in custom.css hinzu Datei.

body {
    padding-top: 0;
}
.new-position-css p {
    margin-bottom: 0;
}
.new-position-css img {
    width: 100%;
}

Custom Position - Purity III

Weitere Informationen finden Sie hier: Purity III Docs. & T3 Docs.

Grüße.

2
AlejandroVega