Appeler une image

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Sawen93, 20 Janvier 2021.

  1. Sawen93
    Sawen93 Nouveau WRInaute
    Inscrit:
    14 Juillet 2020
    Messages:
    16
    J'aime reçus:
    1
    Comme j'utilise tout le temps Wordpress à présent , j'ai carrément oublier le peu
    que j'avais appris sur le HTML et CSS .

    Je voudrais juste faire une modification d'image très simple sur cette page :

    https://www.arnaudys.com/section/astrologie.html

    Faire un changement de la petite bannière appelée (votre bouton 1 ) sous chaque signe astro

    Belier ect ---

    J'ai un dossier images ou j'ai mis mon nouveau bouton qui doit remplacer celui ci mais je n'arrive pas a appeler celui ci !

    Je pense que je dois modifier quelques chose dans le cms mais je suis perdu .

    Si je change juste l'url d'appel a partir de la bannière actuelle rien ne se passe .

    J'espère avoir été assez clair désolé .
     
  2. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    1 801
    J'aime reçus:
    273
    Il n'y a rien sous chaque signe astro, je ne vois pas de quoi vous voulez parler.
    Si vous changez une url et que rien ne se passe, peut-être qu'il y a un plugin de cache et qu'il faut vider le cache pour régénérer les pages.
     
  3. nicodak
    nicodak WRInaute discret
    Inscrit:
    21 Octobre 2020
    Messages:
    91
    J'aime reçus:
    27
    Où est le code ?
     
  4. Sawen93
    Sawen93 Nouveau WRInaute
    Inscrit:
    14 Juillet 2020
    Messages:
    16
    J'aime reçus:
    1
    Oui désolé j'avais renommer l'image et oublier de corriger . (cette bannière est provisoire c'est juste pour comprendre comment la modifier )

    Pour le code je peux le coller direct ou il y a une procédure particulière ?

    Merci de votre aide .
     
    #4 Sawen93, 21 Janvier 2021
    Dernière édition: 21 Janvier 2021
  5. nicodak
    nicodak WRInaute discret
    Inscrit:
    21 Octobre 2020
    Messages:
    91
    J'aime reçus:
    27
    Balise code dans l'éditeur > insérer (+ dans le carré) > code :)
     
  6. Sawen93
    Sawen93 Nouveau WRInaute
    Inscrit:
    14 Juillet 2020
    Messages:
    16
    J'aime reçus:
    1
    OK merci , voici le code de la demi page , si il est possible d'avoir une explication pour faire un changement de la bannière citer ci dessus (bouton1)


    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Les Signes Astrologiques</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet" type="text/css">
    <!--[if gte IE 9]>
      <style type="text/css">
        .gradient {
           filter: none;
        }
      </style>
    <![endif]-->
    <style type="text/css">
    body {
        background-color: #7F72AC;
        margin: 0px;
        font-family: 'Yanone Kaffeesatz', sans-serif;
        font-size: 24px;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    #main {
        text-align: center;
    }
    #container {
        max-width: 900px;
        margin-right: auto;
        margin-left: auto;
    }
    #corps {
        background-color: #FFF;
        height: auto;
        -moz-box-shadow: 0px 0px 10px 0px #656565;
        -webkit-box-shadow: 0px 0px 10px 0px #656565;
        -o-box-shadow: 0px 0px 5px 10px #656565;
        box-shadow: 0px 0px 10px 0px #656565;
     filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
        overflow: hidden;
        max-width: 900px;
    }
    #corps #texte {
        text-align: left;
        margin: 40px;
    }
    #corps #texte p img {
        height: auto;
        max-width: 100%;
    }
    #texte center a img {
        height: auto;
        max-width: 100%;
    }
    #corps #texte ul li {
        list-style-image: url(http://cercledlp.com/_pv/mentalgagnant/images/puce-pt.png);
        list-style-type: disc;
        list-style-position: outside;
        padding-top: 10px;
        text-align: left;
        /* [disabled]padding-left: 80px;
    */
    }
    .headline {
        font-size: 36px;
        color: #b74b2e;
        text-align: center;
        font-weight: bold;
        margin-top: -5px;
    }
    .preheadline {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        letter-spacing: -1px;
        text-align: left;
        font-weight: bold;
        color: #313131;
    }
    #liens {
        text-align: center;
        font-size: 14px;
        overflow: visible;
        color: #606165;
        clear: both;
    }
    #entete {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: auto;
    }
    #entete #logo {
        float: left;
        max-width: 50%;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    #entete #logo img {
        text-align: left;
        max-width: 100%;
    }
    #entete #titre {
        float: right;
        font-size: 30px;
        font-weight: bold;
        max-width: 60%;
        height: auto;
        text-align: center;
        color: #FFFFFF;
    }
    #liens p a {
        color: #FFC700;
        text-decoration: none;
    }
    .headline1 {
        font-family: Arial, Helvetica, sans-serifTahoma, Geneva, sans-serif;
        font-size: 30px;
        color: #b74b2e;
        letter-spacing: -1px;
        text-align: center;
        font-weight: bold;
        margin-top: -5px;
    }
    #avert {
        font-size: 14px;
        color: #999;
        border-top-width: thin;
        border-right-width: thin;
        border-bottom-width: thin;
        border-left-width: thin;
        border-top-style: dashed;
        border-top-color: #999;
        border-right-color: #666;
        border-bottom-color: #999;
        border-left-color: #666;
        margin-top: 50px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    #commande {
        border: 2px dashed #CC0000;
        height: auto;
        max-width: 480px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
    }
    #commande tr td a img {
        /* [disabled]height: auto;
    */
        /* [disabled]max-width: 100%;
    */
    }
    #logo1 {
        float: left;
        clear: left;
    }
    #logo2 {
        float: right;
        clear: right;
        overflow-x: hidden;
    }
    
    @media (max-width: 900px) {
    #entete #titre {
        max-width: 100%;
        float: none;
        clear: both;
    }
    #entete #logo {
        max-width: 100%;
        float: none;
        clear: both;
    }
    }
    </style>
    <!-- Début du code de consentement des cookies généré avec - http://silktide.com/cookieconsent -->
    <script type="text/javascript">
        window.cookieconsent_options = {"message":"Ce site peut utiliser des cookies et des traceurs afin d'améliorer votre navigation, sa visite équivaut à l'acceptation de nos conditions de confidentialité.<br>","dismiss":"OK","learnMore":"En savoir plus","link":"http://www.cnil.fr/vos-obligations/sites-web-cookies-et-autres-traceurs/que-dit-la-loi/","theme":"dark-top"};
    </script>
    <script type="text/javascript" src="//s3.amazonaws.com/cc.silktide.com/cookieconsent.latest.min.js"></script>
    <!-- Fin du code de consentement des cookies -->
    
    </head>
    
    <body>
    <div id="main">
      <div id="container">
        <div id="entete">
                <div id="titre">
            <p>Découvrez Un Peu Plus Les Signes Astrologiques...</p>
          </div>
        </div>
        <div id="corps">
          <div id="texte">
            <h1 align="center"><strong>&quot;<font color="#CC0000">Votre</font>  Signe Astrologique Dans Sa Globalité <font color="#cc0000">Points Forts</font>, Points Faibles&nbsp;!&quot;</strong></h1>
            <p align="center"> <img src="images/logohoroastro.png" alt="" width="349" height="148" border="0" /></p>
            <p style="font-size:16px">De : Arnaudys<br />
              Le
              <script language="JavaScript">
            </script>
              <script language="JavaScript"><!--
    var dDate = new Date() ;
    var Jours = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi") ;
    var Mois = new Array("janvier","f&eacute;vrier","mars","avril","mai","juin","juillet","ao&ucirc;t","septembre","octobre","novembre","d&eacute;cembre");
    document.write(Jours[dDate.getDay()] + " " + dDate.getDate() + " " + Mois[dDate.getMonth()] + " " + dDate.getFullYear()) ;
    //-->
                                </script></p>
            <p>Bonjour,</p>
            <p align="justify">Faites Un Tour d'horizon Général Sur Les Signes Astrologiques &nbsp;: </p>
            <ul>
              <li>Le Belier</li>
                <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
              <li>Taureau</li>
                <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
              
               <li>Gémeaux</li>
                 <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
              
              <li>Cancer</li>
                <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
              
               <li>Lion</li>
                 <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
              
              <li>Vierge</li>
                <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
              
              
               <li>Balance</li>
                 <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
              
              <li>Scorpion</li>
                <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
              
              
               <li>Sagittaire</li>
                 <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
              
              <li>Capricorne</li>
                <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
              
              
               <li>Verseau</li>
                 <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
              
              <li>Poisson</li>
                <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
     
  7. nicodak
    nicodak WRInaute discret
    Inscrit:
    21 Octobre 2020
    Messages:
    91
    J'aime reçus:
    27
    Tu as l'air d'avoir résolu ton problème non ?
    La bannière bouton.jpg s'affiche correctement...
     
  8. Sawen93
    Sawen93 Nouveau WRInaute
    Inscrit:
    14 Juillet 2020
    Messages:
    16
    J'aime reçus:
    1
    Concernant la bannière bouton.jpg oui mais mon soucis principal est justement de remplacer celle ci par une autre .
    Je pensais que en plaçant mon image dans le dossier image de cette page et en indiquant le nom de ma nlle l'image au niveau du code ci dessous apres img src=images/nlleimage.jpg

    cela serait suffisant mais non !

    d'ou ma question que dois je modifier surement dans le css je pense ?

    Code:
    <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
    Merci de votre aide et j'espere etre assez clair dans ma demande .
     
  9. nicodak
    nicodak WRInaute discret
    Inscrit:
    21 Octobre 2020
    Messages:
    91
    J'aime reçus:
    27
    Avez-vous vidé le cache du navigateur ?
     
  10. Sawen93
    Sawen93 Nouveau WRInaute
    Inscrit:
    14 Juillet 2020
    Messages:
    16
    J'aime reçus:
    1
    Effectivement je n'avais pas vidé le cache donc problème réglé , merci pour votre aide .
     
    nicodak apprécie ceci.
Chargement...
Similar Threads - Appeler image Forum Date
"Appeler" sur un site les vidéos d'une chaîne Youtube : est-ce du duplicate content ? Débuter en référencement 6 Octobre 2015
Prestashop appeler les articles par leur réference et non par leur ID Développement d'un site Web ou d'une appli mobile 1 Octobre 2012
Appeler deux bases de données sur une même page Développement d'un site Web ou d'une appli mobile 21 Avril 2011
Référencement - nom des fichiers images Débuter en référencement 22 Septembre 2021
URL image située sur un autre site ou sous-domaine YouTube, Google Images et Google Maps 17 Septembre 2021
Comment accélérer chargement d'une image ? Développement d'un site Web ou d'une appli mobile 4 Septembre 2021
WordPress Actualiser le titre d'une image référencée par mes domaines référents Netlinking, backlinks, liens et redirections 3 Août 2021
faut-il activer les URL image ou éviter pour économiser le crawl Référencement Google 21 Juin 2021
Page indexée mais pas les images Problèmes de référencement spécifiques à vos sites 10 Juin 2021
Images Webp : peut-on se passer d'images alternatives ? YouTube, Google Images et Google Maps 1 Juin 2021