web-dev-qa-db-fra.com

Comment obtenir une image d'en-tête réactive au-dessus de la barre de navigation dans Purity III - Corporate?

Je construis un site Web pour un projet que je dois faire et je suis coincé sur ce problème. Bon gars Joomlart cache chaque réponse derrière un paywall, je suis donc assez seul. (Je n'ai pas réalisé l'aide de la communauté inexistante seulement après avoir commencé avec la pureté iii)

Donc, je veux juste ajouter une position sur la barre de navigation et la rendre sensible afin que je puisse ajouter une image d'en-tête.

J'utilise le modèle Purity III - Corporate.

Comment fait-on ça? Je suis une recrue sanglante: /

what i mean

joomla-3.xphptemplatest3-framework
1
Matthias94

Commencez par ajouter votre nouvelle position dans /templates/purity_iii/templateDetails.xml, à l'intérieur du bloc de positions:

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

Ajoutez maintenant votre position dans l'une de ces deux options:

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

Pour la deuxième option, ajoutez ce code au-dessus de la navigation principale :

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

À partir de là, ajoutez votre module personnalisé, par exemple un module HTML personnalisé avec votre image.

Note: Par défaut, la navigation est fixée en haut , modifiez le code suivant:

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

Pour ça:

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

Enfin, vous pouvez utiliser Firebug pour inspecter le code source de votre page dans le navigateur. Par exemple, ajoutez cette règle dans votre main ou custom.css fichier.

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

Custom Position - Purity III

Pour compléter, vous trouverez plus d’informations ici: Purity III Docs. & T3 Docs.

Cordialement.

2
AlejandroVega