Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Bouton sélectionner une langue dans le cadre de s'inscrire se connecter

3098 appréciations
Hors-ligne
 MaelranaidhNanasimonBisonours!Al

Est il possible d'intégrer dans le cadre "S'inscrire" "Se connecter" le bouton "Sélectionner une langue" ???
Pour moi perso je pense que ce serait + logique qu'il se trouve dans ce cadre.
Je vous ai fait une capture écran soit le mettre devant "S'inscrire" ou derrière "Se connecter".


Je croise les doigts pour que ce soit faisable :oe: :n6:



:sp::n5::n6::n7::n8::n9::n11::n12::n13::pn:sol:

4050 appréciations
Hors-ligne


On peut déplacer le bouton mais il restera fixe et deviendra une gène au déroulement du blog.

Regardes ce que ça donne si tu change en cochant "en haut à gauche" car il faut ensuite le réduire et c'est plus encombrant.

Voir avec ce code Css :
.translator-top {
    position: fixed;
    top: 45px!important;
    left: 1300px!important;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 9999;
}

Le mieux c'est dans le menu latéral






3098 appréciations
Hors-ligne
simon
Le souci est que je n'aurai plus de menu latéral voir ici ==> https://test-gos-soleilvie.blog4ever.com/

Peut on l'insérer dans la barre de navigation ???

:sol:

4050 appréciations
Hors-ligne
re

Je n'ai pas testé sur ce blog..........

donc:

#translator {
    position: fixed;
    top: 45px!important;
    left: 1300px!important;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 9999;
}

Je n'ai pas le temps pour l'instant de tester dans la barre.


3098 appréciations
Hors-ligne
J'ai mis ça dans le CSS :

.translator-top {    
position: no-fixed !important;    
top: 10px!important;    
left: 50px!important;    
padding: 0px;    
background-image: url(https://static.blog4ever.com/2018/10/848924/fond2-article-graph-2019.png) !important;     
border: 4px double #804040 !important;   
border-radius: 5px;   
box-shadow:2px 2px 10px -2px #804040!important;    
z-index: 9999; }

Mais il ne prend en compte le background image

Dernière modification le samedi 22 Décembre 2018 à 14:09:52

4050 appréciations
Hors-ligne
re

.translator-top {  
position: no-fixed !important;  
top: 10px!important;  
left: 50px!important;  
padding: 0px;      
border: 4px double #804040 !important; 
border-radius: 5px; 
box-shadow:2px 2px 10px -2px #804040!important;  
z-index: 9999;
margin-left:-50px;
}

#translator a {
 background-image: url("https://static.blog4ever.com/2018/10/848924/fond2-article-graph-2019.png");
  font-family: monotype corsiva!important;
   font-size: 20px!important;
}
#translator a:hover {
 color:brown!important;
}
.goog-te-gadget-simple {
    background-color: #c51d1d!important;
}



4050 appréciations
Hors-ligne
module s'inscrire ( pour le raccourcir )

.blogmember_menu {
 
    max-width: 180px!important;
}


3098 appréciations
Hors-ligne
simon
Je finaliserai demain
:sol:

4050 appréciations
Hors-ligne
/* bloc s'inscrire*/


.blogmember_menu {
 margin-left:auto!important;
    max-width: 180px!important;
    right: 30px!important;
}


4050 appréciations
Hors-ligne
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 6062 autres membres