Forum sur Sarka-SPIP 3

mardi 14 avril 2009 à 10h35
par shizuka

Logo de _Shizuka_

Eric

Moi je veux bien mais à ce compte là il faut juste savoir ce qu’on met comme chemin relatif pour les images d’arrière plan .


Ce sujet est verrouillé : vous pouvez consulter son fil de discussion mais vous ne pouvez plus y répondre.

Réponses

14 avril 2009 à 13h06

frdm, shizuka

Si votre perso.css est dans squelettes/css/
et que votre image est dans squelettes/images/

vous pouvez essayer :

background: url(../images/mon_image.png) ;
16 avril 2009 à 01h38

Merci SarkASmeL et SarkARchimeD pour les infos sur perso.css relatives au fond de couleur ou d’image pour les articles. Je n’ai pas essayé pour l’image mais j’ai gardé la recette en commentaire dans mon perso.css. Je me souviens maintenant que SarkASmeL-Éric avait exposé tout cela lors de la journée de samedi dernier, et c’est seulement maintenant que je comprends.
 Par ailleurs, j’ai voulu supprimer le logo de page auteur, et j’ai cru pouvoir jouer dans "Styles" de Sarka-Spip sur le paramétrage "Auteur", "Eléments descriptifs / Vous avez la possibilité de définir la taille du logo affiché dans le bloc textuel de la rubrique. Taille maximale du logo en hauteur ou en largeur" (comme il s’agit des "auteurs", je suppose qu’il faut lire "bloc textuel de la page auteur" au lieu de "bloc textuel de la rubrique"). J’ai donc essayé avec taille "0", puis avec "1", mais cela n’a rien donné, le logo par défaut de Gravatar s’affiche toujours à la même taille.

16 avril 2009 à 07h52

Je me complète : en fait, je cherche à éviter l’affichage de l’icone par défaut de Gravatar, tant dans les commentaires que dans les fiches auteur. Il y a peut-être une solution plus logique que de mettre les dimensions à zéro, ce qui élimine les "vrais" logos, autres et en même temps que celui par défaut de Gravatar.

16 avril 2009 à 17h23

Salut Frdm,

Je trouve que c’est dommage d’enlever le logo des pages auteurs ou des commentaires. En particulier dans le bloc commentaire, ça permet d’avoir un certain équilibre dans le design. Par contre, tu peux changer le logo gravatar par défaut par un autre logo à ta convenance (cf fichier joint par exemple).

Ensuite, j’ai pas compris si c’est tous les logos qui te gênent ou simplement le logo gravatar qui s’affiche quand aucun logo n’est associé à l’auteur ? Mais de toute façon, ce n’est pas dans les css qu’il faut agir mais dans le html.

auton1-a7e5c.jpg
16 avril 2009 à 20h43

Je peu lire :

jeudi 16 avril 2009 à 01h38, par frdm

Merci SarkASmeL et SarkARchimeD pour les infos sur perso.css relatives au fond de couleur ou d’image pour les articles. Je n’ai pas essayé pour l’image mais j’ai gardé la recette en commentaire dans mon perso.css. Je me souviens maintenant que SarkASmeL-Éric avait exposé tout cela lors de la journée de samedi dernier, et c’est seulement maintenant que je comprends.

Or j’ai vraiment besoin d’avoir un fond de couleur pour les articles car la transparence ça le fait pas avec le choix de mon image de fond de page.
N’ayant pas réussie a me libérer cause pro pou la sarka day je suis preneur d’une explication.

Merci

17 avril 2009 à 04h08

Salut SarkASmeL,
Merci pour le logo "auteur", il est d’une sobriété qui me convient bien, particulièrement si je remplace le noir par du gris.
Suivant les sites les logos me gênent parce que j’applique une logique contraire à celle rencontrée la plupart du temps sur le web : je recherche une forme de "gris typographique", avec la complexité supplémentaire des couleurs. (Gris typographique : un imprimé de texte tenu à bout de bras et vu en fermant presque complètement les yeux doit apparaître uniformément gris, autrement c’est un imprimé mal composé ; disons que s’agissant du web, il s’agirait de tenir l’écran à deux bouts de bras, pour une marge de tolérance dûe à la lumière de la source et aux couleurs.)
Par conséquent, je ne peux pas voir... d’un bon oeil que tout un chacun fasse apparaître les images qu’il veut par l’intermédiaire des "logos"... et encore moins un logo répétitif comme celui par défaut de Gravatar, qui produit ainsi une large zone d’une couleur qui devient de ce fait dominante (bleu vif, en l’occurrence). Je ne veux pas avoir de telles fantaisies sur par exemple les deux sites que je viens de faire, l’un de linguistique, l’autre de psychanalyse : le "graphisme" doit être au seul service du texte (d’où aussi mes modifications en perso.css de la taille des titres des noisettes par exemple).
Bon, je reviens à cette question de logo. Je suis allé à l’apéro-Spip de Paris hier soir, mais je n’ai pas pu me faire aider pour modifier les fichiers html pour faire afficher un logo tel que celui que tu m’as proposé (les "pros" étaient occupés), c’est même moi qui ai aidé quelqu’un (ça arrive donc... ;-). Je vais essayer de m’y remettre jeudi prochain, le html de "inc_article_commentaires.html" est trop compliqué pour moi tout seul. En tout cas c’est moins gênant pour moi d’avoir une "marge" gauche libre pour les commentaires, que d’avoir les logos par défaut de Gravatar.
Cordialement, frdm

17 avril 2009 à 04h27

Pour assobachant :

mardi 14 avril 2009 à 08h55, par SarkASmeL (Eric)
Hello Frdm et Shizuka,
J’avoue que j’hésite avec perso.css à le passer en css.html. L’avantage serait de pouvoir utiliser les balises #CONFIG et #CHEMIN. Cependant, à partir du moment où c’est de la perso, pourquoi les utiliser ? L’écriture immédiate est tout aussi pertinente.
Donc, pour le problème du fond, dans perso.css tu ne peux pas utiliser de telles balises car elle ne sont pas compilées par SPIP. Il faut donc écrire un css classique tel que :
.article {margin: 0; padding: 5px 10px; background: #eeeeee;}

qui fonctionnera sans problème. Et tu peux adapter ta couleur et remplacer #eeeeee si tu veux.

mardi 14 avril 2009 à 13h06, par SarkARchimeD (Xavier)
frdm, shizuka
Si votre perso.css est dans squelettes/css/ et que votre image est dans squelettes/images/
vous pouvez essayer :
background: url(../images/mon_image.png) ;

17 avril 2009 à 08h03

bonjour frdm.

ce que Éric essaye de te dire est que pour conserver la cohérence de la mise en page, il vaut mieux que tu mettes l’image de ton choix (un fond coloré te permettant d’avoir ton gris typographique par exemple) plutôt que de supprimer complètement (en plus, cette option semble plus difficile en l’état ; mais c’est class-"gravatar" et class="spip_logos gravatar" si tu veux essayer.. : au lieu de changer leur dimension, tu peux essayer de jouer avec leur visibility ou leur display voir..)
pour remplacer tous les gravatars par une image quelconque dans les commentaires, il faut que tu remplace, dans "inc_article_commentaires.html" le bloc

		<div class="gravatar">

		[(#GET{logo_auteur}||?{

			[(#GET{logo_auteur}||image_passe_partout{32}|image_recadre{32,32,center,FFFFFF}|inserer_attribut{class,spip_logos gravatar}|inserer_attribut{alt,[<:sarkaspip:logo_de:> (#NOM)]})],

			<img src="[(#GET{email_auteur}|gravatar_url)]" width="32" height="32" class="spip_logos gravatar" alt="[<:sarkaspip:gravatar_de:> (#GET{nom_auteur})]" />

		})] 

    	</div>

par quelque chose comme

		<div class="gravatar">

			<img src="images/mon_gravatar.extension" width="32" height="32" class="spip_logos gravatar" alt=" (#GET{nom_auteur}) " />

    	</div>

voilà :) (non testé, mais ça devrait fonctionné)

17 avril 2009 à 08h22

Hello Gilcot,

Je vais trouver une autre façon de personnaliser le logo de Gravatar en utilisant une image du répertoire images/. Ainsi, il suffira de le surcharger pour le changer.

17 avril 2009 à 11h57

cool.
j’ai vu que le plugin gravatar a quelque chose comme cela :

Il étend la balise #LOGO_AUTEUR afin que celle ci renvoie le gravatar associé à l’email si l’auteur n’a pas déjà un logo dans SPIP.

Mieux, vous pouvez utiliser la balise #LOGO_AUTEUR dans les forums et pétitions. Elle utilisera alors les informations de l’auteur si elles sont connues, et à défaut l’email de la personne ayant envoyé le message.

#LOGO_AUTEUR n’affiche rien par défaut si il n’y a pas de gravatar de défini pour l’email recherché.

Vous pouvez ainsi substituer votre image par défaut en écrivant dans votre squelette

  1. [(#LOGO_AUTEUR||sinon{#CHEMIN{vignettepardefaut.png}})]

faudrait voir comment ils font... ou utiliser ce plugin (un de plus... mais ça s’évite de devoir réinventer la roue hihi) ou combiner les deux approches (comment ? je n’en ai aucune idée !)

17 avril 2009 à 13h52

Salut Gilcot,

En fait, quand j’ai mis en place le gravatar j’avais regardé l’utilisation du plugin Gravatar qui me paraissait bien pensée. Mais j’ai reculé car je voulais une solution sans plugin a priori mais remplaçable par le plugin Gravatar qui gère aussi l’espace privé. C’est cette deuxième partie que je n’ai pas encore mise en place.

Cependant, je pense qu’il faut tout de même la solution de base puisse permette de surcharger l’icone de base. C’est un minimum, qu’on peut tout à fait réaliser avec la solution que tu as proposée. Gogogo !!!