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... à+