theme drupal

https://www.drupal.org/project/image_delta_formatter  7.x-1.0-rc1 en date dec 2012, 7.x-1.x-dev sep 2013. Pas de v6 ou v8.

Permet de choisir quel delta afficher sur les images.

Aller à "Manage Display" d'un type d'entitée qui a un champs image, modifier ce champs image, choisir le format Image Delta.
Configurer quel delta afficher.

Source: https://www.drupal.org/node/1422454

Test sur vm14 http://trans.dev. Il y a aussi de la doc à Panels 3 et sur drupal.org

https://www.drupal.org/project/panels Requiert Ctools, (et son sous module Views content panes ?).

Test de Panels 7.x-3.4  sur vm14 (site /var/www/gandi/sites/trans.dev) drupal 7.34, avec:

Avec Corporateclean version 7.x-2.3 et la création manuelle du sous-thème mycorpo2 en v2.3.

Création de mystyle1.css, ajouté à mycorpo2.info (après la ligne "stylesheets[all][] = color/colors.css" : stylesheets[all][] = mystyle1.css)

Vers mes notes sur css3 et ce qui est tagué css - voir overrider css https://drupal.org/node/263967

Source: http://www.mediacurrent.com/blog/responsive-design-mobile-menu-options

voir aussi https://www.drupal.org/sandbox/kbasarab/1791874
http://bradfrost.com/blog/web/responsive-nav-patterns/
 

Fonctionne avec CKeditor 4.2.1 et CKeditor 7.x-1.13  +   CKEditor 7.x-1.16 (et lib ckeditor 4.4.5)

Créer ces 2 fichiers avant de configurer la partie Options avancées de admin/config/content/ckeditor/edit/Full.
Puis, configurer ACR.

source http://thesassway.com/intermediate/using-object-oriented-css-with-sass

Les objets

motif visuel, qu'on peux résumer en un extrait indépendant de code HTML, CSS et js éventuellement.

Comment organiser le code CSS? en utilisant les objets et ces 2 principes:

Source http://thesassway.com/intermediate/responsive-web-design-part-1

Les images s'ajustent en fonction de leur container avec RWD.

Ex de code sass/compass (et css générées)

Ex variables.
Ex nesting selectors pour éviter les répétitions. + Notions de contexte (2 nivo), objets (identifié par class ou id, 4 nivo max, en général on travaille en 2-3) et états d'interaction (avec objects) - et leurs niveaux de profondeur respectifs.
Ex de Mixins, pour utiliser des bouts entier de code. Ex mixin border-radius

Utiliser: compass clean et compass watch

outils online: http://www.responsinator.com/ et sa faq  ; http://compass-style.org/ et http://compass-style.org/help/tutorials/spriting/ ;