theme drupal

Tout ce qui concerne les thèmes de drupal (bartik, adaptive, omega, sky, zen...):
configuration d'un thème et héritage des sous-thèmes, la personnalisation des .css drupal, les templates drupal (en .tpl.php), fonctions de preprocess, drush et le thème...

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

d'où vient cette mise en forme ?

Identifier d'où vient cette mise en forme

css 2.1

.info liste les css perso. Syntaxe clé[propriétés media]= chemin relatif   
Un ex: stylesheets[all][]=css/colors.css   ou   stylesheets[print][]=css/print.css

Introduction - thémer avec PHP

Présente print_r la fonction PHP pour découvrir les données (à ajouter au .tpl.php pour voir les variables passées au thème), dpm (= dprint_r)

Utiliser les var dans son .tpl.php

coins arrondis (jquery corner)

A tester (comment se passe avec jquery update ?)

liste des feuilles de styles css de sky et adaptive

classes fréquentes drupal

Page d'acc, un noeud épinglé et sticky est dans une div class="node-promoted node-sticky nodeteaser" (et aussi node-typecontenu)

bartik (teinté de vert) a la css:

.node-sticky {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.024);
    border: 1px solid #D3D7D9;
    padding: 0 15px 15px;
}

.node-teaser {
    margin-bottom: 30px;
}

ex simple template_preprocess_html: couleurs selon le jour ou la nuit

On veux que les couleurs du theme change selon l'heure (sombre ou claire la nuit le jour).

Dans template.php de son thème, ajouter les classes day et night à body:

preprocess et ex de modification template user - drupal 7

Sous theme corolla. Pour modifier la page d'édition du profile user => user-profile.tpl.php mais comment utiliser le preprocess ?

Il a trouvé le code suivant (qui permet à son thème de voir le tpl ie de charger les variables), mais comment accéder au contenu du tableau $user_profile ?

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

Pages

S'abonner à RSS - theme drupal