Forum du site

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/
Jean Christophe Villeneuve le 17 juillet 2024 à 22:15	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
Pascal FORTIN le 17 juillet 2024 à 23:13	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
Jean Christophe Villeneuve le 18 juillet 2024 à 08:24	Compléter les icônes du pied de page Je t’ai mis le fichier et fait la modification.
Pascal FORTIN le 18 juillet 2024 à 08:51	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
Pascal FORTIN le 20 juillet 2024 à 07:17	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
Pascal FORTIN le 21 juillet 2024 à 12:33	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
Jean Christophe Villeneuve le 21 juillet 2024 à 14:48	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
Jean Christophe Villeneuve le 21 juillet 2024 à 17:02	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; }`
Pascal FORTIN le 21 juillet 2024 à 17:35	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

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/

Jean Christophe Villeneuve
le 17 juillet 2024
à 22:15

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

Pascal FORTIN
le 17 juillet 2024
à 23:13

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

Jean Christophe Villeneuve
le 18 juillet 2024
à 08:24

Compléter les icônes du pied de page

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

Pascal FORTIN
le 18 juillet 2024
à 08:51

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

Pascal FORTIN
le 20 juillet 2024
à 07:17

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

Pascal FORTIN
le 21 juillet 2024
à 12:33

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

Jean Christophe Villeneuve
le 21 juillet 2024
à 14:48

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

Jean Christophe Villeneuve
le 21 juillet 2024
à 17:02

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;
}

Pascal FORTIN
le 21 juillet 2024
à 17:35

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

Edito