Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Comment mettre une image différentes pour membres et statistiques

1431 appréciations
Hors-ligne
Bonjour à tous, C'est  pour mon blog Pêle- mêle , je ne me souviens plus comment mettre une image différentes au dessus  pour Sites à visiter , les membres et pour statistiques ,voir capture , il me semble que j'avais déjà posé cette question mais ne la retrouvant pas et après avoir lu le tuto de Pierre ( une image différentes pour chaque titres et malgré mes tentatives infructueuses je me redirige vers vous , pouvez-vous m'aider svp.
:sol:

4055 appréciations
Hors-ligne
:b1:

Regardes à la fin du Css.

Il suffit de changer les images.



4055 appréciations
Hors-ligne
lige 66

aside h2

{
 
height: 70px;
border-radius: 5px;
text-align: center;
padding-top: 25px;
color: #fff;   /*#680C00;*/
font-size: 16px;
 background-image: url("https://static.blog4ever.com/2013/03/734029/groupe-couleur.gif ");
 background-position: center 50px;
 background-repeat: no-repeat!important;
font-family: Century!important;  
text-transform: capitalize;
border-radius: 10px;
box-shadow: 3px 3px 3px 2px #464342;
border: 3px ridge #EDECEC;

}

Puis à la fin du CSS


1431 appréciations
Hors-ligne
Bonjour Simon et :b2: de ta réactivité, maintenant si tu regardes l'image qui fait 200x100 px que j'ai installé dans stats j'ai une marge dessus et dessous qui est vide l'image ne comble pas tout ,
Et si je met l'image initial comme pour les membres le résultat est vraiment moche je n'obtient pas le même résultat que mes loisirs créatifs, gifs, et les autres :sol:

4055 appréciations
Hors-ligne
re

J'ai du faire pas mal de choses pour régler l'ensemble car si on touche un réglage le reste est décalé.
Le bloc stats est réglé.
Attention aux images trop grandes.....
Le Css est refait pour mieux équilibrer.



1431 appréciations
Hors-ligne
Re simonj'y suis presque il ne reste plus que l'image ( sites à visiter)  ou je n'arrive pas à régler stp la hauteur pour obtenir la même que stats et membres

4055 appréciations
Hors-ligne
re

Il fallait aller dans

aside h2 {
    height: 90px !important;
    padding-top: 25px;

    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-image: url(https://static.blog4ever.com/2016/06/819922/les-sites----visiter-noel.png );
    background-position: center 10px;
    background-repeat: no-repeat !important;
    font-family: Century !important;
    text-transform: capitalize;
    border-radius: 10px;
    box-shadow: 3px 3px 3px 2px #464342;
    border: 3px ridge #EDECEC;
}


C'est une histoire de marges......


1431 appréciations
Hors-ligne
:b2:simon c'est trop top:sol:

1431 appréciations
Hors-ligne
Coucou simonj'ai testé pour ARTICLES  mais houp  que je veux bien sûr mettre tout en haut mais  :sol:

4055 appréciations
Hors-ligne
re
Pour article c'est la partie aside h2 voir ligne 62 pour changer l'image

aside h2 {
    height: 90px !important;
    padding-top: 25px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-image: url(adresse image );
    background-position: center 10px;
    background-repeat: no-repeat !important;
    font-family: Century !important;
    text-transform: capitalize;
    border-radius: 10px;
    box-shadow: 3px 3px 3px 2px #464342;
    border: 3px ridge #EDECEC;
}



1431 appréciations
Hors-ligne
Bonjour simonquand j'ai mis l'image article c'est l'image site à visiter qui a disparu et l'image article est apparu à sa place  et si je retire le titre ARTICLE l'image n'apparaît plus :sol:

4055 appréciations
Hors-ligne
re

J'ai réglé le soucis à ma manière.
Dans le titre du bloc article j'ai mis un point . en guise de titre (donc presque pas visible)
puis dans le css il y a le h2 pour afficher l'image.

J'ai mis  aussi le trait blanc au début du menu latéral  avec un code ( début du Css )

Voilà ! j'espère que ça ira.....



1431 appréciations
Hors-ligne
Bonsoir simon:b2::b2:Désolée je n'ai pas pus te répondre plutôt 2 jours de fièvre dur dur j'ai du mal encore à me remettre de dans juste et comment je fait stp  pour l'image site à visiter

4055 appréciations
Hors-ligne


C'est l'époque des rhums..

Voici un code.
il faut changer l'image et régler la hauteur si besoin. en gras

#menu_partenaires h2{
      background-image: url(https://static.blog4ever.com/2016/06/819922/les-membres-du-blog-noel_7462539.png);
    background-position: center 10px;
    background-repeat: no-repeat !important;
    height: 90px !important;
    padding-top: 25px;
    width: 200px;
}



1431 appréciations
Hors-ligne
Bonsoir simonIl y a une chanson qui dit : que serais-je sans toi moi, se  serai plutôt que ferais-je sans toi je teste au plus vite.

1431 appréciations
Hors-ligne
:b1:simonc'est top ça marche :b2:je voudrais revenir sur l'image article  ou tu as mis un point qui se vois en sommes très peux, cependant je voudrais que que tu regardes le lien ci dessous .
C'est la blog de Françoise son image ARTICLE si tu pouvais voir  :sol:
BLOG DE FRANCOISE AQUA REVE FRANCOISE

4055 appréciations
Hors-ligne
re

Je ne sais pas ce qu'il faut voir ! :ha3:



On peut centrer le bloc langues !

#google_translate_element {
    height: 30px;
    background-image: url(https://static.blog4ever.com/2013/01/725863/menus.png);
    background-repeat: no-repeat;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 0px #000;
    margin-left: 5px;
}


1431 appréciations
Hors-ligne
coucou simonlà ou je voulais en venir ,
c'est que je voulais que tu regardes sur le blog de Françoise comment ou quelle code il y avait   pour pas qu'il y ai de point sur le mien tout simplement ,
comme tu as cette possibilité c'était ma petite façon à moi de t'aider

En allant sur son blog j'ai découvert sa une image Article et je voulais essayer la même chose .



4055 appréciations
Hors-ligne
re

Le blog de Françoise utilise le masterdesign et n'utilise pas l'assistant pour le menu latéral et donc les règles changent.
____________________

J'ai trouvé une autre astuce et donc le point blanc ne se verra plus.
J'ai mis un  color: #7d0f0f; sur le h2.



1431 appréciations
Hors-ligne
simon:b2::b2::b2::b2::b2:
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 Demandes de conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6065 autres membres