Bord arrondis avec Jquery

Jan 28

Design, Jquery, Plug in, Programmation Add comments

Jquery vous permet d’un peu tout faire aujourd’hui grâce à ces nombreux plugin. Trouvé sur Ajaxonomy, le plugin suivant nommé Cornerz va vous permettre en quelques lignes de code de complètement gérer vos bords sans une ligne de CSS ou image à ajouter! Ce n’est pas magique tout ça? Bon tout de suite, une petite démonstration:

La bordure arrondie à gauche de l’image sera obtenu en écrivant les lignes suivantes

Pour la partie javascript:

$('h1').cornerz({radius:40, borderWidth: 0, corners: "tl"});

Pour la partie HTML:

<h1 style="margin-top: 0px">Cornerz v0.2</h1>

Les options du plugin sont:

radius
borderWidth
background
borderColor
corners (”tl br tr bl”). Specify which borders to draw

A lire également:

Vous aimez cet article?

2 Responses to “Bord arrondis avec Jquery”

Ron Says:
June 3rd, 2008 at 8:22 pm
Bonjour Charlie ,
J’ai vu ton code JQuery c’est vraiment interessant cependant si je veux que ça fasse une barre avec dégradé par exemple ce n’est pas possible ??
charliend Says:
June 16th, 2008 at 11:24 am
Bonjour Ron,

Non, malheureusement ce n’est pas possible. Néanmoins, tu trouveras ce genre d’option si tu importes des flashs modifiables. Je ne suis par contre pas assez professionnel en Flash pour te conseiller quelque chose de spécifique.
Sinon essaye de voir ce qui est possible avec “corner” qui est un autre plugin de jQuery qui permet également de faire des bords arrondis.

Charlie Nguyen-Duc