MiniGriSpip

Bonjour Marlene.N,

Pour bien d�buter dans tout ce qui est HTML, CSS, PHP et tous les langages informatiques, je te conseille de te faire un sch�ma avant de commencer � modifier ...

Pour ton soucis, je te propose la solution suivante :
Il te faut cr�er un nouveau bloc, comme ceci :

<div id="nom_bloc_de_droite">

</div>

Entre les balises "<div id"">" et "</div>", tu rajoutes les codes d�j� existants du calendrier et des statistiques ce qui devrait te donner ceci :

<div id="NOM_BLOC_DROIT">

<!-- Bloc calendrier -->
<div class="mgs_menu">
    <div class="mgs_picto mgs_picto_cal"></div>
    <ul class="general">
        <li class="mgs_menu_titre"><:mgs_calendrier:></li>
    </ul>
    <div class="mgs_menu_cal">
        [(#DATE|cal_site)]
    </div>
</div>


<!-- Bloc d'infos et statistiques du site -->
<!-- Code librement inspire du squeltte Sarka-Spip <http://sarka-spip.com/> -->
<div class="mgs_menu">
    <div class="mgs_picto mgs_picto_inf"></div>
    <ul class="general">
        <li class="mgs_menu_titre"><:mgs_infos:></li>
        <li class="mgs_vide"></li>
        <BOUCLE_der_modif(RUBRIQUES){age>=0}{par date}{inverse}{0,1}>
        <li class="mgs_menu_infos"><em><:mgs_der_modif:></em><br />
        <strong><:mgs_le:>[(#DATE|nom_jour)] [(#DATE|affdate)]</strong></li>
        </BOUCLE_der_modif>
        <li class="mgs_menu_infos_sep"></li>
        <li class="mgs_menu_infos"><em><:mgs_stats_contenus:></em><br />
        <B_articles_tout> <BOUCLE_articles_tout(ARTICLES){tout}> </BOUCLE_articles_tout>
            <:mgs_articles_nbr:><strong>#TOTAL_BOUCLE</strong>&nbsp;-&nbsp;
        </B_articles_tout>
        <B_breves_tout> <BOUCLE_breves_tout(BREVES){tout}> </BOUCLE_breves_tout>
            <:mgs_breves_nbr:><strong>#TOTAL_BOUCLE</strong><br />
        </B_breves_tout>
        <B_commentaires_tout> <BOUCLE_commentaires_tout(FORUMS){tout}> </BOUCLE_commentaires_tout>
            <:mgs_commentaires_nbr:><strong>#TOTAL_BOUCLE</strong><br />
        </B_commentaires_tout>
        <B_sites_tout> <BOUCLE_sites_tout(SITES){tout}> </BOUCLE_sites_tout>
            <:mgs_sites_nbr:><strong>#TOTAL_BOUCLE</strong>&nbsp;-&nbsp;
        </B_sites_tout>
        <B_auteurs_tout> <BOUCLE_auteurs_tout(AUTEURS){tout}> </BOUCLE_auteurs_tout>
            <:mgs_auteurs_nbr:><strong>#TOTAL_BOUCLE</strong>
        </B_auteurs_tout>
        </li>
        <li class="mgs_menu_infos_sep"></li>
        <li class="mgs_menu_infos"><em><:mgs_stats_visites:></em><br />
            <:mgs_visites_aujourdhui:><strong><:mgs_visit_today|visites_site:></strong>&nbsp;-&nbsp;
            <:mgs_visites_total:><strong><:mgs_visit_all|visites_site:></strong>
        </li>
    </ul>
</div> <!-- /menu -->

</div>

Le probl�me, c'est que je ne sais pas si tu as modifi� quelques bout de codes sur le calendrier ou les statistiques et si j'ai bien la m�me version que toi du squelette.
Quoiqu'il en soit, la premi�re partie est faite.

Maintenant, attaquons-nous au CCS :

Il faut ouvrir le fichier "mgs_style.css" (ou le fichier CSS que tu as).

Quelque part entre le d�but et la fin, il te faut rajouter ceci :

/* bloc droit */
#nom_du_bloc {
    width: 228px;
    margin: 0px;
    top: 190px;
}

Mais puisque tu as modifi� la taille du squelette, je ne sais pas quelles sont les valeurs � utiliser ...

Si je ne suis pas clair dans mon explication, merci de me le faire savoir

Cordialement,

Sebasalex

j'y arrive pas...
y'a trop de bugs....
parce que il faut changer tous les fichiers html...pour faire apparaitre mon nouveau bloc...
je me suis inspir�e de mgs_navigation pour cr�er mgs_menudroite dans lequel j'ai coup� coller tout, bloc calendrier et bloc infos sites...
mais �a le fait pas quand m�me...et y'a beaucoup de choses � changer dans le css...
je crois que je vais laisser tomber mes essais pour aujourd'hui   

merci d'avoir r�pondu quand m�me

Bonjour Marlene

D�s le d�part, j'ai voulu que MiniGriSpip soit un squelette relativement accessible aux d�butants, que j'�tais moi-m�me au d�but de ce projet.

Malheureusement, comme il arrive souvent lorsqu'on cherche � am�liorer un projet en lui ajoutant des nouvelles fonctionnalit�s, il se trouve que le squelette est devenu de plus en plus compl�xe au fil de versions, il se peut donc que certains choses restent plus difficiles � aborder et � comprendre lorsqu'on d�bute avec Spip et, d'autant plus difficiles, si on d�bute �galement avec le Html et les Css...

En tout cas, on �prouve souvent une grande satisfaction, quelque soit notre niveau, lorsqu'on arrive � r�liser ce qu'on avait envie de faire, et je suis toujours tr�s heureux d'apprendre que des utilisateurs relativement novices arrivent quand-m�me � personnaliser le squelette...

Enfin, Marlene, ce qui serait sympa, c'est que tu commentes, en quelques mots, ce que tu as fait, finalement, pour r�ussir � r�aliser ton id�e, afin que d'autres utilisateurs puissent, � leur tour, profiter de ton exp�rience et apprendre � faire la m�me chose...

Voil�... bonne continuation et � bient�t

Bonjour Rems

rems a �crit:

Je n'aime pas le plugin habillages pour SPIP qui permet la gestion de mod�les : on s'y perd et au bout du compte on perd l'usage du squelette qui correspond � un besoin.

En effet, disons que les plugins qui permettent de changer d'habillage graphique ou, encore mieux, ceux qui permettent de choisir diff�rents squelettes � la vol�e, posent effectivement le probl�me de la non d�finition du type de site qu'on souhaite pr�senter et utiliser.

Les squelettes ne se distinguent pas uniquement par leur aspect graphique, chaque squelette est normalement imagin� et con�u pour un type d'utilisation, plus ou moins sp�cifique ou cibl�, mais en tout cas chaque squelette ne peut pas s'adapter correctement � tous les types d'utilisations.

D'ailleurs, certains squelettes adoptent une "philosophie" bien d�finie et en tout point coh�rente avec le type d'utilisation choisie.

Par exemple, un squelette con�u essentiellement pour �tre utilis� sur des sites de type "portail", sera bien moins � l'aise dans une utilisation de type "blog", et ceci ne tient pas uniquement � l'aspect graphique, mais aussi aux fonctionnalit�s propos�es, � l'architecture des contenus, aux choix typographiques, etc.

Donc, en conclusion, l'id�al est de bien d�finir son propre besoin, puis ensuite aller piocher parmi les nombreux squelettes existants ceux qui s'adaptent le mieux � l'utilisation choisie, et ne pas s'arr�ter uniquement � l'aspect graphique, sachant que c'est souvent la partie la plus simple et rapide � personnaliser en cas de besoin.

Je crois Rems que sur ce sujet nous partageons en effet un point de vue tr�s semblable...

�+

Bonjour Ethos

Je ne sais pas si j'ai bien compris ce que tu souhaite faire, dans tous les cas, si tu cherches � afficher une image sur l'ensemble des pages du site, j'ai peur qu'il faille justement faire la modification sur tous les fichiers principaux du squelette, � savoir : "404.html", "article.html", "auteur.html", "breve.html", "calendrier.html", "forum.html", "mot.html", "plan.html", "recherche.html", "rubrique.html" et "sommaire.html".

Pour pouvoir visualiser les modifications en travaillant en local, il faut installer une version de Spip sur ton poste de travail puis faire les diff�rentes manipulations en contr�lant au fur et a mesure, en vidant le cache de Spip � chaque modification pour qu'elle s'affiche correctement...

Sur le site de la documentation de Spip, je pense que tu trouveras les explications n�cessaires pour installer le logiciel en local...

Pour revenir � ta question, je n'ai pas bien compris o� tu souhaites exactement afficher ton image, mais, sans avoir � modifier tous les fichier cit�s plus haut, tu peux peut-�tre utiliser une image de fond directement r�gl� dans la feuille de style... un truc du genre :

.blocMgs {
    background-image: url(chemin/de/mon/image.jpg); 
    background-position: center 0px; 
    background-repeat: no-repeat; 
    background-attachment: scroll; 
}

Tu r�gles les valeur des attributs selon tes besoins, mais, �videmment, il faut trouver quel est exactement l'objet "blocMgs" du squelette qui convient le mieux... peut-�tre tout simplement un nouveau bloc-menu dans le fichier "inc-menu.html" ? 

Voil�... pas mieux pour le moment... tiens-nous au courant Stp... �+

Bonjour Ethos

Ok ok, je comprends mieux maintenant... 

Bon, voici ce que je te propose de tenter (pas test�, juste � l'intuition ) :

1. �dite le fichier Html nomm� "inc-bandeau.html" qui se trouve dans le dossier "inc"

2. Tout au d�but, avant les premi�res balises Html, place le bout de code suivant :

<div style="width: 80px; height: 15px; position: absolute; top: 0px; right: 0px; background-image: url(monimage.gif); background-position: 0px 0px; background-repeat: no-repeat; display: block; z-index: 100;"> </div>

3. �videmment, il faut que tu adaptes les dimensions du bloc selon tes besoins (les dimensions de l'image en principe). Ici deux choses qui peuvent avoir leur influence, suivant les navigateurs, sont les attributs "display" et "z-index", � tester pour v�rifier leur int�r�t dans ton cas de figure...

4. Comme d'hab, vide le cache de Spip avant de recharger les pages...

Voil�... j'esp�re que cette piste te sera utile... tiens-nous au courant Stp... �+

PS. Moi aussi je travail sur Mac avec Mamp

Ethos,

J'ai oubli� de te dire qu'il faut faire attention au chemin d'acc�s vers l'image, Spip est assez d�concertant pour �a... je te conseil de placer ton image dans le dossier "images" du dossier du squelette, puis d'utiliser la syntaxe suivante sur le bloc "div" pr�c�dent :

<div style="width: 80px; height: 15px; position: absolute; top: 0px; right: 0px; background-image: url([(#CHEMIN{images/monimage.gif})]); background-position: 0px 0px; background-repeat: no-repeat; display: block; z-index: 100;"> </div>

Au fait, au lieu de mettre l'adresse de l'image en dur (et se tromper la plupart du temps, ce qui m'est arriv� suffisamment souvent pour le savoir), laisse � Spip le soin de calculer le chemin d'acc�s vers le fichier image avec la balise "#CHEMIN" dont c'est le r�le, indique juste le dossier et le nom de l'image, la balise fera le reste lors du calcul de la page...

Petit dernier d�tail, cette solution ne fonctionnera �videmment pas dans la feuille de styles, c'est pourquoi il vaut mieux utiliser des styles en ligne pour ce genre d'utilisations (et puis, cette m�thode assure une meilleure compatibilit� avec les diff�rents navigateurs, enfin, selon mon exp�rience)...

Voil�... tiens-nous au courant Stp... �+