Voilà, voilà... Fin de l'aventure...

 

Fermeture de kolossaldrupal.org dans...


Bonjour tout le monde,

Drupal évolue, les versions changent et Kolossaldrupal.org était essentiellement consacré à la version 6 de Drupal.

Autant dire que les infos présentées ici commencent à dater...

Faute de temps, je ne peux plus garder le site Kolossaldrupal à jour...

Je vous aurais bien proposé de reprendre le flambeau mais... c'est tellement simple de nos jours de se faire son propre site à soi...Pourquoi s'embêter alors ? :-)

Ce site restera donc en l'état, tel qu'il était en 2011...

Ah la la ! Cela ne nous rajeunit pas !

Manuel Vila - Avril 2016

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.

  • Téléchargez la dernière version de jquery-corner depuis http://jquery.malsup.com/corner/.
  • Sauvegardez-là dans le dossier de votre thème, sous le nom VOTRETHEME/js/jquery.corner.js
  • Dans le même dossier, créez un fichier vide VOTRETHEME_corner.js
  • Dans votre fichier .info existant (VOTRETHEME.info), ajoutez les lignes scripts[] = js/jquery.corner.js et scripts[] = js/VOTRETHEME_corner.js
  • Videz votre cache ! ! ! ! !
  • et suivez les instructions ci-dessous

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 */
   **/
}