README.md

// $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

[teaser]

par

[teaser]