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] Mettre une bannière dans l'entête du blog ?
  • Mille merci c niquel!
  • Bonsoir,

    vous pouvez m'indiquer aussi le code et l'endroit où le placer ?
    http://img.over-blog-kiwi.com/0/55/08/58/201305/ob_36a91bd25c15b39c74b5e9bc508a588a_banniere-accid.jpg
    blog : http://accid.over-blog.com/

    Merci d'avance.
    Bien cordialement
    Ph George

  • Etant donné que c'est le même design, c'est exactement au même endroit, il faut juste remplacer l'adresse de l'image.
  • à première vue, c'est un peu différent à cause de l'avatar ...
    Il faut le retirer ?
    Merci

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

  • Tu le retires si tu veux, tu le laisses si tu veux.
    Tu peux dans un premier temps ajouter la bannière, puis voir si ça convient ou pas comme ça.
  • je vais le retirer dans un premier temps.
    Juste une autre question : pour centrer l'image ou quelle prenne la page entière, quelle est la bonne méthode ?
    Merci de tout le temps passé à nous aider.
  • Pour cela tu peux ajouter une ligne (vers 254) dans ton css :
                .header .banner p {
                    color: #888;
                    margin-bottom: 0;
                    max-width: 100%;
                }

                .header .banner img {
                    width: 100%;
                }

                /* SEARCH FORM */
    Cela redimensionne l'image (et donc la pixelise si elle est trop petite).
  • Chapeau !! c'est exactement ce que je voulais.
    Allez j'abuse ....
    On peut faire passer la case "Recherche" en dessous de l'image pour qu'elles ne se superposent pas ?
    Au même niveau que le nom de l'association par exemple ?
  • Toujours dans la partie css :
                /* AJOUT pour centrer la bannière */
                .header .banner img {
                    width: 100%;
                }
                /* SEARCH FORM */
                .search {
                    position: absolute;
                    right: 13px;
                    top:
    230px;
                    width: 213px;
                }