coins arrondis (jquery corner)
A tester (comment se passe avec jquery update ?)
- dl jquery-corner à http://jquery.malsup.com/corner/ et sauver dans sites/all/mytheme/js/jquery.corner.js
- Dans ce dossier, créez un fichier mytheme_corner.js
- Dans le fichier .info, ajouter les lignes scripts[] = js/jquery.corner.js et scripts[] = js/mytheme_corner.js
- Vider le cache !
-
pour CSS 3 dans mytheme_corner.js
.some-region-name {
/* Chrome et Safari */
-webkit-border-radius: 5px;
/* Firefox */
-moz-border-radius: 5px;
/* Opera */
-o-border-radius: 5px;
/* W3C standard--when adopted across the board */
border-radius: 5px;
/**
* Option: spécifier la forme de tous, opposé ou chaque coin avec:
* border-radius: 5px 10px; /* All corners will be 5px round tall and stretched 10px long*/
* border-radius: 5px 10px / 3px 5px; /* Top left and bottom right will be 5x10. Top right and bottom left will be 3x5. */
* border-radius: top-left / top-right / bottom-right / bottom-left; /* Where each corner gets its own dimensions */
**/
}
Source: http://drupal.org/node/1030144