Merci , j'ai compris, pour ce sujet ,
mais j'ai encore des soucis pour changer ma décoration de rentrée .
Je l'ai fait avec mon blog de teste et remis sur mon blog de bien être et ça ne fonctionne pas bien.
Heureusement je n'ai fait qu'une sauvegarde, pas vraiment édité , sauf mon logo !
Tout est décalé à l'intérieur.
![]()
" target="_blank" rel="nofollow">[lien]
et puis pour le menu, je n'es pas compris comment on fait , ce que l'on nomme la page de style.
Pour avoir des blocs , avec mes titres et une petite image mini poser à coté d'un titre.
voilà ce qui est bon sur mon blog de teste : * {margin: 0; padding: 0;}
body
{
background-image : url(
https://static.blog4ever.com/2011/06/498883/artfichier_498883_4030096_201408211621888.jpg);
}
#cadre
{
background-image : url(
https://static.blog4ever.com/2011/06/498883/artfichier_498883_4033274_20140822304324.jpg);
background-repeat : repeat;
width : 1004px;
padding-top : 0px;
padding-left : -5px;
padding-right : 5px;
padding-bottom : 1px;
border-color :;
text-align : left;
margin : auto;
border : 10px solid;
}
#haut
{
background-image : url(
http://);
background-repeat : no-repeat;
height : 485px;
padding-top : 0px;
border-width : 4px;
border-style : solid;
border-color : #FFE0D6;
text-align : center;
background-attachment : fixed;
}
#haut h1 a
{
text-decoration : overline;
font-size : 100pt;
font-family : Arial Black;
}
a
{
color : #743AA1;
text-decoration : none;
}
a:hover
{
color : #D6BAEB;
text-decoration : none;
}
#barre
{
background-image : url(
https://static.blog4ever.com/2011/06/498883/artfichier_498883_4030096_201408211621888.jpg);
background-repeat : repeat;
width : 932px;
height : 100px;
padding-top : 10px;
padding-left : 40px;
padding-right : 30px;
padding-bottom : 25px;
margin-top : -6px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
border-width : 4px;
border-style : solid;
border-color : #EDE3DF;
}
#barre ul
{
background-image : url(
http://);
background-repeat : no-repeat;
color : #FFFFFF;
width : 150px;
list-style-type : none;
margin-left : 0px;
margin-right : 1px;
border-width : 0px;
border-style : solid;
text-align : left;
margin : auto;
background-attachment : fixed;
}
#barre li
{
float : left;
background-attachment : fixed;
}
#barre a
{
background-image : url(
https://static.blog4ever.com/2011/06/498883/artfichier_498883_4035331_201408231106664.png);
background-repeat : no-repeat;
text-decoration : none;
width : 152px;
height : 115px;
padding-top : 1px;
margin-left : 15px;
font-size : 18pt;
border-width : 2px;
border-style : solid;
border-color : #FFE0D6;
text-align : center;
float : left;
display : block;
}
#barre a:hover
{
background-repeat : no-repeat;
color : #3535BD;
text-decoration : none;
}
#menu
{
background-image : url(
https://static.blog4ever.com/2011/06/498883/artfichier_498883_4033274_20140822304324.jpg);
background-repeat : repeat;
color : #B535A4;
width : 180px;
padding-left : 0px;
font-size : 11pt;
font-family : Verdana;
border-width : 4px;
border-style : solid;
border-color : #EDE3DF;
float : left;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
width : 190px;
padding-left : -5px;
}
#menu ul li a
{
background-image : url(
http://);
background-repeat : repeat;
color : #B535A4;
text-decoration : none;
width : 160px;
padding-left : 4px;
margin-left : 2px;
font-size : 10pt;
font-family : Verdana;
border-width : 0px;
border-style : double;
border-color : #769668;
display : block;
}
#menu ul li a:hover
{
background-image : url(
https://static.blog4ever.com/2011/06/498883/artfichier_498883_4032229_201408213621506.jpg);
background-repeat : repeat;
color : #469C43;
text-decoration : none;
font-size : 10pt;
font-family : Verdana;
border-width : 0px;
border-style : double;
border-color : #769668;
}
#menu h2
{
background-image : url(
https://static.blog4ever.com/2011/06/498883/artfichier_498883_4035353_20140823074044.png);
background-repeat : no-repeat;
color : #FFE9E3;
width : 180px;
height : 100px;
padding-top : 80px;
margin-top : 20px;
font-size : 12pt;
border-width : 0px;
border-style : solid;
border-color : #transp;
}
#contenu
{
background-image : url(
https://static.blog4ever.com/2011/06/498883/artfichier_498883_4035352_201408234654305.jpg);
background-repeat : repeat-y;
width : 630px;
padding-top : -80px;
padding-left : 0px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 0px;
margin-left : 182px;
margin-right : 2px;
margin-bottom : 2px;
font-size : 12pt;
font-family : verdana;
border-width : 6px;
border-style : double;
border-color : #FFE0D6;
text-align : left;
background-attachment : fixed;
}
#contenu h3
{
background-image : url(
http://);
background-repeat : repeat;
color : #B535A4;
width : 550px;
padding-left : 5px;
padding-right : 3px;
margin-top : 5px;
margin-left : 50px;
margin-right : 2px;
margin-bottom : 5px;
font-size : 22px;
font-family : Trebuchet MS;
border-width : 0px;
border-style : solid;
border-color : #FFE0D6;
}
#contenu ul
{
list-style-type : none;
margin-top : 1px;
margin-left : 2px;
font-family : Monotype Corvisa;
border-color : #86A7FF;
padding : 10px;
border : 3px inset #FF9900;
}
#contenu a
{
color : #A8744B;
text-decoration : none;
margin-top : 1px;
font-size : 16pt;
font-family : Monotype Corvisa;
border-color : #86A7FF;
}
#contenu a:hover
{
color : #9E5DC9;
text-decoration : none;
margin-top : 1px;
font-family : Monotype Corvisa;
border-width : 1px;
border-style : solid;
border-color : #86A7FF;
}
#bas
{
background-image : url(
https://static.blog4ever.com/2011/06/498883/artfichier_498883_4033274_20140822304324.jpg);
background-repeat : repeat;
width : 1000px;
height : 200px;
padding-top : 5px;
padding-left : 2px;
padding-right : 2px;
padding-bottom : 2px;
font-size : 12pt;
border-width : 4px;
border-style : double;
border-color : #FFDBCF;
margin : auto;
}
#spacer
{
height : 5px;
clear : both;
}
hr { margin:5px; height:1px; background-color:;}
fieldset { border:0; }
* html #menu h2{width: 182px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}
Sauf que je n'es pas ce design que j'aimerai avoir sur le coté menu , comme sur ton blog ?
et j'aurai aimé aussi mettre une bordure autour du cadre ,
j'ai essayé et je me suis retrouvé avec une bordure toute noire, au lieu de la mienne.
mon 2 ème blog de bien être est à peu près pareil au niveau de leurs tailles, que quelques petits détails que je pourrai changer, quand le 1er blog sera bien mis.
Mais avec ton aide svp ,je vais bien y arrivé !
bonne journée, avec le soleil de chez toi !
