// $Id: README.txt,v 1.1 02∕04∕2011
ABOUT THEME
Thème RWD pour les sites de l'Association développés sous Drupal 6. Thème développé avec Sass - Compass - Susy 2
REGLAGES A FAIRE
dans template.php : remplacer le nom du theme dans les fonctions necessaires.
Changer le nom du fichier .info
Changer le favicon Changer le screenshot Changer le logo
dans fichiers tpl remplacer le nom du theme dans les appels d'includes
Vérifier les réglages dans le fichier config.rb Pour le thème en production, inutile d'envoyer sur le serveur les dossiers sass, fichier config.rb
Dans images
Mettre a jour les images du theme
Compilation des fichiers scss
dans le terminal : user@vm-server1:~$ compass watch /PATH/TO/THEMENAMEFOLDER/
Usage des mixins de Susy
Dans la logique Mobile first, la div "content" aura 5 colonnes, si c'est un écran de bureau,elle en aura 16 dont 3 vides (prefix)
#content {
@include span(5 of 12);
@include susy-breakpoint($desktop) {
@include span(13 of $desktop);
@include prefix(3 of $desktop);
}
}
Ordre et hierarchie des blocs du layout
.conteneur
#header
#header-inner
.headHaut
.logoHead
.menuImg
.headBas
.site-slogan
.headSearch
.menuHead
#content-global
#left-content
.content-top
.content-top-node
#content-inner
.content-header
.middle-content
.content-bottom
#right-content
#footer
#bloc_stats
Compass plugins
Buttons : pour les boutons des RS, Compass Recipes : mixin css3
Breakpoints pour SUSY
@include susy-breakpoint ($mobile){}
@include susy-breakpoint ($desktop){}
@include susy-breakpoint ($tablet){}
Diaporama homepage surimpression
Changer le code HTML dans Views