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.

Forum de l’article

Sur le web

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Rappel de la discussion
Affichages des logos en ligne l’un apres l’autre "Sur le web"
r.sainidou - le 22 avril 2024

Bonsoir

j’utilise la noisette "Sur le Web" et je souhaite faire apparaitre tous les logos de nos tutelles et partenaires, mais de façon à exploiter et optimiser l’espace. J’ai 5 logos et je veux par exemple mettre 3 en première ligne et 2 en deuxième.

Versions spip et escal, les dernieres (4.2.11 et 5.1.3)

J’ai vu un peu sur le net qqs astuces pour l’alignement en css, par exemple https://ishadeed.com/article/aligning-logos-css/
mais je ne vois pas clair quel objet je dois modifier dans la partie du general.css (en surcharge sur perso.css evidemment)

pourriez vous m’auguiller un peu ?

Sinon une autre alternative serait de les deposer à la main avec du html dans le pied mais j’avoue que je ne sais pas comment integrer cala dans le pied.

Merci d’avance, bien cdt

Affichages des logos en ligne l’un apres l’autre "Sur le web"
Jean Christophe Villeneuve - le 22 avril 2024

Bonjour

Tout est possible mais pour t’aider, j’aurais besoin de l’URL de ton site pour voir où tu en es. Et aussi savoir si tu préfères les mettre dans le bloc "Sur le web" ou dans le pied de page.

Affichages des logos en ligne l’un apres l’autre "Sur le web"
r.sainidou - le 22 avril 2024

Bonjour merci de votre reponse ;

le site est encore en local et je peux vous envoyer en privé une photo de la page ;

je prefere la possibilite du pied de page.

Affichage de logos en pied de page
Jean Christophe Villeneuve - le 22 avril 2024

ok

Alors, tu vas :

  • créer un dossier "inclusions" dans ton dossier "squelettes"
  • dans ce dossier /squelettes/inclusions, tu vas copier le fichier inc-pied.html qui se trouve dans /plugins/auto/escal/inclusions
  • créer un dossier /squelettes/images/partenaires dans lequel tu mettras tes logos
  • dans cette copie, tu vas mettre ce code juste après la balise <footer>

Bien sur les liens, noms des images,alt et title sont à adapter.

Après, on pourra jouer avec les css pour présenter ça comme tu le souhaites.

Affichage de logos en pied de page
r.sainidou - le 22 avril 2024

Merci beaucoup de votre temps et de votre aide !

operation reussie, c’etait assez simple si on comprend un peu la structure des fichiers inc (je ne maitrise pas le language spip)

Les logos sont integrés, sauf que les tailles ne sont pas gerées.

j’ai essaye avec height and width dans le tag <img> mais cela ne marche pas, il y a un "overwrite" quelque part ?

Je peux surcharger dans le perso.css avec un bout de code

#pied .partenaires img {
    height: 150px;
    width: auto;
}

mais je ne suis pas sure de mon syntaxe, en tous cas, ce code n’a aucun effet ; je pense que je me trompe au debut : #pied .partenaires ??

Affichage de logos en pied de page
r.sainidou - le 22 avril 2024

Je reponds à moi-meme
Le code suivant placé dans perso.css

#pied .partenaires img {
    height: 50px;
    width: auto;
}

marche absolument ! Il reste maintenant de placer une bande comme background sur toute la largeur du pied derriere les logos, de couleur plutot claire car mon pied est sombre et mes logos aussi.
Cela se fait dans plutot dans le CSS, non ?
Comment je peux regler la largeur égale a la largeur du pied ?
Merci encore.

Affichage de logos en pied de page
Jean Christophe Villeneuve - le 22 avril 2024

Tu peux rajouter dans ton perso.css quelque chose du genre :

Affichage de logos en pied de page
r.sainidou - le 22 avril 2024

C’est génial et très satisfaisant ! Il a l’air d’un site pro !
Merci.
J’ai d’autres petites choses stylistiques que je vais regrouper pour ne pas faire 30000 messages. Où serait-il mieux de les envoyer dans la discussion, dans quelle catégorie ?

Affichage de logos en pied de page
Jean Christophe Villeneuve - le 22 avril 2024

On peut aussi communiquer directement par mail.
Tu peux m’écrire à jcvilleneuve chez cegetel.net

Derniers commentaires

changement d’URL
Prends la précaution de bien sauvegarder ta base. Après je ne saurais te dire,n’ayant jamais (…)

Changement d’url
Ce n’est pas une redirection. C’est le serveur test qui passe en exploitation. Si jamais j’ai (…)

changement d’URL
Alors sans doute qu’un simple changement de l’URL dans "identité du site " devrait suffire. Mais (…)

Spip et changement d’url
Bonjour, Je ne compte pas réinstaller un nouveau spip. Juste diriger le nom de domaine vers le (…)

bug sur forum
C’est vrai qu’il contient des semblants de liens. Désolé pour la fausse alerte !

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

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