Bordes redondeados en Drupal 6.x

Un usuario me ha preguntado como añadir los bordes redondeados en Drupal, parece que no consigue hacer funcionar con la explicación que dí en su día.

Vamos a arreglarlo con una explicación más sencilla, paso por paso.

Lo primero que hacemos es crear una carpeta dentro de nuestro tema para guardar los archivos de jquery, miramos si en nuestro tema vienen un archivo llamado js, o similar donde se guardan los archivos, sino existe lo creamos.

En este arcihivo tenemos que alojar excanvas.js, jquery.corner.js y el archivo de js que nosotros creamos indicando los divs que queremos que tenga esquinas redondas.

El segundo paso es en archivo .info de nuestro tema, yo suelo usar basic como framework de desarrollo por lo tanto en basic.info buscamos las líneas que pongan: scripts[] = js/* y añadimos nuestros dos archivos de la siguiente forma:

Con estas dos líneas, el motor de temas de drupal entiende que tiene que crear los enlaces correspondientes y mostrarlos en la cabecera.

El tercer paso es vaciar la cache de Drupal, para ello tenemos tres opciones:
Utilizar el módulo devel, que trae un enlace que pone empty cache.
Utilizar el botón “Limpiar los datos de la cache” en /admin/settings/performance
Utilizar Drush con la siguiente orden Drush cache clear.

Con esto comprobamos con el firebug que nos ha cargado los tres archivos de js en nuestro tema.

En el archivo esquinasredondas.js añadimos el código de jquery que le indica a la librería sobre que divs tiene que hacer efecto.

Un saludo

Oskar