Compteur de visites gratuit
CAForum infos
Remplacer Servimg par Imgur Imgser10
Derniers sujets
» » Le coucou du jour
Remplacer Servimg par Imgur Clock-10Hier à 21:06 par chrisnvidia

» » Bien débuter en référencement naturel (SEO)
Remplacer Servimg par Imgur Clock-10Mer 17 Avr 2019 - 13:37 par David1195

» » Partie 2 Découverte d'un forum le P.A Onglet "Général"
Remplacer Servimg par Imgur Clock-10Dim 14 Avr 2019 - 20:15 par chrisnvidia

» » Qeel sur le côté du forum
Remplacer Servimg par Imgur Clock-10Sam 13 Avr 2019 - 17:08 par Matth0x

» » Ajouter son copyright
Remplacer Servimg par Imgur Clock-10Sam 13 Avr 2019 - 17:05 par Matth0x

» » Coloriser les cases des Annonces, Annonces globales & des Notes
Remplacer Servimg par Imgur Clock-10Sam 13 Avr 2019 - 16:57 par Matth0x

» » Mettre une image au qeel
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 15:22 par NinaCatali

» » Masquer le bloc "Modérateurs"
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 15:17 par NinaCatali

» » Ajouter des polices supplémentaires à l'éditeur
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 14:32 par NinaCatali

» » Modifier police, taille et couleur du titre des catégories
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 14:17 par NinaCatali

» » Masquer l'affichage du titre de forum sur le forum
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 14:15 par NinaCatali

» » Mettre une image en fond de page (body)
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 14:04 par NinaCatali

» » Qeel en bas de page
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 14:03 par NinaCatali

» » Suppression de la bar-top
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 13:58 par NinaCatali

» » Modifier la police du logo-texte
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 13:58 par NinaCatali

» » Arrondir l'entête des catégorie
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 13:58 par NinaCatali

» » Modifier le message sur la page d'accueil
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 13:57 par NinaCatali

» » Différencier les MP non lus et nouveaux
Remplacer Servimg par Imgur Clock-10Jeu 11 Avr 2019 - 13:57 par NinaCatali

» » Poster un sujet verouillé
Remplacer Servimg par Imgur Clock-10Lun 8 Avr 2019 - 16:34 par Mathis

» » Modifier l'apparence du qeel
Remplacer Servimg par Imgur Clock-10Sam 6 Avr 2019 - 13:59 par Nioup

Remplacer Servimg par Imgur

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

Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Mar 26 Fév 2019 - 9:13

  • MP
  • Zoom
Hi,

Voici une astuce toute simple qui vous permettra de remplacer l'hébergeur d'images Servimg par imgur

Premièrement il faut vous inscrire, inscription gratuite, ici si vous n'avez pas encore de compte sur imgur :
https://imgur.com/register?redirect=https%3A%2F%2Fimgur.com%2F

Par la suite il faudra créer votre API imgur ici :
https://api.imgur.com/oauth2/addclient

À la fin de cette procédure vous arrivez sur cette page

Remplacer Servimg par Imgur Api10

Le numéro Client ID sera à copier dans le script qui suit


Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript


Mettre ce script Sur toutes les pages :
Code:
;window['FormData'] && $(function(){$(function(){
  
      var imgur_client_id = 'client ID';
  
      var current = 0, uploaded, xhrs, file_selector, button = $('.sceditor-button-servimg').off().click(function(){
        if(current) return finish();
        if(!file_selector) file_selector = $('<input type="file" multiple/ accept="image/*">').css({position:'absolute', top:-100}).appendTo('body').change(function (e) {
          var files = e.target.files, fd, len;
          uploaded = [], xhrs = [];
          for (var i = 0, len = files.length; i < len; i += 1) {
            if (files[i].type.indexOf('image/') && files[i].type !== 'application/pdf') continue;
            current++;
            fd = new FormData();
            fd.append('image', files[i]);
            (function(xhr){
              var num = i, xhr = jQuery.ajaxSettings.xhr();
              xhrs.push(xhr);
              xhr.open('POST', 'https://api.imgur.com/3/image');
              xhr.setRequestHeader('Authorization', 'Client-ID '+imgur_client_id);
              xhr.onreadystatechange = function () {
                if (xhr.readyState !== 4) return;
                current--;
                if (xhr.status === 200) {
                  var res = JSON.parse(xhr.responseText);
                  uploaded[num] = res.data.link;
                }
                if(!current) finish();
              };
              xhr.send(fd);
            })();
          }
          if(current) button.css({background:'url(https://i.imgur.com/EMsOJtZ.gif) no-repeat'});
        });
        file_selector.click();
        return false;
      }).children();
      var finish = function(){
        for(var i=0; i < xhrs.length; i++) {
            if(xhrs[i].readyState == 4) continue;
            xhrs[i].onreadystatechange = function(){};
            xhrs[i].abort();
        }
        for(var i=0; i < uploaded.length; i++) {
          if(uploaded[i] === undefined) continue;
          $('body').find('.sceditor-button-image').click().end().find('.sceditor-insertimage').find('#image').val(uploaded[i]).end().find('input.button').click();
          $('#text_editor_textarea').sceditor('instance').insertText('\n');
        }
        button.removeAttr('style');
        current = 0;
        file_selector.wrap('<form>').closest('form').get(0).reset();
        file_selector.unwrap();
        return false;
      };
    })});


Votre Client ID sera en inscrire ici dans le script :
Code:
var imgur_client_id = 'client ID'

Remplacez client ID par le numéro client récupéré à la création de l'API

Pensez à    Valider 2


À l'éditeur rein ne change au niveau de l'agencement, le bouton pour uploader une image sur le forum reste le même (mais l'hébergeur à changé quant à lui)
Au chargement de l'image une nouvelle visualisation apparaît

Remplacer Servimg par Imgur A11

L'URL de l'image sera directement postée dans le corps du message entre les balises img

Remplacer Servimg par Imgur B10




:u1:
À bientôt
Bye



† Aucune aide ne sera donnée en privé
David1195

David1195

StaffModo
StaffModo

MessageDavid1195 le Mer 27 Fév 2019 - 12:19

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



LilaCH

LilaCH

Membre
Membre

MessageLilaCH le Dim 3 Mar 2019 - 9:03

  • MP
  • Zoom
Merci beaucoup !

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