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

Pas encore inscrit ?

Inscrivez-vous
dès maintenant !

AccueilCSS & RapidDesignCSS Personnalisé pour le RapidDesign

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

Soleilvie

Fidèle

4130 messages

2954 appréciations

Hors-ligne

4 | Je n'aime plus | 21 novembre 2022

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

Simon

Modérateur

8422 messages

3826 appréciations

Hors-ligne

1 | Je n'aime plus | 21 novembre 2022

@Soleilvie@

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

Soleilvie

Fidèle

4130 messages

2954 appréciations

Hors-ligne

1 | Je n'aime plus | 21 novembre 2022

pour l'installation sur mon blog.

Soleilvie

Fidèle

4130 messages

2954 appréciations

Hors-ligne

0 | J'aime | 22 novembre 2022

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 ?

Simon

Modérateur

8422 messages

3826 appréciations

Hors-ligne

1 | Je n'aime plus | 22 novembre 2022

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.

Soleilvie

Fidèle

4130 messages

2954 appréciations

Hors-ligne

0 | J'aime | 22 novembre 2022

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 ?

Simon

Modérateur

8422 messages

3826 appréciations

Hors-ligne

0 | J'aime | 22 novembre 2022

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.

Soleilvie

Fidèle

4130 messages

2954 appréciations

Hors-ligne

1 | Je n'aime plus | 22 novembre 2022

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

Simon

Modérateur

8422 messages

3826 appréciations

Hors-ligne

1 | Je n'aime plus | 22 novembre 2022

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;
}

Soleilvie

Fidèle

4130 messages

2954 appréciations

Hors-ligne

0 | J'aime | 22 novembre 2022

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é

Soleilvie

Fidèle

4130 messages

2954 appréciations

Hors-ligne

0 | J'aime | 22 novembre 2022

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

Simon

Modérateur

8422 messages

3826 appréciations

Hors-ligne

1 | Je n'aime plus | 22 novembre 2022

Super !

Le menu est bien plus pratique.

Soleilvie

Fidèle

4130 messages

2954 appréciations

Hors-ligne

0 | J'aime | 23 novembre 2022

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 ?

Simon

Modérateur

8422 messages

3826 appréciations

Hors-ligne

0 | J'aime | 23 novembre 2022

re

Tout va bien chez moi !

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

Soleilvie

Fidèle

4130 messages

2954 appréciations

Hors-ligne

0 | J'aime | 23 novembre 2022

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

Simon

Modérateur

8422 messages

3826 appréciations

Hors-ligne

1 | Je n'aime plus | 23 novembre 2022

@Soleilvie@

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

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

c'est bon maintenant.

Soleilvie

Fidèle

4130 messages

2954 appréciations

Hors-ligne

1 | Je n'aime plus | 23 novembre 2022

titoune

Adepte

326 messages

401 appréciations

Hors-ligne

1 | Je n'aime plus | 25 novembre 2022

bonjour à tous

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

https://www.handi-zen.com

titoune

Adepte

326 messages

401 appréciations

Hors-ligne

0 | J'aime | 25 novembre 2022

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

Merci pour ton travail simon

https://www.handi-zen.com

titoune

Adepte

326 messages

401 appréciations

Hors-ligne

0 | J'aime | 25 novembre 2022

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

https://www.handi-zen.com

Simon

Modérateur

8422 messages

3826 appréciations

Hors-ligne

0 | J'aime | 25 novembre 2022

ok mais c'est le bloc traduction en desous !

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

titoune

Adepte

326 messages

401 appréciations

Hors-ligne

0 | J'aime | 26 novembre 2022

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