Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Compléter les icônes du pied de page

Pascal FORTIN
le 17 juillet 2024
à 18:35
Rappel du sujet :

Bonjour,
Le quartier autour du lycée et les accès de l’établissement ont particulièrement été modifiés du fait de l’implantation récente d’un transport collectif en site propre.
J’aurai souhaité ajouter un icône orientant vers un article "Venir au lycée" qui serait placé en rubrique caché en pied de page.
L’idéal serait de placer ce nouvel icône au sein des icônes "plan du site", "contact", "mentions légales" et "espace privé".
Est-ce possible ? Pour info, je suis hébergé chez SpipFactory.
Avec tous mes remerciements.
Pascal FORTIN
https://lyc-careme-savigny-77.fr/

Compléter les icônes du pied de page

Bonjour

Oui c’est possible.
Il te faut d’abord un icone au format svg que tu vas placer dans /squelettes/images
Ensuite, tu vas
 copier le fichier inc-pied.html de /plugins/auto/escal/inclusions vers /squelettes/inclusions
 dans cette copie, tu vas rajouter ce code

<a href="#URL_ARTICLE{XX}" title="Venir au Lycée">
<img class="icone-pied" src="#CHEMIN{images/nom_icone.svg}" alt="Venir au lycée" />
</a>

où XX est le numéro de l’article avec le plan d’accès et nom_icone.svg le nom de ton icone

Compléter les icônes du pied de page

Bonjour Jean Christophe et merci pour ton retour,

Mon site est chez spipfactory, je n’accède pas au contenu du répertoire "plugins".
Si tu me le mets dans inclusion, je devrai pouvoir suivre tes consignes et me débrouiller.
Le fichier icone est dans "image"

Merci

Pascal

Compléter les icônes du pied de page

Je t’ai mis le fichier et fait la modification.

Compléter les icônes du pied de page

Bonjour,

Merci pour la manipulation et le dépôt du fichier "pied de page" dans inclusions.

Je vais améliorer la présentation des infos de l’article "venir au lycée" et regarder si je peux ordonner différemment les icones du pied de page.

Pascal

Compléter les icônes du pied de page

Bonjour,
Pour finaliser mon pied de page (https://lyc-careme-savigny-77.fr), j’aurai souhaité y insérer 3 lignes en haut à droite, à la hauteur des citations afin d’orienter le visiteur vers 3 articles du site (voir pièce jointe).
Comment faire ?
Avec tous mes remerciements,
Pascal

Compléter les icônes du pied de page

Bonjour Jean Christophe,

Je pense que je m’en suis sorti : https://lyc-careme-savigny-77.fr
Mais je n’arrive pas à paramétrer le CSS pour avoir un alignement à droite...qui concernera aussi les "crédits" situés en bas à droite.

J’ai essayé :

div.credits p{
        text-align: right;
}

mais ça ne marche pas !

Pascal

Compléter les icônes du pied de page

La bonne réponse est

#credits {
        text-align: right;
}

avec un # au lieu d’un . car ce n’est pas un class mais un id
et sans le p car pas de paragraphe ici

Compléter les icônes du pied de page

D’ailleurs, il faudrait plutôt écrire
<div class="credits" ...(ou autre nom pour le class)
car un id doit être unique.
Et ensuite écrire dans le perso.css

.credits {
	float: right;
	margin-right: 5px;
	text-align: right;
}
Compléter les icônes du pied de page

Merci Jean Christophe,

Ça marche très bien : https://lyc-careme-savigny-77.fr/

Ça peut intéresser quelqu’un, je partage les deux ajouts :

dans "inc-pied" placé dans "inclusions"

<!-- Liens pied_haut_droit -->
<div class="pied_haut_dr">
<a href="spip.php?article4" title="L'organigramme">L'organigramme</a>
<br><br>
<a href="spip.php?article10" title="Le mot du proviseur">Le mot du proviseur</a>
<br><br>
<a href="spip.php?rubrique9" title="Les formations">Les formations</a>
</div>

et dans "perso.css" dans "styles"

div.pied_haut_dr {
        float: right;
        margin-right: 5px;
        text-align: right;
}

Pascal

Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre. Inutile de le poster à nouveau ;-)

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2025 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.2.14