Agrandir « height » image theme freshy (Créer un compte)

  • Statut : non résolu
13 sujets de 1 à 13 (sur un total de 13)
  • Auteur
    Messages
  • #465216
    Anthony29
    Participant
    Padawan WordPress
    53 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.6.5
    – Thème utilisé : FRESHY
    – Plugins en place :
    – Nom de l’hebergeur : Neodomaine
    – Adresse du site : http://www.saintevarzec2008.com

    Problème(s) rencontré(s) :

    BOnjour à tous,

    je souhaiterais mettre une image de 200 px de hauteur dans le theme freshy. dans l’image qui est sous le header.
    dans les options avancées du theme freshy, je n’ai pas moyen de modifier la taille de cette hauteur qui est à la base de 98 px.
    Ou puis je la modifier ?

    Merci à vous..

    j’ai cherché sur le forum..mais rien..
    😉

    #653255
    Maitre Mo
    Participant
    Maître WordPress
    1653 contributions

    Bonjour,
    Si tu parles bien de l’image qui prend toute la largeur et est composée de plusieurs photos, c’est à la ligne 160 de ton fichier style.css :
    #title_image {
    background-image:url(http://www.saintevarzec2008.com/wp-content/themes/freshy/images/headers/header_image6.jpg);
    display:block;
    height:200px;
    margin:0;
    text-align:left;
    }
    (le height actuel est de 95px)

    #653256
    Anthony29
    Participant
    Padawan WordPress
    53 contributions

    J’ai déjà fait cette manip’…
    Mise en 200px…pour agrandir la hauteur de l’image..mais rien n’y fait..
    y’a peut -etre un code qui ramene automatiquement à la taille ?
    Merci encore maitre mo !

    #653257
    Maitre Mo
    Participant
    Maître WordPress
    1653 contributions

    Je n’avais pas compris, en fait c’est l’image elle-même que tu souhaites agrandir ?
    Alors là tu gardes ton css à 200px, tu édites l’image via ton ftp (header_image6.jpg je crois) avec n’importe quel logiciel qui sait afficher une photo, tu modifies ses paramètres de taille jusqu’à 200 px de hauteur, tu l' »enregistres sous » le même nom avec « bis » au bout, par exemple, et tu modifies ton header.php pour que désormais ce soit cette photo là qui soit appelée.

    #653258
    Anthony29
    Participant
    Padawan WordPress
    53 contributions
    Maître Mô wrote:
    Je n’avais pas compris, en fait c’est l’image elle-même que tu souhaites agrandir ?
    Alors là tu gardes ton css à 200px, tu édites l’image via ton ftp (header_image6.jpg je crois) avec n’importe quel logiciel qui sait afficher une photo, tu modifies ses paramètres de taille jusqu’à 200 px de hauteur, tu l' »enregistres sous » le même nom avec « bis » au bout, par exemple, et tu modifies ton header.php pour que désormais ce soit cette photo là qui soit appelée.

    Maitre m^,
    Tu avais bien compris, j’ai mon image header en 200px de haut.
    AU départ, cela ne passait évidemment pas puisque le « height » accordé était de 95.
    j’ai donc fait selon ta manip en style.css et mis 200px…
    Seulement rien n’a bougé même quelques CRTL+F5 plus tard 😉

    #title_image {
    margin:0;
    text-align:left;
    display:block;
    height:200px;
    background:url(images/headers/header_image6.jpg) center center transparent repeat-y;

    Cela me parait bizarre mais pt etre que le theme bloque même si tu changes de taille?
    Merci !

    #653259
    Maitre Mo
    Participant
    Maître WordPress
    1653 contributions

    J’ai deux fois le même code à deux endroits différents, Firebug m’affichant ça ainsi :
    #title_image {www.sain…c2008.com (ligne 160)
    background-image:url(http://www.saintevarzec2008.com/wp-content/themes/freshy/images/headers/header_image6.jpg);
    display:block;
    height:200px;
    margin:0;
    text-align:left;
    }
    #title_image {style.css (ligne 55)
    background:transparent url(images/headers/header_image2.jpg) repeat-y scroll center center;
    display:block;
    height:95px;
    margin:0;
    text-align:left;
    }
    Quand je passe le premier height à 200px comme ci-dessus, j’ai bien un affichage en 200px…
    aut que tu trouves où ça se cache, c’est je pense en rapport avec les fonctions du thème permettant de modifier les images du header…

    #653260
    Anthony29
    Participant
    Padawan WordPress
    53 contributions
    Maître Mô wrote:
    J’ai deux fois le même code à deux endroits différents, Firebug m’affichant ça ainsi :
    #title_image {www.sain…c2008.com (ligne 160)
    background-image:url(http://www.saintevarzec2008.com/wp-content/themes/freshy/images/headers/header_image6.jpg);
    display:block;
    height:200px;
    margin:0;
    text-align:left;

    }
    #title_image {style.css (ligne 55)
    background:transparent url(images/headers/header_image2.jpg) repeat-y scroll center center;
    display:block;
    height:95px;
    margin:0;
    text-align:left;
    }
    Quand je passe le premier height à 200px comme ci-dessus, j’ai bien un affichage en 200px…
    aut que tu trouves où ça se cache, c’est je pense en rapport avec les fonctions du thème permettant de modifier les images du header…

    Le texte en gras se trouve aussi dans style.css?
    je n’ai trouvé que la 2eme partie du code (lign 55)..

    Je suis un peu perdu car dans mon fichier style.css de mon admin..c’est bien noté 200px…
    et je ne toruve pas le code que tu me dis Maitre mô avec l’url complete..j’ai cherché dans IE6.css, dans IE7.css..style.css…
    rien :-(
    Merci de ta patience !
    Avtn dans les options avancées du theme on pouvait, je crois changer le 95, mais ce n’est plus le cas apparemment..
    Enfin, si qq a un systeme…

    #653261
    jessy
    Participant
    Chevalier WordPress
    461 contributions
    Anthony29 wrote:
    Enfin, si qq a un systeme…

    😆

    Salut

    Beh oui comme te l’a fait remarquer Maître Mô, tu as toujours 2 fois le même code mais maintenant il n’y a plus de 200px puisque tout est à 95px. Mais de toute façon même si tu mettais la hauteur à 200px ça ne changerait rien car tes 2 images font 95px de haut.

    Alors d’abord 2 div ayant la même ID soit #title_image c’est pas bon du tout, en fait c’est même interdit car une ID doit toujours être unique. Le 1er code que tu vois ci-dessous (en rouge) se trouve dans un gros pavé css qui a dû être copié/collé à la Pink Floyd dans le head de ton header.php et n’a rien à faire là. Et comme ce code css est interne au fichier, c’est lui qui prend la main sur le second code (en bleu) qui lui se trouve bien à sa place dans la feuille de style externe et c’est justement cette dernière qui devrait être utilisée en priorité. En un mot c’est le bordel.

    Aussi le mieux serait de supprimer cette première partie de code (rouge) pour laisser place au second ce qui se fera automatiquement puisqu’ils ont la même id et du même coup ça résoudra le nom de l’ID en double. Mais comme déjà dit tes images qui s’appellent header_image6 (et header_image2) ne faisant que 95px de haut elles ne pourront donc occuper les 200px prévus. Par conséquent il faut donc la changer et en mettre une qui corresponde à cette hauteur de 200px (et pense à mettre ce height à 200px bien sûr).

    #title_image {
    margin:0;
    text-align:left;
    display:block;
    height:95px;
    background-image:url(« http://www.saintevarzec2008.com/wp-content/themes/freshy/images/headers/header_image6.jpg »);
    }

    #title_image {
    margin:0;
    text-align:left;
    display:block;
    height:95px;
    background:url(images/headers/header_image2.jpg) center center transparent repeat-y;
    }

    #653262
    Anthony29
    Participant
    Padawan WordPress
    53 contributions

    Merci jenny pour ta réponse, mais je n’ai pas du tout le code en rouge dans mon header.php…
    du coup,je ne trouve pas le doublon…

    Merci pour ton aide !

    #653263
    jessy
    Participant
    Chevalier WordPress
    461 contributions

    Salut Antonio moi c’est jessy :D

    Peux-tu afficher le code de ce fichier header.php

    #653264
    Anthony29
    Participant
    Padawan WordPress
    53 contributions

    pardon jessy ! 🙂
    Allez, je mets tout le code, pour le fun ! lol

    <?php //$freshy_options = get_option('freshy_options');
    global $yy_options;
    global $freshy_options;
    ?>

    <meta http-equiv="Content-Type" content="; charset= » />

    <meta name="generator" content="WordPress  » />
    <link rel="stylesheet" href=" » type= »text/css » media= »screen » title= »Freshy »/>
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href=" » />
    <link rel="alternate" type="text/xml" title="RSS .92" href=" » />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href=" » />
    <link rel="pingback" href=" » />


    #653265
    jessy
    Participant
    Chevalier WordPress
    461 contributions

    En regardant ton site avec Firebug, on pourrait croire qu’il se trouve là mais effectivement il n’apparaît pas ici dans header.php.
    En tout cas c’est bien la 1ere fois que je vois une balise body aussi près de la balise de départ <html.
    Donc j’en déduis que ce css est appelé dans une des lignes de code (en bleu) se trouvant juste au dessus du
    DOCTYPE.

    Mais en y réfléchissant et étant donné qu’il s’agit d’une usine à gaz je me demande si tu ne pourrais pas accéder à cette partie de code via l’administration (mais je ne connais pas ce thème)

    et éventuellement une autre possibilité peut-être soit au lieu de supprimer le premier code comme je te le disais dans mon post initial, tu supprimes le second dans le fichier style.css et puis faire le reste que je vais pas répéter ici.


    <?php //$freshy_options = get_option('freshy_options');
    global $yy_options;
    global $freshy_options;
    ?>

    <html xmlns= »http://www.w3.org/1999/xhtml » xml:lang= »en »>

    <meta http-equiv="Content-Type" content="; charset= » />

    <meta name="generator" content="WordPress  » />
    <link rel="stylesheet" href=" » type= »text/css » media= »screen » title= »Freshy »/>
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href=" » />
    <link rel="alternate" type="text/xml" title="RSS .92" href=" » />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href=" » />
    <link rel="pingback" href=" » />

    #653266
    Anthony29
    Participant
    Padawan WordPress
    53 contributions

    Jessy,

    Je laisse tomber car malheureusement, je ne comprends pas le mode opératoire.

    Tant pis,
    Merci qd même 😉

13 sujets de 1 à 13 (sur un total de 13)
  • Vous devez être connecté pour répondre à ce sujet.