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] Transformer la colonne de droite
  • Bonjour avec le thème Classical comment:

    1. Mettre la barre de recherche dans la colonne de droite avec une petite loupe au bout de la barre ?
    2. Comment mettre en gras le titre des modules et leur mettre à côté si possible cette image: http://assets.over-blog.com/t/classical/images/title-sep.png ?
    Je sais que peut être certaines de ces questions ont déjà des réponses sur le forum, mais après avoir cherché et fait des modifs dans mon code pendant plusieurs heures je ne suis pas parvenu aux bons résultats. Chaque blog semble être un cas particulier.

    Adresse de mon blog: http://www.critiktv.com/


    Merci d'avance pour votre aide :)

  • Bonjour,

    1 - la barre de recherche est deja dans la colonne de droite

    2  - tu dois chercher la dernière balise  </style>. de ton code qui marque la fin de ton css

    pour repérer cette balise tu verra légèrement en dessous "head"...et plus loin "body"

    tu colle ensuite

    .sidebar .widget-title {
        color: #254c67;
        font-size: 15px;
        font-weight: bold;

    }


     JUSTE AVANT
      </style>.


    tu va , en fait,  centraliser toute modification de ton css avant cette balise </style>.  qui marque la fin de ton css. cela te  permettra plus tard de retrouver facilement les ajouts et/ou modifications de code


    j'ai ajouter une taille de police (font-size) et un style de police en gras (bold)............les 2 modifiable comme tu le souhaite

  • Pour le theme classical tu trouvera pas mal de modification possible ici

    http://fr.forum.over-blog-kiwi.com/categories/classical

    (voir la colonne "catégories" à droite de ce forum)

  • Merci beaucoup mais 2 remarques:

    1) Y'a-t-il moyen de mettre la petite loupe (http://assets.over-blog-kiwi.com/t/classical/images/search-submit.png) dans la barre de recherche à la place du bouton "OK" ? OU de prendre la barre de recherche proposée directement par OB mais la déplacer dans la colonne de droite ?

    Code que j'ai inséré dans le module libre 1 en HTML:
    <div class = "search">

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

    </div>


    2) Comment faire pour laisser un espace entre le titre d'un module et la série de traits en biais ? (http://assets.over-blog.com/t/classical/images/title-sep.png)

    Code que j'ai inséré dans le CSS à l'endroit que vous m'avez indiqué:

            .sidebar .widget-title {
                    background: url("http://assets.over-blog.com/t/classical/images/title-sep.png") repeat-x scroll 10px 6px transparent;
        color: #254c67;
        font-size: 15px;
        font-weight: bold;
    }



    Merci beaucoup par avance ! :)
  • Bonsoir,

    j'ai vu que tu es passé à floating post.....

    bonne continuation
  • Oui parce que j'en avait tellement marre de tous les problèmes de Classical. Néanmoins j'avais fini par trouver la solution, j'avais inséré cette ligne de code dans un module libre:








                            <div
    class="cb"></div>



                        </div>



                        <div
    class="sidebar">



                                               
    <div class="search">



                                <form
    class="search" method="post" action="/search">



                                    <input
    type="text" name="q" placeholder="Recherche..."
    value="" />



                                    <input
    type="submit" value="Recherche" />



                                </form>



                            </div>


    Merci pour ton aide en tous cas :)



  • waw.!! ..... merci du retour d'information qui régle le probleme sur classical

    cela servira a un autre  :)

    heureusement que tu maitrise pas trop mal le css/html

    le thème floating post est pas mal

    http://bouffonduroi.over-blog.fr/

    va voir ce blog en floating post qui présente très bien (si cela peut t'inspirer)


  • Oui mais bon j'ai aussi analysé les codes sources Web d'autres design pour y arriver :) 

    Par contre, je n'ai pas réussi à régler le problème des boutons de partage dont j'ai parlé dans une autre discussion. En tous cas le SAV d'Overblog s'en fiche puisqu'ils m'ont répondu qu'ils ne peuvent soi-disant rien faire.
  • aîe   X(    [-(
  • il me semble avoir lut quelque part que quand le code est modifié il ne peuvent/veulent pas intervenir dessus

    dans ce cas  ob recommande une réinitialisation du thème mais on perd les modifications