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] BANNIERE CLIQUABLE
  • Bonjour,

    Le "pro"   :( fait appel à toi 

    Medhi je suis dessus depuis 5 h du mat et je n'y arrives pas :
    peux-tu me dire comment centrer mon image car cela se repete à droite.
    Merci.
    C'est sur le blog d'essai
  • Bon, j'ai bidouillé le paramètre height : 125px et l'ai passé à 230 pour que l'image rentre entièrement dans la bannière. Image aussi modifié en 968 x ..
  • Bonjour,
    ton image fait 968 px par 242 px de haut

    dans ton code tu a:

    .header .banner {
        background: url("http://img.over-blog-kiwi.com/1/01/24/82/20150321/ob_7e8049_over-blog-c.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 230px;
    }


    met le a 242 px,ton mage apparaitra en entier sur la hauteur (tu peut tester avec firebug)

  • Ok. Merci.

    Je suis en train de préparer les têtes de menus déroulants avec leurs sous  menus.
     Ensuite je vais regarder ce que tu avais proposé à ? et vais m'essayer sur le blog test. 
    Je souhaite que tu puisses m'aider :)

    Il commence à avoir de la "gueule" mon blog, non ? 

    Faut dire qu'avant ce n'était pas fameux. Je compte aller à la FNAC pour acheter un libre du genre" html pour les nuls"...à moins que tu me conseilles autre chose. Merci pour ton aide
  • lire les post de ce forum.......cela rentre petit a petit.... j'apprend comme ça...jetais comme toi il y  pas si longtemps

  • Bonsoir je réactive cette discussion :) J'ai réussi à mettre la bannière comment qu'elle soit cliquable pour renvoyer sur la page d'accueil ?

    Merci.

  • re bonsoir

    on peut pas la rendre cliquable car on a pas accès a son html pour insérer un lien
  • Ah ? Pourtant j'ai ajouté les lignes de codes que tu préconisais, la bannière s'affiche mais il lui manque juste le lien. Il n'y a même pas une ligne pour cela ?
  • Bon j'ai trouvé la solution en fouillant dans le code de blogs similaires, il y a 2 étapes:

    1) En dessous de la balise STYLE remplacer le code existant jusqu'à <!--Menu--> par celui-ci:

        </head>
        <body>
            <div id="fb-root"></div>
            <div class="global">
                <!-- header -->
                <header class="header">
                    <!-- banner -->
                    <div class="banner">
                        <a href="URL VERS LAQUELLE VOUS VOULEZ REDIRIGER LES INTERNAUTES" title="">
                            <img src="URL OÙ EST HÉBERGÉE VOTRE IMAGE" alt="NOM DU BLOG">
                        </a>

                        <!--blog title -->
                        <h1>
                            
                        </h1>

                                              
                                                                    <form class="search" action="/search" method="post">
                                <input type="text" placeholder="Recherche"  name="q" />
                                <input type="submit" title="Recherche" value="Recherche" />
                            </form>
                                        </div>

    2) En haut du code dans la zone: /* BANNER */
    remplacer le code existant par celui-ci:
                .header .banner {
    min-height: 65px;
    }
    .header .banner .avatar {
    background: #F8F8F8;
    border: 1px solid #F2F2F2;
    border-radius: 3px;
    display: block;
    float: left;
    margin: 0 20px 0 0;
    position: relative;
    padding: 5px;
    }
    .banner .avatar img,
    .profile .avatar {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    }
    .header .banner h1 {
    margin: 0;
    max-width: 75%;
    }
    .header .banner h1 a {
    color: #668FBA;
    font-size: 1.6em;
    font-weight: bold;
    text-decoration: none;
    }
    .header .banner p {
    color: #888;
    margin-bottom: 0;
    max-width: 100%;
    }

    Voilà :)
  • Bonjour,

    alors la, chapeau et merci beaucoup

    Cela fait un bon bout de temps que je ne trouvais pas la solution qui va etre applicable aux autres thèmes aussi.

    Du coup , ce post étant dans la FAQ du forum, il va beaucoup aider les suivants

    A plusieurs jailli la lumière comme ont dit..... :)

    Nota bene: j'ai modifier le titre en ajoutant "cliquable"