Derniers sujets
» [TOUTES VERSIONS] Créer un générateur d'image cliquable
par 1bernard1 Aujourd'hui à 1:02

» [PHPBB3] Avatar coulissant + affichage profil différent.
par 1bernard1 Aujourd'hui à 0:40

» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par 1bernard1 Aujourd'hui à 0:32

» [PHPBB2]Afficher/Masquer le profil avec miniature de l'avatar
par FaGu Lun 18 Fév 2019 - 0:49

» [PHPBB3]Afficher/Masquer le profil avec miniature de l'avatar
par FaGu Lun 18 Fév 2019 - 0:39

» [PHPBB2] Afficher le profil des messages façon Invision et bien plus..
par ThunderTB Dim 17 Fév 2019 - 16:42

» [PHPBB2] Afficher l'auteur du sujet dans la liste des sujets
par ThunderTB Sam 16 Fév 2019 - 5:10

» Supprimer le bouton MP a un membre spécifique
par fred9545 Jeu 14 Fév 2019 - 19:36

» Mettre des Paillettes derrière le Curseur
par choupette60 Jeu 14 Fév 2019 - 14:42

» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par Ambroise Mar 12 Fév 2019 - 13:33

» Lecture du premier message des derniers sujets traités sur votre forum
par soleda Lun 11 Fév 2019 - 11:47

» [EDGE]Afficher la majeure partie des variables avec un bouton sur l'éditeur
par clost Dim 10 Fév 2019 - 20:49

» [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré
par fred9545 Dim 10 Fév 2019 - 20:47

» [EDGE] Afficher/Masquer les catégories avec un effet
par clost Dim 10 Fév 2019 - 20:34

» [PHPBB2] Coloriser individuellement les catégories
par choupette60 Dim 10 Fév 2019 - 19:31

» [AWESOMEBB] Coloriser les cases Annonces & Notes
par fred9545 Dim 10 Fév 2019 - 12:15

» [PHPBB2] Afficher le logo devant les Pseudos index et sous forums, façon mini avatar
par Ptite_Perle Dim 10 Fév 2019 - 12:02

» [TOUTES VERSIONS] Afficher l'avatar des messages au survol de la cellule
par Ptite_Perle Dim 10 Fév 2019 - 11:57

» [AWESOMEBB]Afficher les pricipaux boutons de l'éditeur de sur la réponse rapide
par Splash Dim 10 Fév 2019 - 2:59

» [AWESOMEBB]Afficher la majeure partie des variables avec un bouton sur l'éditeur
par Lil'Fox Dim 10 Fév 2019 - 0:45

[EDGE] Installer un selecteur de taille de police

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
Milouze14
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello les ami(e)s ,

Comme la plupart des scripts viennent du support EDGE, cette dernière restera visible mais un merci sera
toujours apprécié car la traduction a été effectuée par mes soins:

http://fmdesign.forumotion.com/t571-forum-font-size-selector#8979

L'aperçu imagé :



J'ai ajouté le style afin que ce dernier soit en relation avec le thème de couleur sélectionné  clin oeil .

Attention toutefois, si vous n'êtes pas à l'aise avec le script qu'il faudra modifier, merci de passer par l'entraide:

https://www.milouze14.com/f108-entraide-tous-supports

Passons au script du sélecteur de taille de police .


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur toutes les pages.



Déposez ceci:
Code:

$(function() {
          'DEVELOPED BY ANGE TUTEUR';
          'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
          'ORIGIN : http://fmdesign.forumotion.com/t571-forum-font-size-selector#8979';
        
          // font sizes
          var sizes = [
            8,
            9,
            10,
            11,
            12,
            13,
            14,
            15,
            16,
            17,
            18,
            19,
            20,
            21,
            22,
            23,
            24
          ],
        
          // position du selecteur
          // 0 = haut de page
          // 1 = bas de page
          position = 0,
          attachTo = '#page-body, #ipbwrapper #content-container',
        
          // language config
          lang = {
            Default : 'Défaut',
            FontSize : 'Taille de police : '
          },
        
        cookie = my_getcookie('fa_fontsize'), // selected font size
 
  selector = $('<select id="fa_fontsize" />')[0], // font size selector
  container = $('<div id="fa_fontsize_container"><span id="fa_fontsize_label" style="font-size:12px">' + lang.FontSize + '</span></div>')[0], // selector container
 
  // options string
  html = '<option value="default:' + window.getComputedStyle(document.body, null).getPropertyValue('font-size') + '" ' + ( /default/i.test(cookie) ? 'selected' : '' ) + '>' + lang.Default + '</option>',
 
  // loop variables
  i = 0, j = sizes.length,
 
  // function for changing the font size
  change = function(init, val) {
    var value = init === true ? val : this.value;
 
    my_setcookie('fa_fontsize', value);
 
    document.body.style.fontSize = /default/i.test(value) ? value.replace(/default:/, '') : value + 'px';
  };
 
  // loop through the sizes array to create an options list for the selector
  for (; i < j; i++) {
    html += '<option value="' + sizes[i] + '" ' + (cookie == sizes[i] ? 'selected' : '') + '>' + sizes[i] + '</option>';
  }
 
  // apply the html and event handler to the selector
  selector.innerHTML = html;
  selector.onchange = change;
 
  // apply the chosen font size if any was selected
  if (cookie) {
    change(true, cookie);
  }
 
  // add the selector to the container and finally the document
  container.appendChild(selector);
  $(attachTo)[['prepend', 'append'][position]](container);
});





Pensez a cliquer sur le bouton Valider



Le thème sera placé en haut de page par défaut, si vous désirez mettre ce dernier en bas de page,
il faudra mettre 1 ici:

position = 0,


Ensuite on va donner un style identique en relation avec le thème de couleur .


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

En bas de page ajoutez ceci:

Code:

span#fa_fontsize_label{padding:8px 6px;background-color: #69C;color:white !important;top: -1px;position: relative;}
select#fa_fontsize{background-color: #69C;color:white !important;}


Pensez à valider les modifications en cliquant sur le bouton Valider


Passons au sélecteur de couleur ,

Éditez le script suivant en cliquant sur  edit  :

[FA EDGE] ALL.JS

Ligne 252 environ , recherchez ceci:
Code:
.color-primary,

Juste après déposez ceci:
Code:
span#fa_fontsize_label ,select#fa_fontsize,


Pensez a cliquer sur le bouton Valider

Et voilà votre sélecteur aura les couleurs de votre thème super .


Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Dim 7 Oct 2018 - 19:19, édité 1 fois



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





kristhyane
kristhyane
Milouzien

Messagekristhyane

  • 16px
  • 24px
  • Zoom
Merci beaucoup
Je viens de l'installer

Bonne journée

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum