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.
[EN COURS] modification
  • bonjour,

    je suis en train de faire un nouveau blog : missbonsplansdunet.over-blog.com

    j'ai pris le thème kiwi que j'ai réussi à arranger un peu comme je voulais mais j'ai des problèmes ! j'ai recherché depuis ce matin dans toutes les questions j'ai lu 2/3 trucs mais pas trouvé et compris exactement quoi faire...

    mes problèmes :
    1) peut-on dans ce thème faire un menu déroulant dans la barre horizontale ? j'ai l'impression que non. si je deviens premium je pourrais ?
    2) tout en haut du blog j'ai une grande barre blanche, je ne sais pas pourquoi ? pour les pubs futures ?
    3) la section recherche est tout en bas à droite, j'aimerais qu'elle soit en haut entre à propos et suivez-moi, quels sont les mots exacts à rechercher dans le code source ? j'ai vu des discussions la dessus tout à l'heure mais ça parlait d'une autre section...
    4) le lien de contact est dans la barre horizontale tout en haut, j'aimerais que le lecteur puisse retrouver un lien à la fin de sa lecture pour me contacter sans être obligé de retourner 3km plus haut ! comment faire ?
    5) mon article est très long il reprend 13 pages de word, donc j'ai fait un sommaire qui renvoie à chaque section, mais j'aimerais mettre un lien de retour, pour que les gens qui ont lu une section puisse directement retourner en haut de l'article et choisir à nouveau une autre section à lire, comment mettre ça ?

    merci beaucoup !

  • Bonjour,

    sur la FAQ du forum tu trouvera deja pas mal d'informations



    1/ Pour faire un menu déroulant sur kiwi c'est ici (assez technique - pas besoin d'etre en premium))

    http://fr.forum.over-blog-kiwi.com/discussion/5037/-interessant-faire-un-menu-deroulant-dynamique-sur-le-theme-kiwi/p1


    2/ la bande banche c'est un emplacement publicitaire



    3 /  sur la faq tu pourra trouver



    4/  en bas d'article tu insère un texte ou une image sur laquelle tu ajoute le lien vers l'url de "contact"

    http://missbonsplansdunet.over-blog.com/contact



    5 / sur le net tu trouvera des codes "retour haut de page"


  • bonjour,

    alors le :

    2) ok c'est ce que je pensais
    4) ok fait !
    3) c'est ce que je lis depuis ce matin mais j'arrive pas, j'ai passé ma journée la dessus sans résultat...
    5) je regarde ça mais ça m'a l'air complexe ce que je trouve

    merci
  • j'ai une autre question, maintenant que j'ai travaillé dans mon thème, modifié couleurs etc...
    si jamais je voulais regarder ce que ça donnerait avec un des autres thèmes, je perdrais tout ce que j'ai déjà personnalisé dans mon thème kiwi ?
     merci
  • Bonjour

    je te donne les code d'un retour haut de page d'un de mes blogs

    visible ici (a droite)


    il faut ajouter des lignes de code à 2 endroits

    1 - avant style qui sera la partie css du code pour déterminer son design

    2 - tout en bas du blog juste avant la partie "script"  (image ci dessous)


    image



    1 - la partie css  (A ajouter donc avant style)

    #scrollToTop a {
        background: rgba(255, 255, 255, 0) url(" http://idata.over-blog.com/2/25/98/74/01-juin-2012/63562981.png ") no-repeat scroll 0 0;
        bottom: 10px;
        padding: 250px 60px;
        position: fixed;
        right: 8px;
    }
    #scrollToTop a:hover {
        background: rgba(255, 255, 255, 0) url(" http://idata.over-blog.com/2/25/98/74/01-juin-2012/63562978.png") no-repeat scroll 0 0;
        padding: 250px 60px;
    }


    __________


    ici tu peut changer l'image de ma flèche, modifier sa position etc....


    _______________

    2: le script tout en bas du code de ton blog  a insérer juste avant "script" (tu lira "body" juste en dessous


    </script><script type="text/javascript">
    // <![CDATA[
    $(window).scroll(function() {

    if($(window).scrollTop() == 0){

    $('#scrollToTop').fadeOut("fast");

    } else {

    if($('#scrollToTop').length == 0){

    $('body').append('<div id="scrollToTop">'+

    '<a href="#" _mce_href="#"><\/a>'+

    '<\/div>');

    }

    $('#scrollToTop').fadeIn("fast");

    }

    });

    $('#scrollToTop a').live('click', function(event){

    event.preventDefault();

    $('html,body').animate({scrollTop: 0}, 'slow');

    });
    // ]]>
    </script>

    ______________

    Puis tu enregistre




  • Pour répondre a ta question oui, tu perds les personnalisations

    comme tu les a mis avant style, tu peux aussi les sauvegarder par un copié/collé sur ton bloc note.


  • alors juste avant de voir votre code, j'ai essayé un truc trouvé sur le net, c'est exactement ça que je voulais. au final j'ai un bouton de retour dans mon blog test, mais ça met un genre d'image sans image (comme quand on peut pas afficher une photo sur un site car il y a un problème).


    j'ai essayé de faire comme écrit, mais un coup on parle de css un coup de html, un coup de jquery ou de java. moi qui ai mis tout dans le code html du blog, ça veut dire que ce n'était pas ça....
    ça avait pourtant l'air facile, ou alors c'est parce que j'ai mal placé les choses, ou qu'il fallait remplir des choses à l'intérieur des codes ? et que je ne l'ai pas fait, je ne sais pas, je suis perdue.

    pour votre bouton, je ne vois pas du tout où est la partie style ?? je n'ai pas vu ça , y'a bien head, title, body mais j'ai pas vu style.

    voilà ce que j'ai en haut pour l'instant...

    <!DOCTYPE html>
    <html lang="{{ Blog.Lang | default('en') }}">
        <head>
          <html>
    <head>
     
    <style>
    #scrollUp
    {
    position: fixed;
    bottom : 100px;
    right: -100px;
    opacity: 30;
    }
    </style>
     
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
     
    <script>
    jQuery(function(){
    $(function () {
    $(window).scroll(function () {
    if ($(this).scrollTop() > 200 ) {
    $('#scrollUp').css('right','10px');
    } else {
    $('#scrollUp').removeAttr( 'style' );
    }
     
    });
    });
    });
    </script>
     
     
    </head>
     



    est ce que votre code marcherait en ayant exactement le bouton du site que je vous ai donné ?

    merci beaucoup
  • j'ai réussi !!!! affaire réglée pour le bouton, exactement comme je voulais !

    bon par contre mon pb maintenant c'est le menu déroulant qui n'a que 3 niveaux, j'ai essayé les procédures qui ont été données et je me retrouve avec des cases en plus mais rien qui s'affichent dans le blog...
  • Mehdi,

    voici ce que j'obtiens, j'ai modifié, j'ai pris le
    thème noodle. bon il faudra que je trouve le moyen de mettre un sous
    menu supplémentaire.
    en attendant, y'a t'il moyen de modifier le titre sans que ça modifie mon nom de blog en haut ?
    et
    surtout y'a t'il moyen que les tags n'apparaissent pas en début de
    titre comme ça ? c'est moche, et tout est de la même couleur du coup.

    merci
  • imageet je me rend compte que j'ai dû oublier quelque choses car cet article devrait être dans le sous menu présentation et au final il est pas dedans...