Des coins arrondis dans Drupal 7 (jquery corner)

Traduction de la page http://drupal.org/node/1030144
publiée / actualisée sur drupal.org le 24 Janvier 2011


Voici une façon rapide pour arrondir les angles de vos DIV dans Drupal 7.

Dans votre fichier VOTRETHEME_corner.js, ajoutez ce qui suit :

(function ($) {
  Drupal.behaviors.YOUTHEME = {
    attach: function(context, settings) {
      // list every element that you would like to adorn with corners below
      $("#block-user-login h2").corner("tl tr 4px"); // this is just an example, customize as you'd like, tl = top left
    }
  }
})(jQuery);

Et voilà ! Pour toutes questions, conntactez l'auteur à www.ZUROSS.com.


 

Et maintenant, en CSS3

(par wjaspers)

.some-region-name {
  /* Chrome and 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;

  /**
   * You can optionally specify the shape of all, opposite, or each corner
   * with the following:
   *   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 */
   **/
}