1 résultat trouvé pour google_translate_element

Changer complètement le Template Mobile - Apparence Graphisme Thème Ergonomie

Bonjour,

Chezoit a écrit:Par contre, il y a un bout du menu qui apparait dans la version Web.

Effectivement, c'est parce qu'en ciblant google_translate_element dans la feuille css, je n'ai pas été assez précise : le paramétrage a également affecté le google_translate_element de la version web.
Vous pouvez remédier à cela en corrigeant l'id dans votre feuille css, au lieu de mettre simplement #google_translate_element, vous mettez :

Code:

#mpage-body-modern #google_translate_element {...

pour cibler précisément la version mobile.

Chezoit a écrit:-il possible de mettre "4 boutons drapeau EN / GER / ESP / ITA" au dessus du menu des langues ?

Ex.:

Dans le template overall_header (Version mobile), juste avant votre <div id="google_translate_element"> (ligne ~450), collez ceci :

Code:

<div id="translate_flags">
                          <a href="https://www-revopowaaa-com.translate.goog/?_x_tr_sl=fr&_x_tr_tl=en&_x_tr_hl=fr&_x_tr_pto=nui" class="postlink" target="_blank"><img src="https://i.servimg.com/u/f78/11/70/59/71/bouton11.png" border="0" alt="" /></a> <a href="https://www-revopowaaa-com.translate.goog/?_x_tr_sl=fr&_x_tr_tl=de&_x_tr_hl=fr&_x_tr_pto=nui" class="postlink" target="_blank"><img src="https://i.servimg.com/u/f78/11/70/59/71/bouton12.png" border="0" alt="" /></a> <a href="https://www-revopowaaa-com.translate.goog/?_x_tr_sl=fr&_x_tr_tl=es&_x_tr_hl=fr&_x_tr_pto=nui" class="postlink" target="_blank"><img src="https://i.servimg.com/u/f78/11/70/59/71/bouton13.png" border="0" alt="" /></a> <a href="https://www-revopowaaa-com.translate.goog/?_x_tr_sl=fr&_x_tr_tl=it&_x_tr_hl=fr&_x_tr_pto=nui" class="postlink" target="_blank"><img src="https://i.servimg.com/u/f78/11/70/59/71/bouton14.png" border="0" alt="" /></a>                     
 </div>

Puis dans votre feuille de style CSS, ajoutez :

Code:

#header .mobile_prev_button{position: absolute;}
#translate_flags img {width: 2em;position: relative;top: 32px;z-index: 999;}

Chezoit a écrit:Serait-il possible de les avoir dans cette ordre là ?

Oui, il faut juste modifier ce passage du JavaScript. J'ai interchangé les icônes mais pas les widgets en eux-mêmes.

Code:

$('main .module:first').before('<div id="portal_menu"><span data-nummenu="0" class="portal_ong"><i class="material-icons">local_offer</i>Derniers sujets</span><span data-nummenu="1" class="portal_ong"><i class="material-icons">tag</i>Qui est en ligne ?</span><span data-nummenu="2" class="portal_ong"><i class="material-icons">search</i>Rechercher</span><span data-nummenu="3" class="portal_ong"><i class="material-icons">equalize</i>Mots-clés</span><span data-nummenu="4" class="portal_ong"><i class="material-icons">access_time</i>Membres les plus tagués</span></div>');

Chezoit a écrit:En mode Sombre, sur le portail, j'ai des barres rouges qui apparaissent, serait-il possible de les supprimer s'il vous plait.

EX.:

Dans votre feuille css, ajoutez ceci :

Code:

.fa_darkmode .module .h3{background:#1f1f1f; color:#d4d4d4;}