Bonjour
J’aurais besoin d’afficher dans une colonne, une ou deux images renvoyant chacune à un article spécifique. Je peux le faire avec photo-une et article-libre, mais pour avoir tout à fait ce que je souhaite, il faudrait que je puisse enlever la bande de titre seulement pour ces images (et non pour toute la colonne) et que l’image prenne la largeur de la colonne (donc enlever les marges du cadre).
Je ne sais pas si c’est possible à faire simplement ?
Françoise
–
Centre diocésain d’Information
Tél. : 0262 94 17 30
Courriel : diocesereunion@gmail.com
Bonjour,
Si je comprends bien, vous voudriez les photos « pleine page ».
Sauf à aller bidouiller dans perso.css, ce n’est pas possible.
Il faut ajouter le mot-clé d’affichage « pleine page » qui sera valable pour TOUTE la page concernée.
Bonjour,
*« afficher dans une colonne, une ou deux images renvoyant chacune à un article spécifique »*Est-ce qu’afficher dans une colonne signifie afficher en pleine page, ou afficher dans la largeur de cette colonne précisément ?
Ici j’affiche des images dans des colonnes … images qui renvoient toutes directement à leurs articles spécifiques …
Le Jaseur Boréal
https://www.lettonie-francija.fr/
Désolée, je n’avais pas réalisé que mon texte pouvait porter à confusion.
Il s’agit bien d’afficher la photo sur toute la largeur de la colonne. Sur le lien que je donne ci-dessous, il s’agit de la photo en bas de la colonne Navigation. Je sais comment augmenter la taille de la photo, je sais comment enlever les bords du cadre, mais aucune de ces deux solutions ne me permet d’obtenir exactement ce que je souhaite : la photo pleine colonne avec éventuellement le cadre autour (mais pas de titre dans le cadre puisqu’il est déjà dans la photo).
http://eglisealareunion.org/
hummmmmmmm
je l’avais pas celui -la
je le rajoute sur rubrique les escaliens
Non, je pense qu’elle veut utiliser une noisette mais sans afficher le titre de la noisette.
Et oui, on peut le faire mais Sandy a raison, il va falloir mettre un peu de css dans un fichier perso.css qui doit être créé dans /squelettes/styles
exemple pour la noisette photo_une
div.cadre-couleur h1.photos {
background-color: transparent;
color: transparent;
}
et pour article-libre1
div.cadre-couleur h1.article-libre1 {
background-color: transparent;
color: transparent;
}
Pour enlever les marges, on peut juste agrandir les images en réglant la la largeur max dans la config d’escal : Paramétrage des blocs latéraux → titre et contenus
La régler juste un peu plus grand que la largeur de colonne, l’image devrait s’adapter en fonction de la taille de l’écran
JC
Oui, je teste ça dès demain matin.
Merci ! 
Merci Jean-Christophe, c’était bien la bonne piste. Pour enlever aussi les filets de côté et mettre la div à la bonne distance de ce qui précède, j’ai finalement mis dans perso.css :
div.cadre-couleur h1.article-libre1 {
margin-top : -25px;
background-color: transparent;
color: transparent;
}
div.cadre-couleur .texte.article-libre1 {
background-color: transparent;
border-color: transparent;
}
Pour la taille de l’image, en passant par la config d’Escal, ça fonctionne impeccable.
Merci à tous et bon week-end !
Françoise
Cool
En fait, il y a plus simple : remplace
div.cadre-couleur h1.article-libre1 {
margin-top : -25px;
background-color: transparent;
color: transparent;
}
par un simple
div.cadre-couleur h1.article-libre1 {
display : none;
}
et hop !
Tu peux aussi rajouter un
padding: 0;
à div.cadre-couleur .texte.article-libre1
pour coller encore mieux à la largeur du bloc précédent
JC
Bonjour,
Même si monseigneur n’a pas un poil sur le caillou,
il y a un schmililblick avec l’affichage adaptatif du site http://www.eglisealareunion.org/?lang=fr
voir copies écran ci-dessous :
Que Monseigneur me pardonne, j’avais désactivé le javascript !
Autres constatations :
la dimension des caractères est trop minuscule pour être bien lisible sur un affichage écran de bureau ! Surtout dans les congrégations religieuses grosses consommatrices d’optiques adaptées.
-
-
A****ugmentation la taille d’affichage des polices de caractères, avec par exemple une taille en « em » ou en "rem"
-
-
C****ontraster plus fort - lettres noires ou bleu très foncé - sur fond blanc -
Améliorerait la lisibilité et la visibilité des textes surtout en plein soleil sur tablettes 1280 x750
(Suite) de la minute de Monseigneur !
Vu que la « Minute de Monseigneur » (qui est très bavard car elle fait au moins 4:42 sur Youtube !) est une vidéo
Pourquoi, n’incorporez vous pas directement cette vidéo youtube dans un article sous le mot clé « annonce » ou sous un autre mot clé de noisette.*
En titrant la noisette concernée avec son vrai titre la "Minute de Monseigneur"
Chaque fois qu’il y aura un nouvel épisode, les gens pourront lire directement la vidéo
Exemple :**** ici où je met régulièrement une vidéo différente qui afficher l’image de la vidéo sur l’onglet « Vidéo du Moment » .
Il y a aussi une noisette spéciale Escal avec « VIDEO » en une: http://escal.ac-lyon.fr/spip/spip.php?article197&lang=fr
Cette noisette permet d’afficher les vidéos des articles avec le mot-clé video-une dans une colonne latérale de la page d’accueil.
À Jean-Christophe : ok, je vais faire ça.
Au Jaseur boréal (j’adore ce nom… je souris chaque fois que je le lis) :
- pour la taille des polices et le contraste, je vais faire quelques tests, je me posais justement la question, donc réaction et proposition sont très bienvenues.
- pour la vidéo, j’avais pensé à la noisette dédiée mais est-ce que cela ne sera pas trop lourd en page accueil ? D’autant que je voudrais en afficher la liste. Et qu’à La Réunion, on n’a pas un super débit
Pour afficher les vidéos Youtube , j’utilise le plugin très efficace VIDEO-S https://contrib.spip.net/Plugin-Video-s
Le débit sera celui des serveurs de youtube les plus proches du lieu de lecture des visiteurs, c’est une lecture de flux youtube, et pas besoin que le fichier soit dans le serveur du site.
Si l’objectif est de réaliser une série de vidéos d’un thème précis à insérer dans une page web, exemple : https://www.lettonie-francija.fr/1454 il y a le site web efficace soundgoods https://soundsgood.co qui permet de rassembler dans une playliste les différents épisodes que l’on souhaite partager. Et les visiteurs peuvent aussi partager la playliste.
Si monseigneur souhaite sa playliste … c’est un bon systeme …
@+ Le Jaseur Boréal, ce petit oiseau nordique migrateur … (si bien chanté par Julos Beaucarne )