Blog d'aide de Blog4ever

:b1: les amis,
svp, j'ai fait quelques modifications et je me suis planté,
@Aquarella@, sorry
Je parles du blog recueil de poèmes: [lien]
en regardant le nouveau design je trouve le menu vertical très beau, et vous?
cependant les images qui y étaient n' y sont plus, quelqu'un peut-il me dire si on peut avoir les deux (ce fond de menu vertical et les images en même temps) si oui, comment?
sans oublier le fond de page.
Merci d'avance

Dernière modification le 04-07-2014 à 15:03:29

Dernière modification le 04-07-2014 à 15:05:48

Derni?re modification le 04-07-2014 ? 15:05:56

:bd: IP_Man
Comme d'habitude, tu oublies de mettre le lien. :ppc:
Dans la mesure où tu as plusieurs blogs, pense à indiquer duquel tu parles.

:bd:
@aquarella@il a mis le lien http://recueil-de-poemes.blog4ever.net/
Il y a des choses dans ton css qui sont fausses.
Il faudrait tout reprendre.
voir:


:bye:

:b1: :sim: et merci de ta réponse
stp, qu'est ce que je dois changer au juste?

:ok1: @Simon@
Nous avons dû poster en même temps car au départ, je ne le voyais pas.

@IP_Man,
Eh bien, tout compte fait, je trouve que cette formule plus épurée est plus agréable à l'oeil.
C'est moins chargé et plus lumineux, même si les couleurs de la colonne ne sont pas en rappel du fond.
En fait, il faudrait faire plusieurs essais de couleurs avant de tomber exactement sur ce qui convient.

Pourquoi n'ouvres-tu pas un blog-test pour faire tes essais d'harmonie de couleur ?
Ce serait plus simple pour toi.
:bye:

@Aquarella@
Merci pour tes conseils, je vais le faire tout de suite.
Je trouve aussi ce nouveau design très beau, seulement, je ne parviens pas à mettre l'image de fond de page des articles ou à l'activer.
Voilà donc mon problème.

A mon avis, tu devrais mettre tes titres de catégorie en harmonie avec ceux de ta barre de navigation.
Le violet n'a rien à voir avec les autres couleurs de ton blog.

:b2: @Aquarella@, je le fais mais mon problème reste toujours comment avoir une image en fond de page, je n'ai pas enregistrer le CSS avant de commencer de modifier
:snif: pauvre de moi

Et même ces couleurs, je ne parviens plus à les modifier!

:b1: et pourquoi pas celle ci comme image de fond et de contenu car le fond blanc je n'aime pas trop




Derni?re modification le 04-07-2014 ? 20:02:29

tout le monde

nanou a raison et cette image est pas mal.

Il reste des erreurs avec des liens image qui ne fonctionnent pas:
(http://www.google.cm/url?sa=i&source=images&cd=&docid=yKa6faCd3sQNgM&tbnid=t-6QQMQ7pUFH1M:&ved=0CAUQjBw4HQ&url=http%3A%2F%2Flespetitescroixdanaide.l.e.pic.centerblog.net%2Ffe5deed1.png&ei=iI62U86wFYjU8gGa1YE4&psig=AFQjCNFjgAat4dCzMaVRW_ZLK44NHTGm6A&ust=1404559368413373)
un lien image doit finir par jpg, gif, etc....et il vaut mieux avoir l'image dans sa gestion.


Ajoute ça dans ton css


:bye:

:bd: :sim:
stp, j'ai ajouté le code que tu as mis, j'ai ajouté l'image de @Nanou85@ mais comme tu peux le voir, le résultat n'est pas bon.
Je ne sais pas si je dois supprimé des choses dans mon css.
Merci d'avance

:b1:

Ton css sera à revoir mais il faut mettre mon code au début du css.

effaces ton css et copies celui-la.
comme ça:
/*bord début menu latéral*/
aside .bloc-cote:first-child {
border: 2px ridge #F0F0F0!important;
}
/*partie page*/

section {
clear: both;
position: relative;
background-image: url(http://img11.hostingpics.net/pics/645263imagedefond.jpg);
}
/*fond article*/
article {
min-height: 300px;
padding: 20px;
position: relative;
width: 667px;
background-image: url(http://img11.hostingpics.net/pics/645263imagedefond.jpg);
}



nav{
background-image : url("https://static.blog4ever.com/2012/06/703462/brown040.jpg") !important;
background-repeat : repeat;
}
footer {
background-image : url("https://static.blog4ever.com/2012/06/703462/FdcontenuIPMmosai.png");
background-repeat: repeat;
background-position: center;
}
.menu_bloc h2{
background-image:url(https://static.blog4ever.com/2012/06/703462/nav1.png);
background-repeat: no-repeat;
padding: 5px 2px 5px 50px;
background-position: left center;
}

.menu_bloc ul{
background: #f4d4a5;
padding: 5px 2px;
border: 2px ridge #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

div.menu_bloc {
background-image: url(http://www.google.cm/url?sa=i&source=images&cd=&docid=yKa6faCd3sQNgM&tbnid=t-6QQMQ7pUFH1M:&ved=0CAUQjBw4HQ&url=http%3A%2F%2Flespetitescroixdanaide.l.e.pic.centerblog.net%2Ffe5deed1.png&ei=iI62U86wFYjU8gGa1YE4&psig=AFQjCNFjgAat4dCzMaVRW_ZLK44NHTGm6A&ust=1404559368413373);
background-repeat; repeat;
margin: 20px 5px;
border: 2px outset #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;


div.menu_bloc {
background-image: url();
background-repeat; repeat;
margin: 20px 5px;
border: 2px outset #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}


nav{
background: transparent;
margin-top: 0; /* 10px; modifié par PapyClic */
}
nav a {
background: #f4d4a5;
padding: 2px 10px;
color: #831110;
border: 2px ridge #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
}
nav a:hover {
color: #712d2e;
border: 2px groove #101010;
}

article h3{
background-image: url();
background-repeat: repeat;
color: #FE2E64;
padding-left: 10px;
}

article h3{
background-image:url(https://static.blog4ever.com/2012/06/703462/FdpageIPMosai.png);
background-repeat: repeat;
padding-left: 55px;
background-position: left center;
}

header {
height: 240px;
color: transparent;
}
header .image{
height: 240px;
position: relative;
top: -80px;
}
header h1 {
background-image: url();
position: relative;
top: 10px;
border-top: none;
z-index: 200;
background-repeat: no-repeat;
background-position:center;
}

#InscriptionNewsletter input[type="text"]{
width: 170px !important;
}
.fond-cote{
background-color: #7F1C26;
}
.menu_bloc h2{
background: #BE9DA6;
color:#AE6D5B;
padding: 2px 5px;
}

#menu_sondage ul{
background-image: url(https://static.blog4ever.com/2012/06/703462/FdcontenuIPMmosai_3642463.png;
background-repeat: no-repeat;
color: #C10A3B;
}

header h1 {
background-image: url();
background-repeat: no-repeat;
background-position:center;
}
article{ /*dans le DP1 c'était Contenu*/
background-image: url(https://static.blog4ever.com/2012/06/703462/FdpageIPMosai.png);
background-repeat: repeat;
color: #080808;
}
aside { /* fond en dessous du menu uniquement*/
background-color: transparent; /*#E9DEDE; */ /*couleur fond du menu*/
min-height: 200px;
position: relative;
width: 250px;
z-index: 2;
}
aside h2 {
background-color: transparent !important;
}

nav ul {
margin: 0 20px 0 0;
float: right;
}

nav .recherche_nav {
float: left;
}

article h3{
background-image: url("");
background-repeat: repeat;
color: #241414;
padding-left: 10px;
}
footer{
background-color : #CDB85E;
background-image: url("");
background-repeat : repeat;
border : 1px solid #D3DF76;
}
#barre_bas a{
background-color : transparent;
color : 1px solid #CDB85E;
}
#barre_bas a:hover{
background-color : transparent;
color : #D8B7B7;
}


.menu_bloc li {
background:url('https://static.blog4ever.com/2012/06/703462/images12.jpg');
background-repeat : no-repeat;
background-position : 0% 50%;
padding-left: 20px;
}
.menu_bloc, aside div.centre {
background: #F0F0EE;
background-image: url(' adresse de votre image ');
background-repeat; repeat;
margin: 20px 5px;
border: 2px outset #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
-html-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
}
aside div.centre {
background-color: #F4D4A5;
padding-top: 20px;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
border: 2px ridge #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.menu_bloc {
background-image: url('https://static.blog4ever.com/2012/06/703462/nav2.png');
background-repeat: repeat;
margin: 20px 5px;
border: 2px outset #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#contenu,
article{
background-image: url(https://static.blog4ever.com/2012/06/703462/FdpageIPMosai.png);
background-repeat: repeat;
color: #080808;
}
.menu_sondages {
background: #E4CFCF;
padding-top: 10px;
padding-bottom: 10px;

/* coins arrondis */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;

/* bordures ombrées */
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}
.menu_blogmember_box_link {
width:60%;
margin-top: 20px !important;
margin-bottom: 10px;
padding: 3px 10px;
border: 2px outset #000000;
}
.menu_blogmember_box_invite {
background-color: #D9E1EC;
padding: 10px;

/* coins arrondis */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.menu_blogmember_box_register {
background-color: #00517A !important;
padding: 3px 10px;
}

#menu_articles h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703462/Articles_3856418.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}
#menu_forum h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703462/Forum_3856438.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}

#menu_blogmember_box h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703462/Membres_3856439.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}


#menu_sondage h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703462/Sondages_3856479.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}


#menu_partenaires h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703462/partenaire_3856440.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}


#menu_stats h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703462/Statistique_3856437.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}