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"


Bienvenue sur le forum !

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

In this Discussion