*RESOLU* Rajout de bouton sur editeur

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

*RESOLU* Rajout de bouton sur editeur

Sujet résolu le Dim 11 Juin 2017 - 7:31
msfeettoes
avatar
Membre

Messagemsfeettoes

  • 16px
  • 24px
  • Zoom
bonjour
je voudrais mettre cet hebergeur d'image avec un bouton sur l'editeur des messages est ce possible

https://lightpics.net/

:phil indique moi la marche a suivre si a l'avenir je voudrais en rajouter d'autres

amicalement


Dernière édition par msfeettoes le Dim 11 Juin 2017 - 9:03, édité 1 fois

Re: *RESOLU* Rajout de bouton sur editeur

Sujet résolu le Dim 11 Juin 2017 - 8:44
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Emeline,

pour ajouter un bouton qui va t'emmener sur le site mentionné,
on va ajouter un script que va déposer sur toutes les pages et ajouter une class au bouton afin de lui donner une apparence en se basant sur la librairie importé dans EDGE:

http://seehowsupport.com/font-awesome/


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


Mets un titre explicite.
Coches sur toutes les pages.

Déposes ceci:
Code:
$(function(){  
$(function(){      
$('<a href="https://lightpics.net/"target="_blank"class="sceditor-button deux"unselectable="on"title="Envoyez et partagez vos images">
<div unselectable="on">Envoyez et partagez vos images.</div></a>').insertBefore('a.sceditor-button.sceditor-button-servimg');
})});

Penses a cliquer sur le bouton Valider


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

déposes ceci:
Code:
.sceditor-button.deux:after {content: "\f1c5";}

Penses à valider les modifications en cliquant sur le bouton Valider

Explications sur le script:
Pour ajouter d'autres bouton qui au clic va t'emmener vers un site.

Code:

<a href="LE LIEN DU SITE"target="_blank"class="sceditor-button deux"unselectable="on"title="L INFOBULLE DU LIEN">
<div unselectable="on">TITRE DU LIEN.</div></a>

Au clic on ouvre une autre fenêtre dans le navigateur.

Code:
target="_blank"

Il faudra aussi penser a modifier la class deux pour chaque nouveau bouton
Code:
sceditor-button deux
Pour le prochain
Code:
sceditor-button trois

la c.s.s sera alors:
Code:


.sceditor-button.trois:after {content: "\f1c5";}


Tu peux changer l'icône en remplaçant le f1c5 ici:
Code:
.sceditor-button.deux:after {content: "\f1c5";}



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

Fondateur des forums





Re: *RESOLU* Rajout de bouton sur editeur

Sujet résolu le Dim 11 Juin 2017 - 9:03
msfeettoes
avatar
Membre

Messagemsfeettoes

  • 16px
  • 24px
  • Zoom
tout est clair ça fonctionne nickel 
merci phil pour tes explications et ta patience! 
bon dimanche

Re: *RESOLU* Rajout de bouton sur editeur

Sujet résolu le Dim 11 Juin 2017 - 9:04
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien Emeline,
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



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

Fondateur des forums





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