Article sur 2 colonnes - commentairesArticle sur 2 colonnes2016-09-21T21:53:05Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4890872016-09-21T21:53:05Z<p>Bonsoir,</p>
<p>J'aime beaucoup ce petit bout de code qui me sert sur quelques sites, j'utilise la méthode css…<br class="autobr">
Je la préfère aux colonnes CSS3 car ça permet d'enchaîner les colonnes exactement où l'on veut, contrairement aux colonnes CSS3 qui ne laissent pas la main sur le changement de colonne.</p>
<p>Depuis SPIP 3.1.1 j'ai un petit souci car les 5 tirets sont désormais interprétés comme une ligne de séparation. J'ai donc remplacé les 5 tirets par 5 + et ça fonctionne très bien.</p>
<p>Mon problème est que ces 5 + apparaissent dans les extraits d'articles pour les listes d'articles. Il m'arrive d'avoir des images dans la colonne de gauche, qui ne ressortent donc pas dans les extraits, et alors immédiatement on a les + suivis de la seconde colonne… Et pourtant les 5 tirets n'apparaissaient pas, eux…</p>
<p>Je n'ai pas trouvé de solution, les filtres comme replace ou match associés à la balise #INTRODUCTION font tout disparaître, pas seulement les + mais le paragraphe entier. Si quelqu'un peut m'aider à créer le filtre qui n'enlèverai que cette suite de caractère, ça me sauverait la vie<small class="fine d-inline"> </small>;-p<small class="fine d-inline"> </small>!</p>
<p>D'avance merci,<br class="autobr">
Karen</p>Article sur 2 colonnes2016-02-16T09:00:26Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4859392016-02-16T09:00:26Z<p>On peut maintenant résoudre le problème directement en CSS<br class="autobr">
<a href="http://www.alsacreations.com/tuto/lire/1557-les-multicolonnes-en-css3.html" class="spip_url spip_out auto" rel="nofollow external">http://www.alsacreations.com/tuto/lire/1557-les-multicolonnes-en-css3.html</a></p>Article sur 2 colonnes2015-05-16T11:40:57Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4819842015-05-16T11:40:57Z<p>Petite amélioration de la fonction qui permettra d'ajouter dynamiquement une class différente pour vos colonnes.</p>
<p>Balises (largeur 25% ou passer vos propres paramètres) :</p>
<p><code class="spip_code spip_code_inline" dir="ltr">[(#TEXTE*|afficher_en_colonnes{25}|propre)]</code></p>
<p>Style (vos différentes class css) :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>/* Faite passer 25 dans le paramètre de la balise pour avoir des colonnes de 25% */ div.buzz span.colonnes-25 { float: left; text-align: justify; width: 25%; padding: 3%;
} /* Faite passer 50 dans le paramètre de la balise pour avoir des colonnes de 50% */ div.buzz span.colonnes-50 { float: left; text-align: justify; width: 50%; padding: 3%;
}</code></pre></div>
<p>Fonction (ajout de la variable $colum) :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>function afficher_en_colonnes_css($texte,$column) { $page = explode('-----', $texte); $num_pages = count($page); $resultat = ""; for ($i = 0; $i < $num_pages; $i ) { $resultat .= "<div class="buzz"><span class="colonnes-$column">".$page[$i]."</span></div>"; } $resultat .= ""; return $resultat;
}</code></pre></div>
<p>Julien.</p>Article sur 2 colonnes2015-05-16T11:18:34Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4819832015-05-16T11:18:34Z<p>Le retour chariot ne règle pas mon problème, car le premier paragraphes avant même les 5 tirets est aussi altéré. J'ai toujours, pour schématiser :</p>
<div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code><ma_colonne1> paragraphe sans balise <p>paragraphe avec balise</p> <p>paragraphe avec balise</p>
</ma_colonne1_fin> <ma_colonne2> paragraphe sans balise <p>paragraphe avec balise</p> <p>paragraphe avec balise</p>
</ma_colonne2_fin></code></pre></div>
<p>J'ai résolu mon problème en plaçant une ouverture de paragraphe dans le <code class="spip_code spip_code_inline" dir="ltr">$resultat</code> de la fonction, juste après l'ouverture du span :</p>
<p><code class="spip_code spip_code_inline" dir="ltr">$resultat .= "<div class=\"buzz\"><span class=\"colonnes\"><p>".$page[$i]."</span></div>";</code></p>
<p>Julien</p>Article sur 2 colonnes2015-05-15T16:59:16Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4819772015-05-15T16:59:16Z<p>En fait, chez moi il suffit de faire un retour chariot après les 5 tirets pour que les colonnes démarrent toutes à la même hauteur.</p>Article sur 2 colonnes2015-05-12T00:16:11Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4819112015-05-12T00:16:11Z<p>Petit soucis.</p>
<p>Le code semble faire sauter les balises <code class="spip_code spip_code_inline" dir="ltr"><p>...</p></code> du premier paragraphe de chaque colonne.</p>
<p>Comment faire pour les récupérer<small class="fine d-inline"> </small>?</p>Article sur 2 colonnes2014-05-27T22:06:54Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4755772014-05-27T22:06:54Z<p>Bon sang, mais ça marche<small class="fine d-inline"> </small>! Dans mes tentatives, j'avais juste oublié de donner une largeur suffisante à la page<small class="fine d-inline"> </small>!</p>
<p>Merci, un peu tard aussi...</p>Article sur 2 colonnes2014-03-14T21:46:02Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4743872014-03-14T21:46:02Z<p>Je réponds forcément un peu tard ...<br class="autobr">
Au vu du code que j'ai lu, le php découpe le texte en auttant de colonnes que tu veux<small class="fine d-inline"> </small>!<br class="autobr">
Peut être que cela t'aura été utile ....</p>Article sur 2 colonnes2014-01-10T15:44:05Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4731892014-01-10T15:44:05Z<p>Bonjour,</p>
<p>Je développe un site avec un défilement horizontal pour afficher des galeries d'images. Parfois il y a tout de même du texte et les 2 colonnes sont alors très utiles. La coupure volontaire est très bien, car cela permet de traiter les 2 colonnes bien mieux qu'un automatisme qui pourrait provoquer des veuves et des orphelines.</p>
<p>Du coup, avec mon développement horizontal, je verrais bien la possibilité d'avoir un nombre de colonnes «<small class="fine d-inline"> </small>infini<small class="fine d-inline"> </small>», c'est à dire une nouvelle colonne à chaque fois qu'on met 5 traits<small class="fine d-inline"> </small>!</p>
<p>Mais je ne maitrise pas du tout php. <br class="autobr">
Voilà, voilà...</p>Article sur 2 colonnes2012-03-04T12:03:05Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4550372012-03-04T12:03:05Z<p>On attend avec impatience et reconnaissance<small class="fine d-inline"> </small>!</p>Article sur 2 colonnes2011-12-24T12:05:09Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4530772011-12-24T12:05:09Z<p>Bonjour...<br class="manualbr">J'arrive peut-être un peu tard... Quoique, je viens de cliquer sur le site il et toujours sur une colonne....</p>
<p>Voilà ma solution "provisoire.. un peu de bon vieux html dans le squelette sommaire.html. (dans le « bloc-contenu »)</p>
<div class="precode"><pre class="spip_code spip_code_block language-spip" dir="ltr" style="text-align:left;" data-language="spip"><code><table border=0 cellspacing=5 cellpadding=5 width=100%>
<tr>
<td valign=bottom width=60%> <!---- colonne de gauche: j'y mets un ou des articles d'éditorial (repérés par un mot clef) ----> <INCLURE{fond=inc/inc-sommaire-edito}{lang}{self=#SELF}>
</td>
<td valign=bottom width=40%> <!---- colonne de droite : j'y mets la liste des articles récents avec les premières lignes de chaque article----> <INCLURE{fond=inc/inc-sommaire-articles}{lang}{self=#SELF}>
</td>
</tr>
</table></code></pre></div>
<p>On peut bien sûr mettre directement ses boucles dans le squelette, mais cette solution est plus élégante.</p>
<p>Cela implique aussi de modifier (dans le fichier de style) la largeur de l'ensemble .. (au moins 950 pixels sinon, les 2 colonnes seront trop étroites si on conserve la 3° colonne de droite existante)</p>
<p><i>Je réfléchis à une solution encore plus élégante en CSS (en appelant pour ce squelette des divisions à l'intérieur du bloc-contenu), mais je me suis heurté pour le moment aux incompatibilités de IE.... donc je laisse en l'état... mais si quelqu'un a une solution, je suis preneur<small class="fine d-inline"> </small>!!!</i></p>Article sur 2 colonnes2010-08-21T20:51:35Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4335322010-08-21T20:51:35Z<p>Salut...</p>
<p><u>C'est sur le <strong>sommaire.html</strong></u> et <strong>NON article.html</strong> que je suis intéressé par les 2 COLONNES. <br class="autobr">
Comme le montre la présentation (image) de l'accueil, c'est le sommaire pour qui c'est mieux présentable de mettre 2 colonnes.</p>
<p>Je cherche toujours le bout de script... Et l'emplacement exact où le mettre.</p>Article sur 2 colonnes2010-04-27T07:06:19Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4298412010-04-27T07:06:19Z<p>Bonjour.</p>
<p>Je suis intéressé par la présentation des articles de la page d'accueil sommaire.html, en 2 colonnes, ET NON les articles entier sur leur page publique.</p>
<p>Comme vous le savez, en original la présentation des articles est un alignement : un après l'autre sous forme de liste avec le dernier publié en haut.</p>
<p>Je suis avec SPIP 1.9.1 et vraiment novice et « bidouilleur » avec des bouts de script. J'interviens avec Dreamveawer.</p>
<p>Mon modeste site est POPULI-SCOOP url : <a href="http://www.argotheme.com/organecyberpresse/" class="spip_url spip_out auto" rel="nofollow external">http://www.argotheme.com/organecyberpresse/</a></p>
<p>Capture d'écran en image ci-jointe</p>
<p>Merci d'avance.</p>Article sur 2 colonnes2009-09-19T23:03:08Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment4207242009-09-19T23:03:08Z<p>Bonjour,</p>
<p>Comme cette fonction a l'air de fonctionner sous toutes les versions de SPIP, je l'essaye donc sous la 2.0.9. Or, il s'avère que je ne parviens pas à faire fonctionner la bête. J'ai droit à un beau cadre Erreur : filtre «<small class="fine d-inline"> </small>afficher_en_colonnes<small class="fine d-inline"> </small>» non défini sur la page article. <br class="autobr">
Or, dites moi si je me trompe, je prends le code tel qu'il est et je le place dans un fichiers mes_fonctions.php dans le répertoire de mon squelette. Est bien ça<small class="fine d-inline"> </small>?</p>
<p>Merci d'avance pour vos réponses.</p>
<p>Honorius</p>Article sur 2 colonnes2007-03-24T19:53:07Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment3923852007-03-24T19:53:07Z<p>Salut<small class="fine d-inline"> </small>!</p>
<p>Ce filtre n'est pas conçu à l'origine pour la mise en page en 2 colonnes d'une page plan d'un site sous SPIP mais plutôt pour une page article voir même une page rubrique incluant un article ...</p>
<p>Pour faire une mise en page de ta page plan il va falloir jongler plus sur les définitions de tes boucles et un peu de css pour faire apparaître ça sur 2 colonnes<small class="fine d-inline"> </small>!</p>Article sur 2 colonnes2007-03-24T16:09:08Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment3923802007-03-24T16:09:08Z<p>Bonjour</p>
<p>C'est la page plan.html que je voudrais mettre en deux colonnes<br class="autobr">
alors je N'ai nulle part #TEXTE</p>
<p>donc je ne sais pas où appliquer le filtre<small class="fine d-inline"> </small>!</p>
<p>Comment puis-je faire<small class="fine d-inline"> </small>?</p>
<p>Merci<small class="fine d-inline"> </small>!</p>
<p>b.poiraud@wanadoo.fr</p>> oui mais2006-12-23T20:44:55Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment3898852006-12-23T20:44:55Z<p>As tu réussi à créer ce filtre miracle<small class="fine d-inline"> </small>?<br class="autobr">
Si oui, je suis intérressé<small class="fine d-inline"> </small>!</p>Article sur 2 colonnes2006-03-31T18:52:12Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment3858352006-03-31T18:52:12Z<p>Salut<small class="fine d-inline"> </small>!</p>
<p>Non je n'ai pas cherché à faire ce genre de modifications.</p>Article sur 2 colonnes2006-03-31T13:22:48Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment3858312006-03-31T13:22:48Z<p>N'y a t il pas moyen d'éviter les 5 tirets<small class="fine d-inline"> </small>? et que le texte se divise automatiquement<small class="fine d-inline"> </small>?</p>
<p>Si je mets 5 tirets « trop tôt » par exemple, dans la colonne de gauche j'aurais un blanc qui pourrait paraître inoportun alors que la colonne de droite irait bien jusqu'au bout de ma page...</p>Article sur 2 colonnes2006-02-15T21:35:17Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment3854312006-02-15T21:35:17Z<p>Je précise que <a href="http://forum.spip.org/threadspip2015-2998.htm#3217" class="spip_out" rel='nofollow external'>ma proposition de solution</a> était elle-même inspirée de <a href='https://contrib.spip.net/Decouper-un-article-en-plusieurs' class="spip_in" rel='nofollow'>Découper un article en plusieurs pages</a>.</p>Article sur 2 colonnes2005-11-09T22:45:56Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment3843862005-11-09T22:45:56Z<p>Bonsoir Buzz</p>
<p>J'utilise ta contrib sur un site, j'ai opté pour la solution via les css ...</p>
<p>Alors que cela fonctionne nickel sous fifox ... je n'ai qu'une colonne (de la largeur voulu dans le css) sous IE.</p>
<p>De quoi cela peut il provenir<small class="fine d-inline"> </small>?</p>
<p>Amicalement</p>
<p>eric</p>> oui mais2005-07-05T10:30:41Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment3820112005-07-05T10:30:41Z<p>ca oblige d'ajouter « à la main » une césure (-----) au milieu de l'article<small class="fine d-inline"> </small>!<br class="autobr">
Sur un site de 10000 articles, tu vois le boulot<small class="fine d-inline"> </small>???</p>
<p>sur le site du herald tribune ( les stories) ils ont trouvé une solution en javascript qui permet un affichage 3 colonnes de manière dynamique. Je me casse le nez dessus pour le moment mais si je trouve le moyen de coder un équivalent en php, il y aura un beau filtre à la clé</p>> Article sur 2 colonnes2005-06-20T13:24:55Zhttps://contrib.spip.net/Article-sur-2-colonnes#comment3817462005-06-20T13:24:55Z<p>Bonjour</p>
<p>Je viens de lire ton article et tout de suite une question ...<br class="autobr">
2 colonnes ... mais ce n'est pas limitatif,<small class="fine d-inline"> </small>??? Si je veux trois col<small class="fine d-inline"> </small>?</p>
<p>Autre plus en modifiant non pas le squel de l'aricle mais d'une rubrique ton filtre est il aussi applicable ou necessite il une adaptation, je pense que tu as du tester cela</p>
<p>Merci pour le « beau travail »</p>
<p>Amicalement</p>
<p>eric</p>