SimpleGeek

Comme indiqué précedemment, nous allons dissocier le dossier themes/defaut en deux : defaut et common. Le dossier common comprendra trois sous-dossiers (css, img, js ) dans lesquels nous mettrons les fichiers qui pourront être commun à tous les sous-sites ou sites.

Le dossier img

Il contiendra principalement les icones, voire certains background

Le dossier js

Leqs scripts nécessaires à la compatibilité de Internet Explorer , mais aussi celui permettant d'avoir les statistiques de Google Analytics et surtout le "JQuerry". J'y rajoute un script (hasgrid.js) qui permet en phase de développement d'afficher des grilles de mise en page.

Le dossier css

Il comprend les styles de base , à savoir le reset et aussi ceux que j'utilise par défaut dans tous les sites. J'y rajoute un dvpt.css qui me sert pendant le développement à afficher une grome d emise en page, ou à trouver des erreurs en affichant les blocs via des bordures ou une couleur de fond.

Bien entendu il faut aller modifier les chemins d'accès dans le header:

Initialement dans le header:

<link rel="icon" href="http://simplegeek.fr/<?php $plxShow->template(); ?>/img/favicon.png" />
<link rel="stylesheet" href="http://simplegeek.fr/<?php $plxShow->template(); ?>/css/reset.css" media="screen"/>
<script src="http://simplegeek.fr/<?php $plxShow->template(); ?>/js/html5ie.js"></script>

A remplacer par:

<link rel="icon" href="http://simplegeek.fr/<?php $plxShow->urlRewrite(); ?>/common/img/favicon.png" />
<link rel="stylesheet" href="http://simplegeek.fr/<?php $plxShow->urlRewrite(); ?>/common/css/reset.css" media="screen"/>
<script src="http://simplegeek.fr/<?php $plxShow->urlRewrite(); ?>/common/js/html5ie.js"></script>

Sans oublier de modifier les liens dans les css vers les fichiers images:

pour defaut.css ( situé dans defaut)

url(../img/user.png);

devient

url(common/img/user.png);