La date/heure actuelle est Jeu 09 Mai 2024, 18:44
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;}
- le Jeu 16 Déc 2021, 16:07
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Changer complètement le Template Mobile - Apparence Graphisme Thème Ergonomie
- Réponses: 17
- Vues: 1868