Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Bloc "S'inscrire" "Se connecter"menu latéral

2888 appréciations
Hors-ligne

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



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

3618 appréciations
Hors-ligne
@Soleilvie@

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



2888 appréciations
Hors-ligne
 pour l'installation sur mon blog.


2888 appréciations
Hors-ligne

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 ?


3618 appréciations
Hors-ligne
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.



2888 appréciations
Hors-ligne
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 ?




3618 appréciations
Hors-ligne
re

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

Le cadre sera normal puis s'élargira au survol souris.

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.


2888 appréciations
Hors-ligne
Je ne suis pas blonde mais je suis longue à la détente 
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


3618 appréciations
Hors-ligne
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;
}


2888 appréciations
Hors-ligne
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é

2888 appréciations
Hors-ligne
Cela fait 10 mn que je suis de retour, et je viens de l'installer 
Je pense que tout va bien


3618 appréciations
Hors-ligne
Super !

Le menu est bien plus pratique.



2888 appréciations
Hors-ligne


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 ?


3618 appréciations
Hors-ligne
re

Tout va bien chez moi !

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



2888 appréciations
Hors-ligne
Bon je verrai si quelqu'un d'autre que moi à le meme souci

3618 appréciations
Hors-ligne
@Soleilvie@

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

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

c'est bon maintenant.





2888 appréciations
Hors-ligne

341 appréciations
Hors-ligne
bonjour à tous

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

341 appréciations
Hors-ligne
re bonjour simon;
Merci , mais regarde connexion est cachée , peux tu rectifier çà , merci

Merci pour ton travail simon

341 appréciations
Hors-ligne


çà 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

3618 appréciations
Hors-ligne
ok mais c'est le bloc traduction en desous !

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



341 appréciations
Hors-ligne
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


3618 appréciations
Hors-ligne
re
@titoune@

J'ai corrigé !! 


341 appréciations
Hors-ligne
re simon , merci pour tout c'est parfait bisous
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie CSS Personnalisé pour le RapidDesign.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6033 autres membres