Cet été, les minijouebs sont courts et à la mode ! Dévoilés en France par Miss Minijoueb - toujours en avance d'une nouvelle tendance - les minijouebs arrivent sur Joueb.com (j'ai deja le mien :O). Ci-dessous, mode d'emploi pour installer en quelques minutes votre propre minijoueb !

Sur Joueb.com, pas besoin d'utiliser un outil externe comme Sideblog, il suffit juste de jouer un peu avec son modèle de mise en page :

1. Créer une rubrique avec l'identifiant 'side', et donnez lui un nom (Minijoueb par exemple) et une description. Les articles publies dans cette rubrique seront affiches dans le minijoueb, les autres rubriques continueront d'être affichées normalement.

2. Faites une copie de votre modèle de mise en page. (menu admin, menu mise en page, cliquez sur telecharger, et sauvez votre modèle avec un nom comme monmodele.html).

3. Editez ensuite votre modèle de mise en page comme suit :

Repérez le passage correspondant a l'affichage des articles ou de leur premier paragraphe :

<object class=summary count=10> (ou approchant)

Premiere chose a faire : faire en sorte que les articles de la rubrique side ne soient pas affiches comme les autres articles. Il suffit d'ajouter un category_id!=side dans la ligne ci-dessus :

<object class=summary category_id!=side count=10>

Si vous essayez maintenant d'ecrire un article dans la rubrique side, il ne sera pas affiche du tout. Pour l'afficher, il suffit d'ajouter un bloc :

<object class=summary category_id==side count=10>
[..]
</object>

Par exemple juste au dessus du bloc correspondant aux articles normaux.

Pour verifier que cela marche correctement, le plus simple est de commencer avec quelques attributs de base. (remplacez le [..] ci-dessus par <strong><attribute title></strong><br /><attribute text><br /> par exemple).

Vous pouvez egalement si vous le souhaitez ajouter un lien vers l'article, le nombre de commentaires etc. par exemple, voici ce que j'ai sur 101 :

<object class=summary category_id==side count=10>
<div style="font-size:12px;">
<strong><attribute title></strong><br />
<attribute text>
<a href="<attribute news_url>">#</a> <attribute nb_comments>
</div>
</object>

Pour que mon minijoueb s'affiche dans une boite bleue, a gauche des articles normaux, j'ai egalement ajoute ceci au dessus :

<object class=summary category_id==side>
<div style="float:left;background-color:#ddf;width:150px;padding:5px;margin-right:10px;border-style:dotted;border-color:#00f;">
<h2><attribute category></h2>
</object>

Et cela en dessous :

<object class=summary category_id==side>
</div>
</object>

Et voila, c'est tout ! Ensuite, libre a vous d'experimenter un peu plus. Vous pouvez changer les styles, peut-etre ajouter d'autres attributs de l'objet summary etc. Par exemple, pour mettre le minijoueb a droite plutot qu'a gauche, il suffit de changer le float:left; en float:right;. Vous pouvez meme mettre plusieurs minijouebs.

Vous avez choisi la plateforme de publication de journal web la plus flexible du monde (je ne suis pas sur d'exagerer :-), profitez en !

Petite recapitulation pour les faineants :

Changez:

<object class=summaries>

<object class=summary count=10>

en :

<object class=summaries>

<object class=summary category_id==side>
<div style="float:left;background-color:#ddf;width:150px;padding:5px;margin-right:10px;border-style:dotted;border-color:#00f;">
<h2><attribute category></h2>
</object>

<object class=summary category_id==side count=10>
<div style="font-size:12px;">
<strong><attribute title></strong><br />
<attribute text>
<a href="<attribute news_url>">#</a> <attribute nb_comments>
</div>
</object>

<object class=summary category_id==side>
</div>
</object>

<object class=summary category_id!=side count=10>