Nanomus est tellement simple qu'il en est possible de créer ou modifier  sa charte graphique en quelques minutes
Autant vous dire que si vous n'y connaissez rien en PHP ou HTML vous allez pouvoir tout faire avec.

Comment est structuré un thème Nanomus ?
C'est très simple, deux fichiers constituent le tème:
- le CSS, fichier templates/style.css
- le fichier HTML: theme.html

Concernant le CSS par défaut j'ai fait le strict minimum d'ailleurs celui ci ne pèse que 1.7 ko, à vous de voir ce que vous désirez faire ici.

Concernant le fichier HTML, je peux toutefois vous apporter quelques compléments bien utiles.

Je vais passer sous silence l'entête du fichier comprenant les métas et autres donc les lignes 1 à 40, car ce n'est pas le but de ce tuto, nous allons donc passer tout de suite à la ligne 42

Premier DIV ... premier délice
Ce premier DIV ayant pour ID header, permet d'assembler le sommet de site, par défaut j'ai placé deux echo, le premier en balise H1 affichant le nom du site, le second en balise H2 affichant le slogan de votre site.
Il vous est possible ici même, plus précisément entre les lignes 42 et 45 de modifier tout le sommet de votre site.
Bien évidemment le fichier CSS sera votre premier allier par exemple en utilisant l'ID header afin de placer une image de fond.

Nous avons vu ici comment personnaliser le sommet du site, ou comment et ou ajouter du code HTML ou PHP si besoin est, passons maintenant au coeur du sujet : la pleine page !

Par défaut, j'ai opté pour un menu latéral droit, bien évidemment il est tout a fait possible de le placer en bas, ou en haut, ou à gauche libre à votre convenance, ici pour rappel tout se fera en CSS grâce à l'ID side, div qui affichera le menu latéral, ce code simple est compris entre les lignes 48 et 50


La pleine page en elle même, le contenu si vous préférez est affiché dans un div ayant pour ID main, lui encore généré via le CSS qui va bien.
Cette pleine page est donc générée par le code compris entre les lignes 52 et 54.



Enfin le pied de page, plus communément appelé footer, est géré par le code compris entre les ligne 61 et 66, deux div et deux ID lui sont affectés: footer et copy


Vous voilà maintenant bien avisé pour faire ce que vous désirez avec une charte graphique Nanomus !

Pour tout complément .. je traine toujours un peu par là