Retour vers CoRinne et VeRo >> SpiP

Ergonomie Avancée pour Spip Eva 2.1

Quelques indications de corrections à apporter pour changer l'ergonomie du site

(en rapport avec ce site exemple : http://cdck83.org )

La réponse du webmaster Serge :

Tout d'abord petits rappels:
Afin de modifier le squelette (apparence) vous devez éditer et modifier les fichiers html des pages (ceux du répertoire /squelettes). Pour la page d'accueil c'est sommaire.html.

Tout ce qui concerne la mise en forme (couleurs, taille de polices etc) est déterminé dans une feuille de style CSS eva_style.css (à la racine du site). ici c'est du langage CSS.

Personnellement, j'utilise Dreamweaver pour modifier les fichiers HTML et CSS. Afin de tester mes modifications, j'ai une copie du site sur mon ordi. J'utilise EasyPHP (nécessaire et gratuit). Cela permet de se
comporter comme un site web classique. Lorsque les modifs sont OK je transmet les fichiers modifiés sur le vrai site.

Quand j'ai démarré le site je n'avais aucune connaissance des choses que j'ai cité ci-dessus. Si vous êtes habitué à bidouiller un peu sur ordi cela ne devrait pas poser trop de problèmes.
Je me suis aidé des sites suivants (notamment les forums)

• http://www.spip-contrib.net/
• http://spip-edu.edres74.net/rubrique.php3?id_rubrique=39 =>la partie webmaster du forum d'eva
• http://www.spip.net/fr_rubrique143.html => tout sur les boucles spip
• http://fr.selfhtml.org/navigation/html => le langage HTML
• http://fr.selfhtml.org/navigation/css.htm => le CSS pour modifier la feuille de style

Sinon, pour rajouter l'image en haut il faut la rajouter en haut de tous les squelettes html.

Personnellement, j'ai crée un fichier banniere.php3 et un banniere.html associé (comme cela si il y a des modifs je ne modifie que banniere.html et non pas tous les squelettes ;-) )

Voila banniere.php3 (entre les tirets):

---

<?php
$fond = "banniere";
$delais = 2 * 3600;


include ("inc-public.php3");

?>

---

et banniere.html (toujours entre les tirets):

---

<div id="Page">
<div id="EntetePage?">

<!--affichage de la barre de boutons -->
<ul class="boutons">
<BOUCLE_boutons_rubriques(RUBRIQUES){titre_mot = bouton}{par num titre}>
<li><a href="#URL_RUBRIQUE" title="[(#TITRE|supprimer_numero)][ -
(#DESCRIPTIF|supprimer_tags)]">[<span>(#TITRE|supprimer_numero)</span>]#LOGO_RUBRIQUE</a></li>
</BOUCLE_boutons_rubriques>
<BOUCLE_boutons_articles(ARTICLES){titre_mot = bouton}{par num titre}>
<li><a href="#URL_ARTICLE" title="[(#TITRE|supprimer_numero)][ -
(#DESCRIPTIF|supprimer_tags)]">[<span>(#TITRE|supprimer_numero)</span>]#LOGO_ARTICLE_RUBRIQUE</a></li>
</BOUCLE_boutons_articles>


<li><a href="recherche.php3"
title="<:rechercher_sur_le_site:>"><span><:rechercher:></span><img
src="images/rechercher.gif" alt="<:rechercher_sur_le_site:>"
class="spip_logos" /></a></li>
<li><a href="plan.php3"
title="<:plan_site:>"><span><:plan_site:></span><img
src="images/plan_site.gif" alt="<:plan_site:>" class="spip_logos"
/></a></li>
<li><a href="./ecrire/"
title="<:ecrire_interface_redaction:>"><span><:ecrire:></span><img
src="images/ecrire.gif" alt="<:ecrire_interface_redaction:>"
class="spip_logos" /></a></li>

</ul>

<!--affichage de l'IMAGE EN HAUT -->
<h1><img src="../images/banniere.jpg" width="794" height="102"></h1>
<br class="clear" />
</div>
</div>

---

Ces 2 fichiers banniere.php3 et banniere.html doivent se trouver dans le répertoire squelette.
L'image de la bannière se trouve dans mon cas dans ../images/banniere.jpg.

Afin de la faire apparaître dans chaque squelette, vous devez insérer la ligne ci dessous:

---

<INCLURE(banniere.php3)><span> </span>

---

en haut entre <div id="Page"> et <div id="EntetePage?"> de chaque squelette html. Ce qui donne :

---

....
div id="Page">
<INCLURE(banniere.php3)><span> </span>
<div id="EntetePage?">
...

---

les fichiers squelettes (?) / insertion faite ici :

ET CA NE MARCHE PAS !!!! (plein message d'erreurs !!!)