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] rajouter un module (widget)
  • J'ai changé de thème pour mon blog http://niladmirari.over-blog.com
    Comment faire SVP pour rajouter des modules textes libres à droite de l'article. Il y en a deux, me suivre et un autre mais je voudrais placer du texte libre à l'intérieur d'un nouveau.
    A quel niveau de la css faut-il intervenir ?
    Le thème est Elegant Press.
    Merci d'avance pour la réponse,
    Bon dimanche,
  • tu peux ajouter a la suite 

     <!-- MODULE LIBRE 2 -->
                                <div class="subnav">
                                    <h3>Titre module 2</h3>
                                    <p>Mets ce que tu veux dans ce paragraphe</p>
                                </div>
     <!-- FIN MODULE LIBRE 2 --> 
  • je tente de suivre vos conseils mais le résultat n'est pas fameux. regardez dans mon blog test http://handencaux.over-blog.com/essai-blog
    j'aimerai qu'il est la même couleur que les autres, qu'il ne colle pas le suivant, qu'il n'ait pas cette bordure sur le côté en plus il y a un trait disgracieux au-dessus. Bon je demande beaucoup, je sais
    :-h Merci pour votre aide

  • Les modules correspondent à la classe de style subnav.

    Donc pour le module en entier

    .subnav{border:1px solid blue;} /*exemple ajout bordure aux modules*/

    .subnav p{font-size:16px;} /*paragraphe modules*/
  • j'ai voulu mettre cela vers la ligne 1835 après <div class="subnav"> mais cela n'a pas fonctionné. Endroit mal choisi ???

  • [-X Pas de CSS avec du HTML, ça ne fait pas bon ménage 
  • tu as raison, je mélange !!
  • @catbaz si tu veux affiner la déco en mettant par exemple des bords arrondi à l'encadrement de tes modules.

    voici le code.

    .subnav{border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;border:2px solid #BC4418;}

    Bien sur tu met ton code couleur et tu choisi l'epaisseur de ton "border"

  • oh merci,  j'avais pas vu ton message. j'essaie ! bonne soirée !
  • @catbas: si tu veux un menu coulissant vertical

    code a mettre en html (en bas)


     <!--MENU GAUCHE-->

                        <div id="menugauchecoulissant"><a href="ton adresse de lien"><span
                style="color: #ffffff;"><img style="float: right;" src="http://idata.over-blog.com/2/25/98/74/01-juin-2012/sommaire.ok.png" alt="" /></span></a></div>
                <div id="menugauchecoulissant" style="top: 275px;"><a href="ton adresse de lien/"><span style="color: #ffffff;"><img style="float: right;" src="http://idata.over-blog.com/2/25/98/74/01-juin-2012/accueil-ok.png" alt=""  /></span></a></div>


     <!--Fin de menu gauche-->


    (tu garde mes images ou tu te fait tes propres images de menu)

    top: 275px  étant la position du second onglet par rapport au haut de ta page (réglable donc)
    __________

    dans le css:

     /*---- personnalisation menu coulissant ----*/

     #menugauchecoulissant {
    background:none;
    border: none
    boder-radius: 0px 0px px 0px;
    box-shadow: 0px 0px 0px ;
    position: fixed;
    width: 35px;
    height: 0px;
    top: 105px;
    left: 0px;
    padding: 0px 0px 0px 6px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }

    #menugauchecoulissant:hover {
    width: 50px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    box-shadow: 0px 0px 8px white;
    }

     /*---- fin du menu coulissant ----*/


    tu joue sur ces variable pour mettre le menu plus ou moins haut et plus ou moins large quand il coulisse

    width: 35px;
    height: 0px;
    top: 105px; (position par rapport a ton haut de page)

    logiquement, tu devrais y arriver aussi.


    edit: tu peux mettre 4 ou 5 boutons au lieu de 2.........il faudra juste régler la position "top"


  • bonsoir, je suis très ennuyée. je n'arrive pas à mettre un module en page d'accueil dans le thème elegant press. Vous m'avez bien expliqué comment en mettre un voire deux dans les articles. J'ai réussi grâce à votre aide mais comment faire pour mettre en page d'accueil. merci pour votre aide.

    Dans ma page d'accueil en dessous et à gauche du "diaporama" du thème. merci beaucoup
    Un grand remerciement pour le menu coulissant proposé par Mehdi plus haut, je verrais plus tard. pour l'instant je vais au plus urgent.

  • C'est peut être possible, mais très compliqué. 
    Il faut réduire le diaporama, en replacer les éléments, déposer un module, le placer et le remplir. 
    Bref : pas ce soir pour moi... Tu peux reposter ici ce WE ? J'aurais alors peut être le temps. 
  • pas de problème - dimanche je m'y remets, pas possible pour moi samedi - merci beaucoup pour ton aide
  • Bonjour,
    Merci pour votre aide, j'ai ajouté un module texte sur le coté de mon blog, celui "Undead story" avec l'image : http://isabellehaury.over-blog.com/ mais je voudrais que le titre soit de la même taille et même couleur que les autres titres de modules.
    1) Où puis je trouver les données des titres des modules ?
    2) Comment les appliquer au nouveau module ?
  • @Isabelle :
    Tu as écrit ceci :
                            <div class="box">
                            <h2>Undead Story</h2>
                            <br>
    <a href="http://isabellehaury.over-blog.com/undead-story-dévoile-sa-1ère-de-couverture"><img src="http://idata.over-blog.com/3/85/36/69/Concours-3/Petit-banniere-blog.jpg"></a>
    </div>


    Remplace par ceci :
                                                                                <div class="box">
                                    <div class="box-titre">
                                        <h3><span>Undead Story</span></h3>
                                    </div>
                                    <div class="box-content">
                                        <a
    href="http://isabellehaury.over-blog.com/undead-story-dévoile-sa-1ère-de-couverture"><img

    src="http://idata.over-blog.com/3/85/36/69/Concours-3/Petit-banniere-blog.jpg"></a>
                                  </div>
                                </div>

    J'ai pris tes autres modules comme exemple.