Blog d'aide de Blog4ever

Mi neth a ouvert  (ici ==> LIEN ) un sujet au sujet de ce bloc pour le mettre dans la barre de navigation pour la faciliter de recherche sur le forum j'ai créé un autre sujet.

Ce n'est pas urgent !
Lorsque tu pourras me donner la marche à suivre pour déplacer ce bloc dans le menu latéral à droite.
Mon site est : Le Graphisme de Soleilvie

:sol:

Dernière modification le lundi 21 Novembre 2022 à 09:31:25

@Soleilvie@

Je signal que je  ferai  des modifications pour cette fonction au cas par cas car c'est un peut galère à faire.

 pour l'installation sur mon blog.

:sol::n7:

Dans mon css j'ai les codes pour régler le bloc, et tu as mis aussi des codes dans la partie "Fonctions avancées" => "Menu latéral" => "Personnaliser le menu latéral"

Si je veux faire des réglages (couleurs et autres ) est ce que je vais dans le css ou dans personnaliser le menu latéral ?

Et le fait qu'il y a des codes dans le CSS et dans la partie personnaliser le menu latéral, est ce que cela fait un doublon ? qui pourrait faire conflit ?

:sol::n7:

re

Par principe les codes qui concernent le menu latéral sont déjà dans le Css.
____________

Si on met une image dans le menu latéral elle se placera dans le menu par rapport au Css déjà en place.

Si tu changes un code dans ton Css il agira normalement.

Si on met un code dans le menu latéral il faut cibler l'action par !important ; ou alors faire une   "DIV" avec un Css  pour faire un code spécifique.

Donnes moi un exemple de code que tu voudrai mettre.

Re coucou
Non je n'ai pas d'exemple c'est juste des questions pour le nouveau design 2023

Une autre question :
si je veux mettre cette image :

en fond derrière les cadres "Notifications" "se connecter"  là où il y a le sapin, comme le background-image de mes menus je vais où dans le CSS où dans Personnaliser le menu ?

re

Si tu veux mettre l'image il faut faire ces réglages dans le css du menu latéral.

VOIR CODE COMPLET PLUS BAS ↓

_____________
Tu remarqueras que cette partie comporte un code Css  placé dans le menu latéral et donc c'est là qu'il faut agir.

Je ne suis pas blonde mais je suis longue à la détente :ptdr::ptdr::ptdr:
si j'ai bien compris il faut faire les modifs dans "Fonctions avancées" => "Menu latéral" => "Personnaliser le menu" 

Donc les couleurs et les images se font dans cet espace ?

Et le reste dans le CSS

re

Voici le code complet. 

.blogmember_menu .blogmember_menu_profile a, .blogmember_menu .blogmember_menu_profile ul li a, .blogmember_menu .blogmember_menu_profile a, .blogmember_menu .blogmember_menu_profile ul li a {
    width:130px!important;
}
.aside1 ul{
background-image: url("https://static.blog4ever.com/2020/12/861929/fond-aside-ul-li-a---menu2-ul-li-a-titre-menu-ex-animaux-en-acrylique.png");  
 
}
.aside1 {
background-image: url("https://static.blog4ever.com/2020/12/861929/fond-aside-ul-li-a---menu2-ul-li-a-titre-menu-ex-animaux-en-acrylique.png");  
  display: block;
 width: 180px;
 margin-top: auto!important;
 margin-right:auto!important;   
}
.aside1  a{
color: white!important;
margin-top: 5px!important;  
 font-size: 15px!important;
  border: 1px solid white!important;
}
.blogmember_menu_container {
 background-image: url("https://static.blog4ever.com/2020/12/861929/fond-aside-ul-li-a---menu2-ul-li-a-titre-menu-ex-animaux-en-acrylique.png")!important;  
 
}
.blogmember_menu {
 background-image: url("https://static.blog4ever.com/2020/12/861929/fond-aside-ul-li-a---menu2-ul-li-a-titre-menu-ex-animaux-en-acrylique.png");
  outline: 6px double green;
  border: 1px solid white;
  width: 180px;
height: 80px;  
margin-top: 25px!important;
margin-left:auto;
margin-right: 5px!important;  

padding: 10px!important;
border-radius: 20px;
 
}
.blogmember_menu:hover{

background-image: url("https://static.blog4ever.com/2020/12/861929/fond-aside-ul-li-a---menu2-ul-li-a-titre-menu-ex-animaux-en-acrylique.png");
  margin-right:5px!important;  
  width: 180px;
  height: 280px;
}

.blogmember_menu li a {
  border: 3px solid white;
  width: 130px;
 border-radius: 5px;
 box-shadow: -1px 1px 10px 1px #242238;
 color: #E9DABC;
 display: block;
 outline: 0 none;
 padding: 5px;
 margin-top:5px;
 text-align: center;
 text-decoration: none;
}
.blogmember_menu li a:hover {
background-image: url("https://static.blog4ever.com/2020/12/861929/fond-aside-ul-li-a---menu2-ul-li-a-titre-menu-ex-animaux-en-acrylique.png");
 border: 3px #fff solid;
 border-radius: 5px;
 box-shadow: -1px 1px 10px 1px #242238;
 color: #E9DABC;
 display: block;
 outline: 0 none;
 padding: 5px;
 margin-top: 3px;
 text-align: center;
 text-decoration: none;
}

Je vais le copier et le mettre dans personnaliser le menu, mais pas tout de suite car je vais bientôt partir chez ma kiné

Cela fait 10 mn que je suis de retour, et je viens de l'installer 
Je pense que tout va bien

:sol:

Super !

Le menu est bien plus pratique.

Je ne sais pas si c'est normal. Je l'avais remarqué hier mais je me suis dit qu'il fallait que je fasse un nettoyage cache etc... Mais ce matin c'est idem.
Quand j'ouvre ma page de mon site voilà comment on voit le bloc:


Il faut que je passe ma souris dessus pour qu'il se ferme.

Peux tu faire quelque chose ?
:sol::n7:

re

Tout va bien chez moi !

fait attention de ne pas mettre la souris dessus ....

Bon je verrai si quelqu'un d'autre que moi à le meme souci
:sol:

@Soleilvie@

Désolé mais effectivement il y avait un souci .

Un display-block ..... sur .aside1 ul{

c'est bon maintenant.

:sol::n7:

bonjour à tous

Voilà c'est ce que je cherchais simon , géééééééénial !
Euh mais pour l'installer............

re bonjour simon;
Merci , mais regarde connexion est cachée , peux tu rectifier çà , merci

Merci pour ton travail simon

çà cache la recherche , descends la un peu  , même si ma photo au dessus de la date et jour  est enlevé ce n'est pas grave laisse juste la date
Encore merci

ok mais c'est le bloc traduction en desous !

Je n'ai pas fini mais je reviendrai plus tard...

Coucou simon

sur mon site çà se chevauche sure firefox un peu oui faut régler çà.

Autre soucis , quand je passe la souris sur les rubrique du forum çà se chevauche...

bises titoune

re
@titoune@

J'ai corrigé !! 

re simon , merci pour tout c'est parfait bisous