[RÉGLÉ] "Images aléatoires" possible à la place de la photo en haut de la page d'accueil ?

[Ethan Burke]

Bonsoir à tous.

J'aimerais, esthétiquement, avoir le module "Images aléatoires" à la place de la photo en haut de la page d'accueil sur protostar (bien que j'ai consulté https://www.web54.fr/tutoriels-frame...ule-par-defaut je ne comprends pas à quelle position cette image correspond)...

Est-ce possible ?

Je vous remercie.

[lomart]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Bonsoir,

La photo en haut n'a pas de position, c'est l'image du logo définie dans les paramètres

Si on veut mettre un module, il faut modifier le code du fichier index.php

Supprimer cette partie

            <header class="header" role="banner">
                <div class="header-inner clearfix">
                    <a class="brand pull-left" href="<?php echo $this->baseurl; ?>/">
                        <?php echo $logo; ?>
                        <?php if ($this->params->get('sitedescription')) : ?>
                            <?php echo '<div class="site-description">' . htmlspecialchars($this->params->get('sitedescription'), ENT_COMPAT, 'UTF-8') . '</div>'; ?>
                        <?php endif; ?>
                    </a>
                    <div class="header-search pull-right">
                        <jdoc:include type="modules" name="position-0" style="none" />
                    </div>
                </div>
            </header>

et la remplacer par cela

            <header class="header" role="banner">
                <div class="header-inner clearfix">
                    <a href="<?php echo $this->baseurl; ?>/">
                        <jdoc:include type="modules" name="header2" style="none" />
                    </a>
                    <div class="header-search pull-right">
                        <jdoc:include type="modules" name="position-0" style="none" />
                    </div>
                </div>
            </header>

Il faudra mettre le module "image aléatoire" en position header2 (a taper directement dans la liste en validant par la touche entrée)

Il faudra aussi gérer la taille de l'image avec du CSS comme header img {width:100%}

[Ethan Burke]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Merci. C'est clair, sauf sur la place de la photo d'en haut : lorsque je vais dans "Templates" puis "Prévisualisation" de protostar, j'ai ça :



Et là ce n'est pas clair, entre "position : banner" et "position-3" : l'image d'en haut correspond-elle bien à banner, comme tu le dis, et pas à position-3 ?

[lomart]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Bonjour,

Tu veux que l'image soit tout en haut sur toute la largeur (ma modif) ou au-dessus de l'article avec des modules à droite (position-3 sans ma modif) ?

[Ethan Burke]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Tu veux que l'image soit tout en haut sur toute la largeur (ma modif) ?

OUI ! Ta modif !

Est-ce que ça veut dire que la position banner sur ma page d'accueil est pour le moment vide, que l'image est en position-3, et que si je veux la faire apparaître sur toute la largeur, il faut la placer en banner, comme tu le suggères ?

Merci...

[Ethan Burke]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Au fait, j'avais il y a 3 jours supprimé le titre de la page d'accueil en copiant ce code pioché sur le forum :



...lomart, ça ne gêne pas pour faire ta modif ?

[lomart]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Est-ce que ça veut dire que la position banner sur ma page d'accueil est pour le moment vide

Elle n'existe pas en tant que position. C'est un bloc HTML

Il n'est pas posible de placer un module à la place de l'image du logo, car seule une image est acceptée. D'où ma modif de code qui ajoute une position header2 à la place du logo

La position header2 n'existe pas dans la liste des positions, il faut taper le nom en validant par la touche entrée

[Ethan Burke]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Compris.

...et pour la modif que j'avais faite sur index.php, elle n'empêche pas de faire la modif que tu proposes ?

[lomart]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

...et pour la modif que j'avais faite sur index.php, elle n'empêche pas de faire la modif que tu proposes ?

Elle n'a plus de raison d'être. Mon code la remplace

[Ethan Burke]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Mon code la remplace

...et le titre revient, ou pas ?

[lomart]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Le titre ne revient pas. Tu voudrais le mettre où ?
En général le bandeau en haut du site contient le nom du site

Maintenant, il est possible de modifier mon code pour afficher le titre au-dessus de l'image. Mais dans quelle couleur pour être en accord avec l'image aléatoire en dessous !

[Ethan Burke]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Non, je ne veux pas de titre, ni en haut ni en bas...

J'essaye d'appliquer la modif ce soir.

Merci pour les explications... Je comprends que ça doit être parfois très pénible de rabâcher des trucs qui paraissent évidents...

[Ethan Burke]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Juste une question de base : pour les images du bandeau du haut / images aléatoires, sur toute la largeur du Frontend, quelle est la norme longueur x hauteur, en pixels ?

Merci !

[lomart]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Avec Protostar en mode statique, il faut une image de 940px, hauteur selon ses gouts. En mode fluide, elle sera agrandie/réduite selon la taille de l'écran visiteur. Une largeur de 1280px devrait convenir, vous couvrez 87% des cas selon ces stats

[Ethan Burke]

Re : "Images aléatoires" possible à la place de la photo en haut de la page d'accueil

Merci beaucoup.
Hier soir j'ai sauvegardé mon site, ça a été plus long que prévu, c'est fou comme le poids augmente très vite au fur et à mesure des installations d'extensions et d'upload de photos...
La modif que tu proposes ce sera pour lundi, je ne "Règle" pas encore le sujet...