Comment adapter les images de son site à la taille de la fenêtre ? (Créer un compte)

  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #486987
    saadarto
    Membre
    Initié WordPress
    9 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.0
    – Version de PHP/MySQL : MySQL 5
    – Thème utilisé : Mystique
    – Nom de l’hebergeur : OVh perso
    – Adresse du site : http://www.saadarto.com

    Problème(s) rencontré(s) : Hey !!!Salut a tous ! Juste une question ! Comment faire pour que les images/videos/onglets (images de liens dans la sidebar) s’adaptent à la résolution de la fenêtre ?? (comme ce site web http://www.lokan.fr) J’aimerais savoir le faire sur mon site internet pour que mes dessins ne soient pas coupés sur la plupart des ordinateurs Mercii D’avance et j’oubliais, j’aimerais qu’on me précise les démarches SVP xD car je suis un petit noob dans le milieu !
    Merci encore !!!

    #742192
    Li-An
    Modérateur
    Maître WordPress
    24330 contributions

    Éh bien, tu peux déjà redimensionner tes photos pour que ça rentre sur une résolution 800*600. Ensuite ça dépend de ton thème (il suffit de voir la largeur du thème pour faire des images de la bonne taille). Ensuite, les images qui s’adaptent à la résolution, c’est du boulot parce que ça signifie que tu dis au thème “regarde la résoluton de l’écran de l’utilisateur et lance le thème adapté à cette résolution”. Donc autant de thèmes (bon j’exagère un peu) que de résolutions. Je ne connais aucune autre méthode.

    #742193
    Arnocom
    Participant
    Chevalier WordPress
    233 contributions

    T’as déja un theme ajustable, alors le principe est le même, tu colle une largeur variable a tes images, et tu ne fixe pas de hauteur. Genre pour ton image sibillyfine.fr, tu mets dans le css

    ul.xoxo.blogroll li a img{
    width:100%
    }

    L’image va prendre 100% de la largeur disponible dans la sidebar, et comme elle a pas de hauteur, elle prendra celle par rapport a la largeur, après quand tu réduis ta fenetre, ta sidebar va réduire en largeur, donc l’image aussi, et donc sa hauteur en conséquence.

    #742194
    Li-An
    Modérateur
    Maître WordPress
    24330 contributions

    Ben voilà une vraie solution 🙂 Merci Arnocom.

    #742195
    saadarto
    Membre
    Initié WordPress
    9 contributions

    Hey merci beaucoup j’ai reussit pour les images de mes articles mais je ne trouve pas pour les liens meme avec firebug … il me met du HTML mais je trouve sa ou moi dans wordpress Merci !!

    #742196
    Arnocom
    Participant
    Chevalier WordPress
    233 contributions

    ce sont surtout les images dans ta sidebar qui sont coupée et je t’ai dis, pour l’image sybilline.fr et les autres c’est
    ul.xoxo.blogroll li a img{
    width:100%
    }

    dans ton fichier style.css

    #742197
    saadarto
    Membre
    Initié WordPress
    9 contributions

    impossible de le trouver dans le style.CSS (j’ai chercher dans le style.CSS du theme mystique)

    #742198
    Arnocom
    Participant
    Chevalier WordPress
    233 contributions

    faut pas le trouver, faut l’ajouter

    #742199
    saadarto
    Membre
    Initié WordPress
    9 contributions

    Hey mercii beaucoup jai enfin reussit !!! Merci avou tous et durtout a toi Arnocom 😉

9 sujets de 1 à 9 (sur un total de 9)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.