TypoManiac - commentairesTypoManiac2015-08-17T19:16:27Zhttps://files.spip.org/TypoManiac#comment4833502015-08-17T19:16:27Z<p>Merci pour ce magnifique squelette, c'est ce que je cherchais depuis longtemps.<br class="autobr">
Je l'ai installé avec bonheur.<br class="autobr">
Y a-t-il un moyen d'utiliser, dans le sommaire, le logo d'un article comme image de fond pour le titre<small class="fine d-inline"> </small>?</p>TypoManiac2013-12-20T13:07:58Zhttps://files.spip.org/TypoManiac#comment4728752013-12-20T13:07:58Z<p>Bonjour davduf bonjour à tous,</p>
<p>j'ai inclu</p>
<p> </p>
<p>dans mon squelette<small class="fine d-inline"> </small>; j'ai bien la nav mais j'ai une page avec erreur 404 à la place du contenu PLUS la page elle-même.<br class="autobr">
le texte de l'erreur 404 vient de plugins/auto/typomaniac/v1.1.1/404.html</p>
<p>comme si la page contenait les squelettes typomaniac et les miens ...</p>
<p>donc double question<br class="autobr">
1- comment supprimer cette erreur 404<br class="autobr">
2- dois-je recopier le contenu de plugins/auto/typomaniac/v1.1.1/ quelque part ailleurs<small class="fine d-inline"> </small>? car si je modifié les squelettes dedans, le modif seront perdues lors d'une mise à jour</p>
<p>PS : vous l'aurez deviné je suis très novice en spip</p>TypoManiac2013-08-29T15:00:42Zhttps://files.spip.org/TypoManiac#comment4704452013-08-29T15:00:42Z<p>Merci pour votre réponse.</p>
<p>Tant pis pour la v3, j'essayerai de faire une mise à jour manuelle.</p>
<p>Pour le menu je voulais en fait savoir comment surcharger les fichiers du plugin menu pour que le menu principal soit généré avec le markup de bootstrap, notamment au niveau des sous-menus. J'ai réussi à afficher le premier niveau sans problème, en revanche pour les sous-menus je n'ai pas encore compris comment y arriver mais je suis sur que j'en viendrai à bout<small class="fine d-inline"> </small>;)</p>TypoManiac2013-08-29T11:36:37Zhttps://files.spip.org/TypoManiac#comment4704382013-08-29T11:36:37Z<p>Bonjour,</p>
<p>Vous pouvez ajouter le plugin Menus sans problème et l'ajouter dans le squelette.</p>
<p>Non, pas de m-a-j prévue pour Bootstrap 3.0, désolé<small class="fine d-inline"> </small>!</p>TypoManiac2013-08-29T08:31:54Zhttps://files.spip.org/TypoManiac#comment4704322013-08-29T08:31:54Z<p>Bonjour, tout d'abord merci pour ce squelette<small class="fine d-inline"> </small>!</p>
<p>J'ai deux questions : <br class="autobr"> - est-il possible d'avoir un menu déroulant dynamique (créé avec le plugin menus par exemple)<small class="fine d-inline"> </small>?<br class="autobr"> - envisagez-vous de mettre à jour le plugin avec la v3 de Bootstrap<small class="fine d-inline"> </small>?</p>
<p>Merci.</p>TypoManiac2013-04-17T15:55:31Zhttps://files.spip.org/TypoManiac#comment4672292013-04-17T15:55:31Z<p>Bonjour,</p>
<p>toujours autant séduite par le plug que l'on peut installer dans la racine de squelette comme un squelette à part entière.</p>
<p>Avez-vous tenté d'installer un slideshow<small class="fine d-inline"> </small>? J'ai récupérer le code Boostrap, bien ajouté hors commentaire le fichier js carousel. Impossible d'obtenir un effet glissé, le reste marche. J'ai beau tourner le css et html dans tous les sens rien (logique c'est le même), j'ai mis à jour le code js, rien non plus...</p>
<p>Merci :)</p>TypoManiac2013-04-03T13:28:36Zhttps://files.spip.org/TypoManiac#comment4667982013-04-03T13:28:36Z<blockquote class="spip">
<p>3° si j'osais , si je pouvais je modifierai bien ça dans le svn .</p>
</blockquote>
<p>Mais oui, oser, pouvoir, tout est recommandé<small class="fine d-inline"> </small>! Le svn est fait pour ça<small class="fine d-inline"> </small>!<br class="autobr">
Ce serait formidable.</p>TypoManiac2013-04-03T11:45:37Zhttps://files.spip.org/TypoManiac#comment4667902013-04-03T11:45:37Z<p>Hello,</p>
<p>1° erreur dans mon css ci dessus pour le .pricing_box : il faut margin:10px 0px<small class="fine d-inline"> </small>;<br class="autobr">
2° ces .pricing_box ne doivent pas aller à la ligne sans ajouter une ligne div class=«<small class="fine d-inline"> </small>row-fluid<small class="fine d-inline"> </small>», sinon on a une marge gauche qui décale tout. Csqce : à priori pas d'autre solution que de faire une boucle par ligne</p>
<p>‹BOUCLE_3articles(ARTICLES) <i>0,3</i>› ‹div class=«<small class="fine d-inline"> </small>span4 pricing_box<small class="fine d-inline"> </small>» etc.<br class="autobr">
‹BOUCLE_4articles(ARTICLES) <i>3,4</i>› ‹div class=«<small class="fine d-inline"> </small>span3 pricing_box<small class="fine d-inline"> </small>» etc.</p>
<p>3° si j'osais , si je pouvais je modifierai bien ça dans le svn ...<br class="autobr">
4° et pour répondre aussi à Teenoo et comme je le disais dans mon message précédent, ce serait sans doute bien possible d'avoir le bootstrap.css (à jour<small class="fine d-inline"> </small>;-) d'un côté, et un perso.css facilement modifiable pour personnaliser d'un autre côté (par exemple pour les .pricing_box dont je découvre que c'est en fait très simple à manipuler). Et mettre en option les effets slabtext qui ne plaisent pas à tous ...<br class="autobr">
Y a plus qu'à trouver le temps de s'y mettre<small class="fine d-inline"> </small>;-)</p>
<p>à++</p>
<p>François</p>TypoManiac2013-03-23T14:45:07Zhttps://files.spip.org/TypoManiac#comment4663892013-03-23T14:45:07Z<p>Bonjour Teenoo,</p>
<p>Ravi que le plug in vous plaise<small class="fine d-inline"> </small>!</p>
<p>Logiquement, ça devrait marcher tel quel.<br class="autobr">
Mais évenentuellement une permut de tous les CSS avec ceux de Boostrap serait une excellente idée.</p>
<p>Tenez-nous au courant<small class="fine d-inline"> </small>!</p>
<p>Merci encore</p>TypoManiac2013-03-22T08:26:52Zhttps://files.spip.org/TypoManiac#comment4663562013-03-22T08:26:52Z<p>Bonjour,</p>
<p>et merci pour cet excellent plugin. Je vois qu'il n'a pas été mis à jour depuis 7-8 mois, or Boostrap connait des améliorations régulières. Si je souhaite développer un site avec la dernière version, que dois-je changer<small class="fine d-inline"> </small>? faire une permut de tous les CSS avec ceux de Boostrap<small class="fine d-inline"> </small>? Pareil pour le js<small class="fine d-inline"> </small>? Autres choses<small class="fine d-inline"> </small>?</p>
<p>Merci pour la réponse :)</p>TypoManiac2013-01-24T16:00:27Zhttps://files.spip.org/TypoManiac#comment4647252013-01-24T16:00:27Z<p>(il serait peut être bien de scinder le perso.css en 2 : un perso.css avec des options faciles à modifier, taille, couleur, bandhaut (avec image ou photo, un truc comme ça <a href="http://blog.fr.twitter.com/" class="spip_url spip_out auto" rel="nofollow external">http://blog.fr.twitter.com/</a>), ... et un bootstrap.css compliqué à pas toucher. Je dis ça... perso, saurais-je<small class="fine d-inline"> </small>? mais pas le temps pour le moment)</p>
<p>j'ai (encore<small class="fine d-inline"> </small>!...) un peu modifié le perso.css :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>1° détail : les boites "pricing_box" (derniers articles en page d'accueil) se collaient au retour à la ligne, j'ai donc ajouté marging :
perso.css ligne 41 :
.pricing_box { -webkit-box-shadow: 5px 8px 0px 0px black;-moz-box-shadow: 0 8px 0px 0px #d3d3d3;box-shadow: 5px 8px 6px -6px #d3d3d3; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px; background:#e1e1e1; padding:10px 5px; margin:10px 5px; text-decoration: none;} 2° cherchant à réduire l'espace sous la barre de menu, j'ai lu sur "http://www.siteduzero.com/tutoriel-3-683140-bootstrap-de-twitter-un-kit-css-et-plus.html?pdf=1&all=1" qu'avec la v2.1 de bootstrap et navbar-static-top permet de fixer la barre en haut de la page en pleine largeur sans avoir à se soucier du padding
j'ai ajouté cette navbar-static-top un peu partout dans la perso.css (que je joins à ce post)
et du coup body { /* padding-top: 60px; 60px to make the container go all the way to the bottom of the topbar , inutile avec navbar-static-top v2.1*/
et dans nav.html <div classe="navbar navbar-static-top">
autre modif dans nav.html : sur smartphone je trouvais sympa d'avoir le champ Rechercher dans la barre de menu, je l'ai donc sorti de nav-collapse 3° modif donc pour le petit triangle dans les sous menu
/* debut petit triangle menu */
.navbar .nav > li > .dropdown-menu:before {
(...)
/* fin petit triangle menu */ 4° autres petites modif dont j' avoue sais plus pourquoi ni si ça a moindre utilité ...) .dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a { color: #ffffff; text-decoration: none; background-color: rgba(0,0,0,0.5);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; background-color: #0088cc; background-color: #0081c2; background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-repeat: repeat-x; outline: 0; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
} .dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover { color: #999999;
} .dropdown-menu .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent;
}
.open { *z-index: 1000;
}</code></pre></div>TypoManiac2013-01-17T21:03:00Zhttps://files.spip.org/TypoManiac#comment4645632013-01-17T21:03:00Z<p>Bonjour</p>
<p>Squelette très intéressant, mais je suis désolé, pour moi c'est horriblement compliqué à comprendre comment fonctionne la page sommaire.html. Je ne comprends pas pourquoi je tombe sur Titre et rubrique avec rien autour, et que mes articles apparaissent seulement en petit et en bas de page. Quant à la doc de Bootstrap, elle est en anglais et loin d'être claire...</p>
<p>Bref, effectivement un plugin bootstrap documenté en français ne serait pas du luxe, mais du coup je ne vais sans doute pas utiliser typomaniac faute de comprendre comment il fonctionne. Dommage<small class="fine d-inline"> </small>!</p>TypoManiac2012-09-27T16:47:52Zhttps://files.spip.org/TypoManiac#comment4615972012-09-27T16:47:52Z<p>Merci<small class="fine d-inline"> </small>!</p>
<p>Bien joué<small class="fine d-inline"> </small>!</p>TypoManiac2012-09-22T07:17:11Zhttps://files.spip.org/TypoManiac#comment4614232012-09-22T07:17:11Z<p>pour le petit détail graphique (pas de triangle supérieur dans les sous menus des listes déroulantes<small class="fine d-inline"> </small>!) il faut conserver (cf bootstrap.css) .nav > li > dans le perso.css :<br class="manualbr"><code class="spip_code spip_code_inline" dir="ltr">.navbar .nav > li > .dropdown-menu:before (after)</code> au lieu de seulement <br class="manualbr"><code class="spip_code spip_code_inline" dir="ltr">.navbar .dropdown-menu:before (after)</code> actuellement dans perso.css<br class="autobr">
sinon le petit triangle supérieur s'applique aux sous-menu.</p>
<p>ajouter cette exemple à /inclure/nav.html :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code><ul class="nav"> <li class="dropdown"> <a href="#"class="dropdown-toggle" data-toggle="dropdown">Menu5<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown-submenu"><a href="">MenuavecSousMenu</a> <ul class="dropdown-menu"> <li><a href="#">SousMenu</a></li> </ul> </li> </ul>
</ul></code></pre></div>TypoManiac2012-09-14T18:52:17Zhttps://files.spip.org/TypoManiac#comment4611942012-09-14T18:52:17Z<p>Merci pour l'astuce<small class="fine d-inline"> </small>!</p>
<p>Bonnes spiperies à toi<small class="fine d-inline"> </small>!</p>TypoManiac2012-09-14T18:43:12Zhttps://files.spip.org/TypoManiac#comment4611932012-09-14T18:43:12Z<p>La voie indiquée ci-dessus n'était (évidemment) pas la bonne (solution extérieur à bootstrap)<br class="autobr">
J'ai eu mon sous-menus sur des listes déroulantes ( Sub menus on dropdowns ) en modifiant le css perso.css ainsi : <br class="autobr">
télécharger bootstrap, <br class="autobr">
ajouter les lignes 2889 à 2924 de bootstrap.css sur perso.css entre :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px;
}</code></pre></div>
<p>et</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>.typeahead { margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;</code></pre></div>
<p>et ajouter la ligne 2821 « .dropdown-submenu:hover > a » de bootstap.css à perso.css aprés :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-submenu:hover > a {</code></pre></div>
<p>(plus qu'un petit détail graphique à résoudre ...)</p>TypoManiac2012-09-13T11:25:37Zhttps://files.spip.org/TypoManiac#comment4611422012-09-13T11:25:37Z<p>effectivement, aucun problème.<br class="autobr">
Alors un nouveau : <br class="autobr">
y a t-il moyen de créer des « Sub menus on dropdowns » dans le menu<small class="fine d-inline"> </small>?<br class="autobr">
Cela semble possible (fonctionne dans l'<a href="http://twitter.github.com/bootstrap/components.html#dropdowns" class="spip_out" rel='nofollow external'>exemple</a> ) <br class="autobr">
Cela fonctionne sur cette page <a href="http://blo.ouvaton.org/plugins/auto/typomaniac/v1.1.1/submenu.html" class="spip_url spip_out auto" rel="nofollow external">http://blo.ouvaton.org/plugins/auto/typomaniac/v1.1.1/submenu.html</a> , en ajoutant un js/script.js et un css inclu (trouvé sur le net).<br class="autobr">
Mais en supprimant ce css inclu et en l'ajoutant dans le css perso.css ligne 2877 à 2914 (aïe<small class="fine d-inline"> </small>! aïe<small class="fine d-inline"> </small>! oui je sais faut pas), ça marche plus.<br class="autobr">
Ma tentative est-elle vouée à l'échec<small class="fine d-inline"> </small>? (cela semble un problème difficile en tout cas ...)</p>TypoManiac2012-09-08T22:17:13Zhttps://files.spip.org/TypoManiac#comment4610432012-09-08T22:17:13Z<p>Aucun problème pour les colonnes.<br class="autobr">
Regardez bien les rubrique.html / article.html, il suffit d'enlever les colonnes...</p>
<p>Bonne chance<small class="fine d-inline"> </small>!</p>TypoManiac2012-09-08T19:52:33Zhttps://files.spip.org/TypoManiac#comment4610402012-09-08T19:52:33Z<p>c'est fait, j'ai ... Quel C...! <br class="autobr">
Le Pb venait d'une css perso et d'un modele article.htm envoyé par erreur dans le dossier squelettes de spip .</p>
<p>Merci beaucoup de votre réponse et de ce classe plugin, je peux continuer.<br class="autobr">
On peut bien modifier les modèles ariane.html, rubrique.html, articles.html etc. de typomaniaque à notre goût sans incidences catastrophiques<small class="fine d-inline"> </small>? <br class="autobr">
J'aimerai n'avoir qu' une colonne, ou 2 pour les rubriques, reduire la colonne de gauche, c'est possible sans toucher aux css<small class="fine d-inline"> </small>?</p>TypoManiac2012-09-08T13:20:07Zhttps://files.spip.org/TypoManiac#comment4610362012-09-08T13:20:07Z<p>Bon, j'ai quand même l'impression que vous avez joué avec les CSS.<br class="autobr">
Pouvez vous TOUT remettre :
<br>- css de Typomaniac
<br>- css de squelette-dist</p>
<p>Ce que je vois, c'est que les articles s'affichent mais « oublient » la marge.</p>
<p>Avez-vous bien un SPIP 3+<small class="fine d-inline"> </small>?</p>TypoManiac2012-09-08T06:31:49Zhttps://files.spip.org/TypoManiac#comment4610262012-09-08T06:31:49Z<p>Bonjour, <br class="autobr">
non je n'ai pas touché aux css (par acquis de conscience tout remis d'origine).<br class="autobr">
j'ai commencé par modifier sommaire.html et inclure/nav.html comme dit nécessaire.<br class="autobr">
j'ai continué avec les modèles ariane.html rubrique.html pour des détails (maison/accueil) sans problème.<br class="autobr">
j'ai continué avec article.html et là surprise, rien<small class="fine d-inline"> </small>! je peux tout effacer dans ce modèle <body> RIEN </body> <br class="autobr">
résultat : aucune modif'<small class="fine d-inline"> </small>?!...</p>
<p>(ce que je veux faire<small class="fine d-inline"> </small>? un site pour mon assoc' dont l'objet est de veiller à la préservation et l'entretien des massifs d'escalade de la forêt de Fontainebleau. Que TypoManiac soit adapté au mobile est très intéressant pour nous : photos prises sur le terrain envoyées géoréférencées directement sur le site web de l'assoc serait un de nos objectifs)</p>TypoManiac2012-09-07T20:03:42Zhttps://files.spip.org/TypoManiac#comment4610252012-09-07T20:03:42Z<p>Bonjour,</p>
<p>Visiblement, vous avez touché aux CSS. Mieux vaudrait pas ,-)<br class="autobr">
Que voulez-vous faire<small class="fine d-inline"> </small>?</p>TypoManiac2012-09-07T17:32:28Zhttps://files.spip.org/TypoManiac#comment4610242012-09-07T17:32:28Z<p>Bonjour, <br class="autobr">
je l'ai installé : <a href="http://blo.ouvaton.org/" class="spip_url spip_out auto" rel="nofollow external">http://blo.ouvaton.org/</a> ,<br class="autobr">
remarqué une toute petite erreur : y avait toujours écrit « Pas utilisés » en bas de page, c'est à cause d'un « - » manquant dans footer-scripts.html<br class="autobr">
à part ça je comprend, rien<small class="fine d-inline"> </small>! <br class="autobr">
Le « Seul travail nécéssaire à accomplir » est-il vraiment de modifier _seulement_ « les pages sommaire.html et inclure/nav.html en fonction de vos besoins et de vos goûts »<small class="fine d-inline"> </small>? j'ai vainement tenté de modifier les modèles articles rubriques etc., sans aucun effet<small class="fine d-inline"> </small>!?... <br class="autobr">
faut pas<small class="fine d-inline"> </small>? <br class="autobr">
(idem pour les css (c'est sur Boostrap que ça se passe)<small class="fine d-inline"> </small>? <br class="autobr">
en excusant mon ignorance crasse.</p>TypoManiac2012-08-12T08:52:02Zhttps://files.spip.org/TypoManiac#comment4601762012-08-12T08:52:02Z<p>après ce genre de petite corrections debug, le mieux est de changer le z du numéro de version dans le paquet.xml (et pas le y, contrairement à mon message de commit)</p>
<p><a href="http://zone.spip.org/trac/spip-zone/changeset/64725" class="spip_url spip_out auto" rel="nofollow external">http://zone.spip.org/trac/spip-zone/changeset/64725</a></p>TypoManiac2012-08-12T07:19:48Zhttps://files.spip.org/TypoManiac#comment4601702012-08-12T07:19:48Z<p>Merci bien<small class="fine d-inline"> </small>!<br class="autobr">
Super<small class="fine d-inline"> </small>!</p>
<p>D.</p>TypoManiac2012-08-11T22:19:23Zhttps://files.spip.org/TypoManiac#comment4601662012-08-11T22:19:23Z<p>Bon, ok, c'est cel' qui l'dit qui y yeah :)</p>
<p><a href="http://zone.spip.org/trac/spip-zone/changeset/64719" class="spip_url spip_out auto" rel="nofollow external">http://zone.spip.org/trac/spip-zone/changeset/64719</a></p>TypoManiac2012-08-11T17:45:14Zhttps://files.spip.org/TypoManiac#comment4601522012-08-11T17:45:14Z<p>Merci d'avance touti ,-)</p>TypoManiac2012-08-11T14:09:56Zhttps://files.spip.org/TypoManiac#comment4601502012-08-11T14:09:56Z<p>normalement c'est interprété correctement par tout les navigateurs respectueux des spécifications css récentes (donc tous, sauf les vieux IE).</p>
<p>Je pense que tu peux commiter</p>TypoManiac2012-08-11T13:35:18Zhttps://files.spip.org/TypoManiac#comment4601492012-08-11T13:35:18Z<p>Coucou, c'est super et ça manquait tellement, merci bien<small class="fine d-inline"> </small>!</p>
<p>Pour qu'ici <a href="http://www.davduf.net/SPIP-pour-les-debutants" class="spip_url spip_out auto" rel="nofollow external">http://www.davduf.net/SPIP-pour-les-debutants</a><br class="autobr"> la photo de l'écureuil sous firefox ne soit pas déformée en hauteur, j'ai ajouté</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>.thumbnail > img { height: auto;
}</code></pre></div>
<p>mais je ne commit pas ne sachant pas la réaction des autres navigateurs.</p>
<p>++</p>TypoManiac2012-08-11T11:56:40Zhttps://files.spip.org/TypoManiac#comment4601462012-08-11T11:56:40Z<p>Merci<small class="fine d-inline"> </small>! Je vais le tester.</p>TypoManiac2012-08-11T09:03:00Zhttps://files.spip.org/TypoManiac#comment4601422012-08-11T09:03:00Z<p>un oubli de ma part avant la publication de l'article. le zip est désormais joint</p>TypoManiac2012-08-11T08:41:36Zhttps://files.spip.org/TypoManiac#comment4601412012-08-11T08:41:36Z<p>Joli squelette. Ne serais-t-il pas utile de proposer un .zip<small class="fine d-inline"> </small>?</p>