Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] Elegant Press : Mettre une image en bandeau?
  • Bonjour,
    Malgré vos explications je n'arrive pas à mettre une image en bandeau sur le blog suivant
    http://amapdumarais.over-blog.com/
    Je ne trouve pas ou insérer l'image dans le code (en ligne 1610, je n'ai rien.... au début en header, je ne trouve pas ou glisser le code)
    Autre soucis, ou stocker mon image bandeau ? comme page sur le blog ?
    Merci pour votre aide,

  • Bonsoir

    tu ne trouve pas: ?
    <header class="header">



    fait un ctrl F au clavier pour t'aider à rechercher dans le code


    pour l'image tu l'a met en brouillon dans un article ou une page



  • Merci, je n'avais compris que l'HTML était tout en bas....
    Débutante !
    J'ai réussi à mettre une image à la place de l'avatar et du titre, il me reste à retravailler le menu !
    Merci pour votre aide

  • pense a remplir ton profil du forum car sinon on a pas accés a ton blog et donc difficile de visualiser ou tu pourrait avoir un éventuel souci.

    [IMPORTANT] ☺♦•.¸♦ À LIRE AVANT DE POSTER UN MESSAGE ♦¸.•♦☺► ----> lien blog, avatar & pseudo forum
  • Bonjour,
    Je ne comprends pas bien j'ai trouvé ca >

    <header class="header">
                    {% if Blog.Avatar is not empty %}
                        <p class="img">
                            <a href="/" class="avatar" title="{{ Blog.Title }}">
                                <img src="{{ Blog.Avatar | resize(100,100) | crop }}" width="150" height="150" alt="{{ Blog.Title }}" />
                            </a>
                        </p>
                    {% endif %}


    Mais pouvez vous préciser ce qu'il faut retirer et comment placer mon image.
    Merci a vous pour votre aide.
  • idem ça ne marche pas et fait buger la page

    j'ai mis ça {% endif %}

    <header class="header">
    <a href="{{http://les-humeursdebernard.over-blog.com/ }}"><img src="http://img.over-blog-kiwi.com/0/95/08/71/20140826/ob_33fc40_couv-camille-1.jpg" alt = "{{#BERNIE PICTURES }}" width="960" height="100%"></a>

    {% endif %}

  • iv oam a precisé en début de post

    L'avatar est entre {% if Blog.Avatar is not empty %} et {% endif %}. Tu
    supprimes et tu remplaces par le code de l'image de la bannière avec
    lien vers l'accueil

    il te manque donc un bout de code


    pour la balise alt, évite les majuscules)
  • Medhi sur le blog test le code est bien 

    <header class="header">

    {% if Blog.Avatar is not empty %}


    <a href="{{http://les-humeursdebernard.over-blog.com/ }}"><img src="http://img.over-blog-kiwi.com/0/95/08/71/20140826/ob_33fc40_couv-camille-1.jpg" alt = "{{#BERNIE PICTURES }}" width="960" height="100%"></a>

    {% endif %}

    ça met erreur à la validation
  • je viens de regarder sur mon blog test aussi sur elegant press..moi j'ai supprimé l'avatar et mis un bandeau
    j'ai donc un autre code.
    http://mehditest2.overblog.com/



    vers la ligne 1800 chez moi au dessous de head et body j'ai:(pour aider au repérage,je t'ai mis de la dernière balise style marquant la fin du css, jusqu'au bouton recherche

          </style>
            <!--[if IE]>
                <style>#header h1 a:hover{font-size: 75px; }</style>
            .
            <!--[if lt IE 9]>
                <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
             
               
            <![endif]-->
            
        </head>
        
              <![endif]-->                 
        <!--CONTENU DU BLOG APRES BODY-->
        <body>
            <div id="fb-root"></div>
           
            <div class="container">
                <!-- Titre et description du blog -->
                <header class="header">    
                    <h1 class="blog-title">
                        <a href="{{ Blog.Url }}" title="{{ Blog.Description }}">{{ Blog.Title }}</a>
                    </h1>
                    <p class="description">
                        <strong>{{ Blog.Description }}</strong>
                    </p>
                </header>
               
                 <!-- formulaire de recherche -->



    et dans le css ligne 274
    chez moi, j'ai l image du bandeau

      /*****************************************
                ***************** HEADER *****************
                *****************************************/
                .header {
                    padding: 0px 0 0px;
                     height: 125px;
                    width: 960px;
                   margin-top: 10px;
                   margin-bottom: 0px;
                 background-color: #23211A;background: url(http://idata.over-blog.com/2/25/98/74/ATEST/top3.png); background-repeat:no-repeat; center;width:960px; height:125px;
                  -webkit-border-radius: 10px;
                       -moz-border-radius: 10px;
                        -ms-border-radius: 10px;
                         -o-border-radius: 10px;
                            border-radius: 10px;
                  margin-left:0px;
                  height: 125px;
                }

                /**** blog title ***/


    du coup, j'ai supprimé toute les lignes concernant l'avatar
  • pour garder le code d'iv oam......il faut conserver 
    {{ Blog.Url }}


    <a href="{{ Blog.Url }}"><img src="http://img10.xooimage.com/banniere-29eb0b.jpg" alt = "{{Blog.Title}}" width="960" height="100%"></a>


    juste remplacer
    http://img10.xooimage.com/banniere-29eb0b.jpg


    par l'adresse de ta bannière


Bienvenue sur le forum !

Si vous souhaitez rejoindre la communauté, cliquez sur l'un de ces boutons !

In this Discussion