HTML 5

Tout ce qui concerne HTML 5

Ressources externes:

 

Adaptivetheme, coté CSS 3 (avec ou sans sass?)

En PJ: les 2 css globales ie pour toute taille de device (non "responsive"):  global.styles.css (a bp de selecteurs vides donc soit en effacer soit utiliser SASS) et global.base.css (inclus normalize.css ainsi que d'autres classes et styles de base (alignement des containeur par défaut, images flexibles..)).

Fichier attachéTaille
Plain text icon global.styles.css_.txt29.39 Ko
Plain text icon global.base_.css_.txt13.68 Ko
Plain text icon adaptative1info.txt17.6 Ko

liste des feuilles de styles css de sky et adaptive

Firebug, plugin firefox pour drupal

Firebug est un plugin pour firefox, semblable à web developper ou DragonFly (intégré à opera). F12 pour l'afficher.

Sky et Footheme 3.0

Sky est un sous theme de adaptive, HTML 5 et css 3, qui intègre les couleurs. Basique et centré, layout multi colonnes, support des mobiles (tablets, tel...). Support de Superfish et a un Panel intégré nommé Gpanels.

Pour l'utiliser, il faut avoir adaptive ;) Voir https://drupal.org/project/sky

adaptive 7.x-3.2 mobile HTML 5 et CSS 3 - sous theme adaptative1

Adaptive est un thème Drupal 7 - HTML 5 et CSS 3. De base, il ne gère pas les couleurs (voir Sky et Footheme).

Vers ma page "suggestion de templates" pour ce thème et vers apercu des blocks (erroné).

Créer nouveau theme avec drush (et sass): drush adaptivetheme "Your Theme Name" yourthemename
-> donne erreur si on a déja utilisé son "AT Subtheme"

Adaptive un thème Drupal 7 - HTML 5 et CSS 3

Comment overrider les templates adaptive, infos sur ces templates, et suggestions de templates "block--[region]--[module].tpl.php".

Templates drupal 7

Source: Drupal 7 guide 2011

Le template Bartik le plus utilisé: page.tpl.php (avec des ex de templates et css).

template.php sert à overrider des fonctions et css du core ; notions de fonctions preprocess et process (à ajouter dans template.php pour créer les variables utilisées dans les divers tpl.php).
Notes sur les suggestions de templates et fonctions de thème (dont le nom commence par theme_).

Sur le web: http://kolossaldrupal.org/docs/sous-themes-leur-structure-et-lheritage
                   en anglais (officiel) Liste des templates du core  et liste des suggestions de templates

Omega 4 - créer un layout sur son soustheme

copier le dossier omega/layouts/simple du theme de base, coller dans son theme (mono4_br1) et renommer. Changer dans les noms de fichiers (et contenu) "simple" parle "nomtheme".

+ three files:

  • sass/layouts/simple.layout.scss
  • layouts/simple-layout.tpl.php
  • layouts/simple.layout.inc

puis dans monlayout.layout.inc ajouter regions[postscript] = Postscript

 

https://drupal.org/node/1936980

Drush et les themes

vider le cache du thème: drush cc theme-registry
activer le theme foo: drush vset theme_default foo

Vérifier l'état de chaque thème : drush pml | fgrep -e Theme
drush pmi  info détaillées (voir par ex drush mpi sky* | fgrep -e theme)

Pages

S'abonner à RSS - HTML 5