[Tuto] Coins chanfreinés avec jquery.corner.js

re,

merci pr le tuto (au passage tres clair et bon taf :) ) j'ai refait plusieurs fois avec un panneau d’élément mais ceci ne fonctionne pas...

ca m'affiche ca : $(".coins").corner("bevel");

dans un le coin en haut a gauche....

est ce que le 2eme code doit etre aussi en html,header ?

sad

Implanter et utiliser le module js Corner

Étape 1, obtenir le module

Télécharger le module à partir de ce site: https://github.com/malsup/corner
Extraire le fichier jquery.corner.js du fichier corner-master.zip que vous venez de télécharger

Étape 2, À partir d'OE installer et charger le module

Onglet Projet

Groupe du menu: Gestion

Ouvrez les ressources, icône en forme de coffret

Onglet Autres

Bouton ajouter des fichiers autres
Sélectionnez jquery.corner.js
OE va le renommer jquery-corner.js

Sur votre page

Bouton Code

Ajoutez un bloc de code à l'aide du bouton + qui as l'air d'une tête de vis Phillips

Ajoutez un nom, disons: corner
Type Html
Emplacement Header
Ajoutez le code HTML suivant:
<script src="/Files/Other/jquery-corner.js"></script>

Ajoutez un autre bloc de code source en Javascript

Choisissez un nom, disons: corners
type Javascript
Emplacement Endbody
Suivez les instructions de la page: http://jquery.malsup.com/corner/ pour configurer vos coins
Par exemple, pour l'expression proposée par l'auteur:
$(this).corner("bevel"); 
Remplacez this par ".coins" ce qui donnera
$(".coins").corner("bevel");

Étape 3, utilisation

Ajoutez une classe perso nommée coins à chaque panneau d'éléments que vous voulez chanfreiner.

Voilà

Version originale du tuto par Hobby001 2017-08-31

Edité par Hobby001 - 01 Sep 2017 à 13:19

https://denislafrance.net , Formation vidéo sur OE

openElement

[Tuto] Coins chanfreinés avec jquery.corner.js