Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

colonne menu latérale droite

49 appréciations
Hors-ligne
Bonjour,

Je viens de passer mon blog (http://monmondeparfume.blog4ever.com/) de la version dizperso1 en masterdesign j'ai deux colonne de menu, mais celle ci ne se place pas correctement elle se place a gauche par dessus le menu latérale.

Je vous donne le css :

J'ai enlevé le css car trop long.
        :sim:

J'avais créer tout ça, il y a très longtemps avec l'aide de  et je voudrai garder cette deuxième colonne, mais la j'ai du mal à comprendre ce que je doit faire et ou regader entre toute les nouvelles versions. 
Merci de votre aide, dans l'attente de vous lire

Bonne soirée
Nathalie

3098 appréciations
Hors-ligne
 Nathalie
d'après ce que j'ai compris on ne peut pas mettre une 2ème colonne avec le dizperso2
mais je suis sur que les modos viendront t'aider.

:sol:

49 appréciations
Hors-ligne
Soleilvie

Merci pour ta réponse, j'attends un peu pour savoir, sinon je vais devoir rester sur la version dizperso 1, car je veut absolument garder mes deux colonnes de menu, trop long pour tous mettre d'un seul coté.
 m'a dit hier que c'était possible mais la j'avoue je suis un peu perdu !

Belle journée  

4050 appréciations
Hors-ligne
:bd:
Je viens de jeter un coup d??il et il y a pas mal de choses à corriger pour cette colonne droite.

Dans la bordure il y a des codes à remplacer et d'autres à supprimer et dans le css il faut ajouter #blocdroit aux règles existantes.





  
    #blocdroit {
    float: rigth;
    margin-top: -1350px!important;
    margin-left: 950px!important;
    right: 0; padding:20px;
    width: 210px;
    border: 0px solid  #88696d ;
    background-image : url();
    }



/*------fin css de la bordure-------*/

cette partie est déjà  dans le css et il faut ajouter  ,#blocdroit  ( toujours mettre la virgule puis faire un espace )


article {
border: 0px solid;
margin: 5px 260px 0 0;
min-height: 300px;
position: relative;
width: 640px;
}
.main {
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
width: 1200px;
}
#contenu{
width: 1200px!important;
}


aside .bloc-cote, #blocdroit {
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #fbfbfb;
    }
    aside .bloc-cote:first-child, #blocdroit {
    border-top: 0 none;
    }
    aside .bloc-cote:last-child, #blocdroit {
    border-bottom: 0 none;
    }
    aside .bloc-cote a, #blocdroit a {
    color: #df3f1d;
    }
    aside .bloc-cote a:hover, #blocdroit a:hover {
    color: #080808;}.fond-cote, #blocdroit {
    background-color: #f7f7f7;
    }
    .layout-1 .fond-cote, #blocdroit {  
    box-shadow: -7px 0 7px -5px rgba(0, 0, 0, 0.1) inset;
    }




49 appréciations
Hors-ligne
Bonjour :sim: 

Merci pour ta réponse, j'ai suivi tes conseils en effet sa fonctionne, j'ai réussi à passer ma colonne à droite, mais il y a beaucoup de choses à changer en passant par le masterdesign, et mon blog est un peu chanboulé... lol
Pour l'instant je pense rester sur ma version et travailler sur un blog test, car c'est pas simple tout ça et je suis pas assez a l'aise avec le css, j'y arrive mais très :vazy: !!!

Bon dimanche :b2:
Nathalie

4050 appréciations
Hors-ligne


Je trouve que tu as bien travaillé !

Juste centrer le menu droit.

#blocdroit {
    background-image: url("");
    border: 0 double #88696d;
    position: absolute;
    right: 10px;
    top: 702px;
    width: 180px;
}


Si tu as besoin de conseilles nous sommes là.


Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie MasterDesign.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6062 autres membres