Variations sur la dist : des clefs pour personnaliser son site - commentaires Ma Variations sur la dist - des clefs pour personnaliser son site 2008-02-14T09:58:27Z https://contrib.spip.net/Variations-sur-la-dist-des-clefs#comment403091 2008-02-14T09:58:27Z <p>Bonjour,</p> <p>juste pour signaler que <a href="http://www.cridupeuple.com" class="spip_out" rel='nofollow external'>ce site</a> est lui aussi une variation de la dist. Tout a commencé sur la 1.9 et se poursuit dorénavent sur la 1.9.2<sup class="typo_exposants">d</sup>.</p> <p>De nombreux plugins et quelques ajouts persos et manuelsplus tard, voilà le résultat.</p> <p>D'ailleurs, je cherche une bonne âme qui voudrait bien m'aider à transformer le menu déroulant en plugin pour que tout le monde puisse en profiter...</p> <p>Merci</p> Variations sur la dist - Le nouveau graphisme de la dist 2007-12-02T18:49:47Z https://contrib.spip.net/Variations-sur-la-dist-des-clefs#comment400763 2007-12-02T18:49:47Z <p>C'est juste histoire de signaler que la dist associé à SPIP 1.9.3 évolue fort bien en terme de graphisme (sans perdre ses qualités techniques bien au contraire). C'est visible dès à présent sur le site de Démo de SPIP en version SVN : <a href="http://demo.spip.org/svn/" class="spip_url spip_out" rel='nofollow external'>http://demo.spip.org/svn/</a>.</p> <p>C'est donc un site déjà très présentable qui est dorénavant disponible dès l'installation. Cela renforce encore plus l'intérêt de l'option de personnaliser petit à petit son site sur ces bases.</p> <p>@+ NicolasR</p> Variations sur la dist - des clefs pour personnaliser son site 2007-11-11T14:28:26Z https://contrib.spip.net/Variations-sur-la-dist-des-clefs#comment400104 2007-11-11T14:28:26Z <p>Il y a aussi le pugin Firefox <strong>Aardvark</strong>, plus simple : de la même façon, le conteneur sous le curseur est encadré en rouge,</p> <ul class="spip"><li> w => encadre le degré de conteneur supérieur ( conteneur du conteneur )</li><li> n => retour au niveau précédent <ul class="spip"><li>Dans le coin du conteneur : le marqueur ( « <i>p</i> » ou « <i>div, class : text_introduction</i> » par exemple )</li></ul></li></ul><ul class="spip"><li> v = view source : montre le source correspondant à la selection (dans un cadre et non dans une ligne comme le fait web developper )</li></ul> <p>D'autres commandes ( H = help affiche ou cache le menu ) sont utiles pour tester ses modifications ( avec l'éditeur css ) :</p> <ul class="spip"><li> r= remove : supprime la sélection</li><li> i= isolate : supprime tout sauf la sélection ( utile pour imprimer par exemple )</li><li> b= black-and-white,</li><li> c=colorize,</li><li> p=paste,</li><li> u=undo</li><li> q= quitte Aardvark, mais laisse la fenêtre de code ouverte.</li><li> etc..</li></ul> <p>Léger, rapide, simple et parfaitement lisible pour un mal_voyant comme moi<small class="fine d-inline"> </small>!</p> Variations sur la dist - un bel article à mettre en ligne sur SPIP-Contrib 2007-08-03T22:46:00Z https://contrib.spip.net/Variations-sur-la-dist-des-clefs#comment396684 2007-08-03T22:46:00Z <p>Salut Julien<br class="manualbr">ton article est exactement une des choses ce que j'espérais voir apparaitre en lançant cette rubrique et cet article ... accepterais tu de le placer sur SPIP-Contrib (propose le dans la présente rubrique). Si oui je pense qu'il pourrait intéresser beaucoup de monde et trouver ainsi un écho large.</p> <p>@+ NicolasR</p> Variations sur la dist - des clefs pour personnaliser son site 2007-08-03T22:37:12Z https://contrib.spip.net/Variations-sur-la-dist-des-clefs#comment396683 2007-08-03T22:37:12Z <p>J'ai finalement mis en ligne un synthèse de <a href="http://www.falconnet.fr/spip.php?article8" class="spip_out" rel='nofollow external'>mes notes sur la css de la dist</a>. Il y a notamment des schémas de composition à jour sur la 1.9.2b.</p> Variations sur la dist - des clefs pour personnaliser son site 2007-08-01T11:05:00Z https://contrib.spip.net/Variations-sur-la-dist-des-clefs#comment396607 2007-08-01T11:05:00Z <p>Je vous donne rapidement un résumé de mes découvertes :</p> <p>Je pars du principe qu'on peut diviser le html généré par la partie publique en 2 parties : <br>- ce qui est écrit dans les squelette (partie statique des patrons) <br>- ce qui est générés, par exemple par les boucles (partie dynamique des patrons)<br class="autobr"> En effet quand on écrit un squelette on peut décider que le texte sera dans un < div class="masuperclassecss"> mais les paragraphaphes du texte en question seront générés par une boucle qui mettra chaque paragraphe dans un < p class="spip">, chaque lien sera au choix un < a ... class="spip_out"> ou un < a ... class="spip_in"> etc...</p> <p>CSS :</p> <p><strong>spip_style.css</strong> : correspond au code généré par spip (sans doute le résultat des boucles<small class="fine d-inline"> </small>; hors squelette y compris DIST). Ce qui est défini dedans DOIT être défini pour avoir un affichage normalisé (on peut le redéfinir, mais faut que ce soit défini). Correspond à la partie dynamique.<br class="autobr"> <strong>habillage.css </strong> : correspond normalement à la partie squelette(statique), en pratique il redéfini quasiment tout ce qu'il y a dans spip_style. Comme il est appelé en dernier c'est lui qui a la priorité. Il définit en particulier tous les ids et classe de positionn-ement ( #entete, #contenu, # page, #pied,#encart,#contreencart etc..)</p> <p>HTML :</p> <p>J'ai trouvé 3 squelettes vraiment centraux : sommaire.html (la page d'accueil), rubrique .html (description d'une rubrique avec les liens vers les sous-rubriques et les articles), et article.html</p> <p>Après il y en a plusieurs qui me semblent importants : plan.html (la page de plan du site), forum.html (pour les commentaires), site.html (pour les sites référencés).</p> <p>Enfin, il y en a une foultitude de squelettes, j'en distinguerait 2 type : <br>- ceux qui correspondent à des pages que j'utilise pas (enfin je pense) dans mon site plutôt sommaire (mot.html, sommaire_texte.html etc). <br>- ceux qui sont fait pour être inclus dans d'autres squelette (en général ils commencent par inc-. Là aussi il y a ceux qui sont utilisés par mes pages (inc-entete, inc-head, inc-rubrique) et que je ne pense pas utiliser (inc-petition<small class="fine d-inline"> </small>?).</p> <p>Le « problème » avec la richesse de spip et de son DIST, c'est que des pans entiers sont complètement ignorable avec une utilisation basique de SPIP (rubrique, article) et rentre en ligne de cause quand on se met à ajouter des morceaux (breves, site, calendrier). Donc si on a pas bien préparé son coup, on se retrouve avec un calendrier tout moche qu'il faut mettre en cohérence avec notre charte bien établie pour les parties simples.</p> <p>En espérant avoir aidé un peu.</p> Variations sur la dist - des clefs pour personnaliser son site 2007-08-01T10:23:39Z https://contrib.spip.net/Variations-sur-la-dist-des-clefs#comment396606 2007-08-01T10:23:39Z <p>CTRL MAj Y c'est web developer (je peux plus m'en passer pour mes analyses de site web et je le recommande TRES fortement aux débutants CSS, ça vous fera gagner des semaines de lecture*).</p> <p>Je suis justement en train, d'essayer de mettre mes doigts dans la structure de la dist, pour essayer de me faire une idée claire de son organisation, je fais des schémas mais sur papier pour l'instant. Si ça intéresse vraiment quelqu'un je peux essayer de les faire pour le net...</p> <p>*Et essayez aussi le DOM inspector de Firefox, c'est le bonheur.</p> Variations sur la dist - des clefs pour personnaliser son site 2007-07-19T20:36:06Z https://contrib.spip.net/Variations-sur-la-dist-des-clefs#comment396137 2007-07-19T20:36:06Z <p>Je m'associe aux demandes précédentes sur la question de l'architecture générale du site et de la page sommaire...</p> Variations sur la dist - des clefs pour personnaliser son site 2007-07-14T18:12:35Z https://contrib.spip.net/Variations-sur-la-dist-des-clefs#comment396015 2007-07-14T18:12:35Z <p>Il existe un <strong> <i>plugin Firefox</i> </strong> qui fait cela très bien : là où se trouve le curseur, l'élément est encadré et le code correspondant mis en évidence dans une fenêtre de code</p> <p>Je ne sais plus lequel c'est mais la liste de mes plugins sur Firefox est la suivante :<br class="autobr"> <i>Web developper</i><br class="autobr"> <i>Xml developper</i><br class="autobr"> <i>Greasemonkey</i><br class="autobr"> <i>Firebug</i></p> <p>Je crois que c'est l'un de ces 2 derniers : dans la barre de menu ajouté par ce plugin, un <i>onglet «<small class="fine d-inline"> </small>css<small class="fine d-inline"> </small>»</i> et une commande</p> <blockquote class="spip"> <p>view style informations - Ctrl+Maj+Y</p> </blockquote> <p><strong>ouvre une fenêtre affichant le code css</strong>, encadre l'élément sous le curseur, un clic affiche dans la fenêtre css le code correspondant dans la feuille de style</p> Variations sur la dist - des clefs pour personnaliser son site 2007-06-21T20:37:43Z https://contrib.spip.net/Variations-sur-la-dist-des-clefs#comment395258 2007-06-21T20:37:43Z <p>je serai également preneur de la décomposition de la structure d'un site spip.</p> <p>Tel fichier de /dist fait quoi</p> Variations sur la dist - des clefs pour personnaliser son site 2007-06-20T20:43:29Z https://contrib.spip.net/Variations-sur-la-dist-des-clefs#comment395213 2007-06-20T20:43:29Z <p>Cette initiative m'intéresse, je sui moi-même très débutant sur SPIP, mais aussi en CSS.<br class="autobr"> Ne pourrait-on pas avoir un petit dessin indiquant quel type de bloc se trouve où sur les pages<small class="fine d-inline"> </small>?<br class="autobr"> Exemple : j'ai suivi le fil proposé, et je bute sur ce qu'est un contre-encart (et ce qu'est un encart).. Résultat : je suis incapable de comprendre la suite de cet article.<br class="autobr"> Le moteur de recherche de SPIP-Contrib donne 319 articles sur ce sujet ...<br class="autobr"> Merci.<br class="autobr"> Didier</p>