Agrandir le logo du site

Général
1

Bonjour.

Je prépare un nouveau site pour mon asso (http://www.copb2.infini.fr/, pas de https pour l’instant). Il ne me reste plus que le logo du site à agrandir. Malheureusement, tout ce que j’essaye échoue. Actuellement, le HTML du logo dans la sidebar ressemble à ça :

<img
  src="local/cache-vignettes/L150xH150/copb-moyen-b26cb.png?1774719689" 
  class="spip_logo" width="150" height="150" alt="COPB">

Malgré les attributs width et height à 150, le navigateur affiche le logo en 64x6xpx. Si j’ouvre l’image référencée dans un onglet dédié, elle s’affiche en grand.

Dans sidebar.html du plugin html5up_future_imperfect/v1.1.0, j’ai changé

    [<a href="#URL_SITE_SPIP" class="logo">
        (#LOGO_SITE_SPIP|image_recadre{75:83, -, focus}|image_reduire{150,166}|balise_img{#NOM_SITE_SPIP,@2x})
    </a>]

pour mettre ça à la place :

    [<a href="#URL_SITE_SPIP" class="logo">
        (#LOGO_SITE_SPIP|image_reduire{150,166}|balise_img{#NOM_SITE_SPIP})
    </a>]

Mais rien n’y fait.

Bref, je suis au bout du rouleau :-). Des idées ?

2

Bonjour,

  • Ajoute ?var_mode=inclure > http://www.copb2.infini.fr/?var_mode=inclure
    pour savoir quelles sont les inclusions de la page, et t’assurer du fichier à modifier
  • dans un répertoire squelettes que tu crées à la racine de ton site, recopie ce fameux fichier, peut-être sidebar.html et respecte son chemin, donc quelque chose comme /squelettes/inclure/sidebar.html
  • Modifie ensuite ce fichier comme tu le souhaites. Tu profiteras de la prochaine mise à jour SPIP qui ne touchera pas au répertoire /squelettes.
  • Pour voir ses effets, recalcule ta page mise en cache grace au bouton ‹ recalculer ›
1 « J'aime »
3

Bonjour, merci pour votre réponse. Pour le moment, j’ai modifié directement dans plugins/ pour gagner du temps mais je ferai comme vous dites plus tard.

En attendant, le problème reste entier. Que dois-je mettre dans sidebar.html pour que le logo soit plus grand ?

4

Bonjour,
Peut-être une piste, dans le doute.

Via CSS :

#intro img.spip_logo {
  width: 200px;
}

Bien à vous,

1 « J'aime »
5

Je te donne ces indications pour que tu comprennes ce que tu fais, en commençant par appliquer la bonne recette tu trouveras les ingrédients plus facilement.

Il te faut lire attentivement ceci

    [<a href="#URL_SITE_SPIP" class="logo">
        (#LOGO_SITE_SPIP|image_recadre{75:83, -, focus}|image_reduire{150,166}|balise_img{#NOM_SITE_SPIP,@2x})
    </a>]

Soit un code d’un lien du site SPIP qui porte la class logo et qui s’applique sur le logo du site.

puis par exemple tu remplaces le tout avec seulement #LOGO_SITE_SPIP pour afficher le logo du site SPIP puis ajoute le filtre image_recadre pour recadrer cette image sur une proportion de 2/5[(#LOGO_SITE_SPIP|image_recadre{2:5})] ou tu peux reduire l’image avec un autre filtre, par exemple image_reduire{300}.

Tu trouveras toute la doc sur les filtres qui commencent par image_ sur

1 « J'aime »
6

Bonjour Damien,

Tu as 2 styles qui empeche ton logo d’ s’émanciper :slight_smile:
Ils sont tous les 2 dans main.css :
#intro .logo : 4.5em
#intro .logo img : 4em

Tu peux commenter les 2 lignes

1 « J'aime »
7

@Chrys Merci pour ta réponse.

@touti. Merci pour ta réponse. C’est top que tu guides les gens et donne des pointeurs pour que les gens apprennent.

@Yohooo. J’ai regardé 1000 fois avant d’envoyer mon message… Comment j’ai pu passer à côté de ça… Merci beaucoup en tout cas !!

8

Le plugin ne semble pas supporter le fichier perso.css : html5up_future_imperfect et perso.css :-(.

9

si si